HTML作品集启动器

academic-starter — HTML 作品集模板

作者 BhattHarshit

基于 Hugo 的学术个人网站模板,通过 data/profile.toml 集中管理个人信息,使用 GitHub Actions 部署到 GitHub Pages。

看看你的网站会是什么样

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

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

站点全局信息集中在 data/profile.toml 中配置,涵盖姓名、头衔、机构、联系方式、简介、教育经历、研究兴趣、头像、CV 及社交与学术平台链接

02

导航栏由内容页自动生成,新建 content/<name>/_index.md 并设置 menu: true 与 weight 即可添加标签页,weight 越小越靠前

03

内置 research、teaching、talks 三个示例内容页,可直接替换为个人内容

04

CV 标签页直接打开 PDF,文件默认位于 static/files/cv.pdf,路径可在 profile.toml 中修改

05

通过 GitHub Actions 自动构建并发布到 GitHub Pages,README 包含 Pages Source 设置与工作流重跑等故障排查说明

模板详细介绍

这是一个用于创建和维护学术个人网站的 Hugo 模板。站点的大部分全局信息集中在 data/profile.toml 中配置,包括姓名与学术头衔、所属机构与联系方式、个人简介与教育经历、研究兴趣、头像、CV,以及 LinkedIn、Google Scholar、ORCID 和 GitHub 链接。模板自带 research、teaching、talks 三个内容页面,导航栏根据内容页的 front matter 自动生成,可通过 weight 控制顺序,或用 menu: false 让页面存在但不显示在导航中。CV 标签页会直接打开 PDF。部署方面,README 给出的流程是在 GitHub 上点击 Use this template 创建名为 your_Github_username.github.io 的仓库,在 Settings → Pages 中将 Source 设为 GitHub Actions,之后由 GitHub Actions 自动构建并发布站点;也可在 Actions 中手动运行 Deploy Hugo site to GitHub Pages 工作流。本地运行需要先安装 Hugo,再执行 hugo server。README 未说明该模板的浏览器兼容范围、无障碍支持情况、Hugo 具体版本要求,也未提供除 GitHub Pages 之外的其他部署方式。

HTML作品集启动器

适合你的项目吗?

适用场景

  • 搭建个人学术主页,展示简介、教育经历、研究兴趣与联系方式
  • 发布研究、教学与学术报告等分类内容页面
  • 在网站上提供可直接打开的 CV PDF 下载入口
  • 通过 GitHub Pages 免费托管并自动更新个人站点

适合人群

  • 需要维护学术个人主页的高校教师、研究人员或学生
  • 熟悉或愿意使用 GitHub 与 Hugo 的用户
  • 希望以配置文件方式集中管理个人信息、而非逐页编辑的用户

上手与定制指南

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

  1. 1

    点击 Use this template 创建新仓库,仓库名需为 your_Github_username.github.io

  2. 2

    在 Settings → Pages 的 Build and deployment 中将 Source 设为 GitHub Actions

  3. 3

    编辑 data/profile.toml 更新个人信息,并替换 static/images/ 下的头像与 static/files/cv.pdf

  4. 4

    本地预览需先安装 Hugo(macOS 可用 brew install hugo),然后运行 hugo server

  5. 5

    若 Actions 报 Get Pages site failed,检查 Pages 的 Source 是否为 GitHub Actions,再从 Actions 标签页重跑失败的工作流

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 使用该模板需要先注册并登录 GitHub 账号。
  • 仓库名必须命名为 your_Github_username.github.io 才能按说明部署。
  • 需要在 GitHub 仓库的 Settings → Pages 中将 Build and deployment 的 Source 设为 GitHub Actions。
  • 本地运行需要先安装 Hugo。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

1. Create a GitHub account if you don't have one and log in with it.

README 原文

3. Create a **new repository** and name it: `your_Github_username.github.io`.

README 原文

4. Open **Settings → Pages** and under **Build and deployment**, set **Source** to **GitHub Actions**.

README 原文

