HTML作品集

wanghaotian.homepage — HTML 作品集模板

作者 JovanWang

基于 Academic Pages / Minimal Mistakes Jekyll 模板的个人学术主页，用 HTML 与 Markdown 组织首页、论文、动态、CV 等内容，并支持 GitHub Pages 部署。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

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

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

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

采集于 2026-10-12查看来源

值得关注的模板亮点

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

基于 Academic Pages / Minimal Mistakes Jekyll 模板的个人学术主页

首页、论文、动态、CV 分别由 _pages 目录下的 Markdown 与 HTML 文件维护

论文、专利、软件著作权由 _data 目录下的 YAML 数据文件渲染，更新无需改模板

论文数据通过 category 字段（first、corresponding、other）划分展示分区

首页访客地图需在 MapMyVisitors 注册并填写 key 后启用，clustrmaps_id 作为备选

提供 bundle 与 Docker Compose 两种本地预览方式

模板详细介绍

该仓库是 Haotian Wang 的个人学术主页，基于 Academic Pages / Minimal Mistakes Jekyll 模板构建，采用 HTML 与 Markdown 编写内容。页面结构包括首页（_pages/about.md）、论文列表（_pages/publications.html）、动态（_pages/talks.html）和 CV（_pages/cv.md），站点配置集中在 _config.yml，自定义样式位于 assets/css/main.scss，首页特效脚本为 assets/js/homepage-effects.js。

论文、专利和软件著作权分别由 _data/publications.yml、_data/patents.yml 和 _data/software.yml 数据文件渲染，日常更新无需改动页面模板。其中 publications.yml 通过 category 字段（first、corresponding、other）控制论文所属分区。首页还包含访客地图区域，需在 MapMyVisitors 注册站点并将 d= 后的 key 填入 _config.yml 的 visitors 配置项才能启用真实地图；clustrmaps_id 仍作为备选保留。

本地预览需使用 Jekyll：执行 bundle install 与 bundle exec jekyll serve 后访问 http://127.0.0.1:4000/；若本地未安装 Ruby/Jekyll，可使用仓库内的 Docker 配置，通过 docker compose build 与 docker compose up 启动。仓库按 GitHub Pages 风格部署，发布前需核对职称与单位信息、论文元数据是否与 Google Scholar / DBLP / 出版商页面一致，并确认未加入私人联系方式或未公开项目细节。

HTML作品集

适合你的项目吗？

适用场景

搭建个人学术主页，展示论文、动态与 CV
用数据文件维护论文、专利和软件著作权列表，减少模板改动
在 GitHub Pages 上部署静态学术站点
本地通过 Jekyll 或 Docker 预览站点效果

适合人群

需要个人学术主页的研究人员或学生
熟悉 Markdown 与 YAML 数据文件维护的开发者
希望基于 Academic Pages / Minimal Mistakes 模板二次修改的用户
计划使用 GitHub Pages 托管静态站点的用户

上手与定制指南

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

1
本地预览需安装 Ruby/Jekyll，执行 bundle install 与 bundle exec jekyll serve，然后访问 http://127.0.0.1:4000/
2
若本地无 Ruby/Jekyll 环境，可使用仓库内 Docker 配置：docker compose build 与 docker compose up
3
启用访客地图需先在 MapMyVisitors 注册站点，将 map.js 片段中的 d= key 填入 _config.yml 的 visitors.mapmyvisitors_id
4
发布前核对职称与单位信息、论文元数据是否与 Google Scholar / DBLP / 出版商页面一致
5
确认未加入私人联系方式或未公开项目细节

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
首页访客地图功能需先在第三方服务 MapMyVisitors 注册站点，属于外部服务依赖，非本地即可启用。
启用真实访客地图需从 MapMyVisitors 获取 d= key 并填入 _config.yml，缺少该 key 时地图无法激活。
若改用其他访客统计服务，clustrmaps_id 仅作为备选回退方案保留。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

To activate a real MapMyVisitors map: 1. Register this site at MapMyVisitors.
README 原文

Copy the `d=...` key from its `map.js` snippet. 3. Paste it into `_config.yml`:
README 原文

`clustrmaps_id` is still supported as a fallback if you switch providers later.
README 原文

https://github.com/JovanWang/wanghaotian.homepage/blob/master/LICENSE https://github.com/JovanWang/wanghaotian.homepage/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-12。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 80 / 100
技术栈: HTML
网站类型: 作品集

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-05-16
截图检查日期: 2026-10-12

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: 0d480ef8ddd6de7f3dba20c61218ccfa75e728fcff759fa40427ee1f748c1190

2026-10-12T17:32:03.540Z

来源文件 / 仓库

# Haotian Wang Homepage

Personal academic homepage for Haotian Wang, based on the Academic Pages / Minimal Mistakes Jekyll template.

## Main Content

- Home page: `_pages/about.md`
- Publications: `_pages/publications.html`
- News: `_pages/talks.html`
- CV: `_pages/cv.md`
- Site configuration: `_config.yml`
- Custom styling: `assets/css/main.scss`
- Homepage effects: `assets/js/homepage-effects.js`
- Publications data: `_data/publications.yml`
- Patent data: `_data/patents.yml`
- Software copyright data: `_data/software.yml`
- Visitor map include: `_includes/visitor-globe.html`

## Local Preview

This site is a Jekyll project. A typical local preview workflow is:

```bash
bundle install
bundle exec jekyll serve
```

Then open:

```text
http://127.0.0.1:4000/
```

If Ruby/Jekyll is not installed locally, use the included Docker setup:

```bash
docker compose build
docker compose up
```

## Deployment

The repository is configured for GitHub Pages-style deployment. Before publishing, verify:

- The official job title and affiliation are current.
- Publication metadata matches Google Scholar / DBLP / publisher pages.
- No private contact information or unpublished project details are added.

## Editable Data Files

Publications, patents, and software copyrights are rendered from data files, so routine updates do not require editing page templates.

- `_data/publications.yml`: use `category: "first"`, `category: "corresponding"`, or `category: "other"` to control the publication section.
- `_data/patents.yml`: title-only patent list.
- `_data/software.yml`: title-only software copyright list.

## Visitor Globe

The homepage includes a Visitors section. To activate a real MapMyVisitors map:

1. Register this site at MapMyVisitors.
2. Copy the `d=...` key from its `map.js` snippet.
3. Paste it into `_config.yml`:

```yaml
visitors:
  mapmyvisitors_id: "YOUR_KEY"
  mapmyvisitors_color: "ffffff"
  mapmyvisitors_width: "a"
  mapmyvisitors_stats_url: "https://mapmyvisitors.com/web/YOUR_ID"
  globe_width: 220
  globe_height: 220
```

`clustrmaps_id` is still supported as a fallback if you switch providers later.

反馈内容错误