academic-portfolio
HTML / 作品集 · 作者 kody1126
基于纯 HTML/CSS/JavaScript 的极简个人学术主页模板,用于展示研究、项目与动态,无需框架或构建步骤。

模板详细介绍
Academic Portfolio 是一个面向学术场景的个人网站模板,使用 HTML、CSS 和 JavaScript 编写,不依赖任何前端框架、包安装或构建步骤。模板包含项目卡片、出版物列表(标题、年份、会议/期刊信息)、新闻条目(纯文本、单图和三图轮播)等常见学术主页模块,并带有可跳过的开场动画与一次性滚动显现效果。
界面采用系统字体、克制间距和响应式布局,同时提供键盘导航、可见焦点状态和减少动态效果支持。所有资源均为本地文件,不要求第三方服务、追踪器或 API 密钥。仓库中提供通用占位内容与 SVG 插图,作者本人的照片、简历和个人内容不包含在模板内。
模板附带本地预览、GitHub Pages 和 Docker/NAS 三种部署方式说明,并给出内容替换清单,方便使用者将示例文本、链接和图片替换为自己的信息。
主要特点
- 纯 HTML/CSS/JavaScript 实现,无需框架、包安装或构建步骤
- 包含项目卡片、出版物列表、新闻条目与三图轮播等学术主页模块
- 支持键盘导航、可见焦点状态和减少动态效果偏好
- 所有资源本地化,不依赖第三方服务、追踪器或 API 密钥
- 提供本地预览、GitHub Pages 和 Docker/NAS 三种部署方式说明
- 附带内容替换清单,明确标注需修改的示例文本、链接和图片
适用场景
- 高校研究人员或博士生搭建个人学术主页,展示研究兴趣、论文与项目
- 需要轻量静态站点、不想引入构建工具或框架的个人作品集
- 通过 GitHub Pages 免费发布个人主页或项目站点
- 在 NAS 或本地 Docker 环境中托管个人网站
适合人群
- 有 HTML/CSS 基础、希望直接编辑静态文件的学术研究者
- 需要展示论文、项目与新闻动态的个人用户
- 偏好无构建步骤、无第三方依赖的轻量站点方案的用户
- 计划使用 GitHub Pages 或 Docker/NAS 部署静态网站的用户
使用前需要核对
- 下载模板或使用 GitHub 的 Use this template 功能,将 index.html、assets/ 和 .nojekyll 上传到仓库根目录
- 本地预览可运行 python3 -m http.server 4173 --bind 127.0.0.1,然后访问 http://localhost:4173
- GitHub Pages 部署时在 Settings → Pages 选择 Deploy from a branch,分支选 main、目录选 /(root)
- Docker/NAS 部署运行 docker compose up -d --build,默认通过 8088 端口访问;修改文件后需重新构建镜像
- 发布前替换所有示例内容(姓名、出版物、新闻、链接、图片),并检查简历与照片中的隐私信息
本介绍由 AI 根据目录元数据和仓库 README 整理,实际功能以原仓库为准。
功能与适用范围
目录记录的用途为作品集,主要技术栈为HTML。功能是否完整实现,需要在源码和演示中进一步确认。
- HTML
- 作品集