HTML作品集

academic-portfolio — HTML 作品集模板

作者 kody1126

基于纯 HTML/CSS/JavaScript 的极简个人学术主页模板，用于展示研究、项目与动态，无需框架或构建步骤。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

整体预览

访问演示网站在新标签页打开

作者提供的预览

查看现有预览图，更多页面尚未采集。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-23查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

纯 HTML/CSS/JavaScript 实现，无需框架、包安装或构建步骤

包含项目卡片、出版物列表、新闻条目与三图轮播等学术主页模块

支持键盘导航、可见焦点状态和减少动态效果偏好

所有资源本地化，不依赖第三方服务、追踪器或 API 密钥

提供本地预览、GitHub Pages 和 Docker/NAS 三种部署方式说明

附带内容替换清单，明确标注需修改的示例文本、链接和图片

模板详细介绍

Academic Portfolio 是一个面向学术场景的个人网站模板，使用 HTML、CSS 和 JavaScript 编写，不依赖任何前端框架、包安装或构建步骤。模板包含项目卡片、出版物列表（标题、年份、会议/期刊信息）、新闻条目（纯文本、单图和三图轮播）等常见学术主页模块，并带有可跳过的开场动画与一次性滚动显现效果。

界面采用系统字体、克制间距和响应式布局，同时提供键盘导航、可见焦点状态和减少动态效果支持。所有资源均为本地文件，不要求第三方服务、追踪器或 API 密钥。仓库中提供通用占位内容与 SVG 插图，作者本人的照片、简历和个人内容不包含在模板内。

模板附带本地预览、GitHub Pages 和 Docker/NAS 三种部署方式说明，并给出内容替换清单，方便使用者将示例文本、链接和图片替换为自己的信息。

HTML作品集

适合你的项目吗？

适用场景

高校研究人员或博士生搭建个人学术主页，展示研究兴趣、论文与项目
需要轻量静态站点、不想引入构建工具或框架的个人作品集
通过 GitHub Pages 免费发布个人主页或项目站点
在 NAS 或本地 Docker 环境中托管个人网站

适合人群

有 HTML/CSS 基础、希望直接编辑静态文件的学术研究者
需要展示论文、项目与新闻动态的个人用户
偏好无构建步骤、无第三方依赖的轻量站点方案的用户
计划使用 GitHub Pages 或 Docker/NAS 部署静态网站的用户

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
下载模板或使用 GitHub 的 Use this template 功能，将 index.html、assets/ 和 .nojekyll 上传到仓库根目录
2
本地预览可运行 python3 -m http.server 4173 --bind 127.0.0.1，然后访问 http://localhost:4173
3
GitHub Pages 部署时在 Settings → Pages 选择 Deploy from a branch，分支选 main、目录选 /(root)
4
Docker/NAS 部署运行 docker compose up -d --build，默认通过 8088 端口访问；修改文件后需重新构建镜像
5
发布前替换所有示例内容（姓名、出版物、新闻、链接、图片），并检查简历与照片中的隐私信息

查看仓库使用说明