Install [Hugo](https://gohugo.io/), then run:

README 原文
https://github.com/BhattHarshit/academic-starter/blob/main/LICENSEhttps://github.com/BhattHarshit/academic-starter/blob/main/.github/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 85 / 100
技术栈
HTML
网站类型
作品集 · 启动器
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2026-10-14
截图检查日期
2026-10-15

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: codex-user-requested-batch-review-20261015 · 2026-10-15

查看当时使用的来源资料

SHA-256: 22d899b2789621cf9a0f78761ce18facfd70e33747c618300e406793f3e92442

2026-10-15T01:41:43.860Z

来源文件 / 仓库
# Academic Starter

A simple Hugo template for creating and maintaining a professional academic website.

<p align="center">
  <a href="https://bhattharshit.github.io/academic-starter/">
    <img src="../static/images/demo.gif"
         alt="Academic Website Template Demo"
         width="900">
  </a>
</p>

<p align="center">
  <a href="https://bhattharshit.github.io/academic-starter/">
    <strong>View Live Demo →</strong>
  </a>
</p>

## Quick start

1. Create a GitHub account if you don't have one and log in with it.
2. Click **Use this template** in the top right corner.
3. Create a **new repository** and name it: `your_Github_username.github.io`. 
4. Open **Settings → Pages** and under **Build and deployment**, set **Source** to **GitHub Actions**.
5. Edit `data/profile.toml` slightly and commit changes. (OR, open **Actions → Deploy Hugo site to GitHub Pages → Run workflow**.)
4. Your website will be available at:  `https://your_Github_username.github.io/`
5. Edit `data/profile.toml` to update your information and replace `static/images/avatar.svg` and `static/files/cv.pdf` with your files.

GitHub Actions will automatically build and publish the site.

## Site Information

Most site-wide information is controlled from:

```text
data/profile.toml
```

This includes your:

- name and academic title
- institution and contact information
- biography and education
- research interests
- profile image
- CV
- LinkedIn, Google Scholar, ORCID, and GitHub links

## Profile Image

Place your image in:

```text
static/images/
```

and update its path in `data/profile.toml`, for example:

```toml
avatar = "images/profile.jpg"
```

## CV

Replace:

```text
static/files/cv.pdf
```

with your own CV.

If you use a different filename, update its path in `data/profile.toml`:

```toml
cv = "files/my-cv.pdf"
```

The **CV** tab opens the PDF directly.

## Edit Existing Pages

The starter includes:

```text
content/research/_index.md
content/teaching/_index.md
content/talks/_index.md
```

Replace the example content with your own.

## Add a Navigation Tab

Navigation is generated automatically.

For example, to add a **Projects** page, create:

```text
content/projects/_index.md
```

with:

```yaml
---
title: "Projects"
draft: false
menu: true
weight: 25
---

Add your project information here.
```

Lower `weight` values appear earlier in the navigation bar.

The default order is:

```text
Research   10
Teaching   15
Talks      20
```

Set `menu: false` if you want the page to exist without appearing in the navigation bar.

## Run Locally (optional)

Install [Hugo](https://gohugo.io/), then run:

```bash
hugo server
```

On macOS, Hugo can be installed with:

```bash
brew install hugo
```

Open the local address shown in the terminal.

## Repository Structure

```text
data/profile.toml         # Personal and site-wide information

content/
├── research/             # Research page
├── teaching/             # Teaching page
└── talks/                # Talks page

static/
├── images/               # Profile image and other images
├── files/cv.pdf          # CV
└── css/                  # Site styling

layouts/                  # Hugo templates
.github/workflows/        # GitHub Pages deployment
hugo.toml                 # Hugo configuration
```

For normal use, you generally only need to edit `data/profile.toml`, files under `content/`, and your image/CV files.

## Troubleshooting

If GitHub Actions reports:

```text
Get Pages site failed
```

go to:

**Settings → Pages → Build and deployment → Source → GitHub Actions**

Then re-run the failed workflow from the **Actions** tab.

## Acknowledgment

This template is built with [Hugo](https://gohugo.io/) by [Harshit Bhatt](https://bhattharshit.github.io/).
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。