Hugo作品集

personal-website — Hugo 作品集模板

作者 nitishspatkar

一个基于 Express 的个人网站模板,用 Markdown 和 YAML/JSON 管理页面与结构化内容,可构建为静态站点。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

Express 小型应用,本地通过 npm run dev 启动

02

Markdown 页面与案例研究位于 content/ 目录

03

CV、教学、研究项目等结构化数据使用 content/data/ 下的 YAML/JSON 文件

04

导航、分析配置和头像集中在 config.yml

05

npm run build 可生成含 public/ 资源的静态站点到 dist/

06

提供 npm run check-pdfs 校验 /pdfs/ 链接是否指向 public/pdfs/ 中的文件

模板详细介绍

该模板是一个小型 Express 应用,用于搭建个人网站。编辑内容放在 content/ 目录下,包括 Markdown 页面和 content/innovation-projects/ 中的案例研究;CV、教学、研究项目、社区服务以及按年份整理的学生项目等结构化页面文案,则放在 content/data/ 下的 YAML/JSON 文件中。导航、分析配置和个人头像在 config.yml 中设置,静态资源位于 public/。

本地运行需先执行 npm install,再执行 npm run dev,然后打开终端输出的地址;默认端口为 3000,若被占用会使用下一个空闲端口,也可通过 PORT 指定。若用于 GitHub Pages 等静态托管,运行 npm run build 可在 dist/ 中生成完整站点,包含 HTML 和 public/ 中的全部内容。

README 未说明具体前端框架版本、分析服务的接入方式、内容字段的完整结构或生产部署的额外配置,这些方面需查看仓库其他文件确认。

Hugo作品集

适合你的项目吗?

适用场景

  • 搭建以 Markdown 和结构化数据维护内容的个人学术或职业网站
  • 需要将个人网站构建为静态文件并托管到 GitHub Pages 等平台
  • 维护包含案例研究、教学、研究项目与学生项目列表的多栏目站点

适合人群

  • 熟悉 Node.js 与 Express 基础操作的个人开发者
  • 希望用 Markdown 和 YAML/JSON 管理网站内容的用户
  • 需要静态导出个人网站并自行选择托管方式的用户

上手与定制指南

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

  1. 1

    执行 npm install 安装依赖

  2. 2

    执行 npm run dev 启动本地开发服务器,默认端口 3000,可用 PORT 指定

  3. 3

    执行 npm run build 在 dist/ 生成静态站点

  4. 4

    新增 PDF 或修改 content/data/student-projects-years.json 后,运行 npm run check-pdfs 检查链接

  5. 5

    README 未提供分析配置的具体接入步骤,需查看 config.yml 或仓库其他资料

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: codex-user-requested-batch-review-20261021 · 2026-10-21

查看当时使用的来源资料

SHA-256: 625116a8d33235386688726cbb86c98443851e1bd74f54d6728523e1d924522f

2026-10-19T13:16:16.584Z

来源文件 / 仓库
This site is a small [Express](https://expressjs.com/) app. Editorial content lives under `content/` (Markdown pages and `content/innovation-projects/` case studies). Structured page copy lives in `content/data/` (YAML/JSON for CV, teaching, research projects, community service, and supervised projects by year). Nav, analytics, and profile image are in `config.yml`; static assets are in `public/`.

```bash
npm install
npm run dev
```

Then open the URL printed in the terminal (defaults to port 3000; if that port is busy, the next free port is used unless you set `PORT`).

**Static hosting (GitHub Pages, etc.):** run `npm run build` to generate a complete site in `dist/` (HTML plus everything from `public/`).

After adding PDFs or editing `content/data/student-projects-years.json`, run `npm run check-pdfs` to ensure every `/pdfs/…` link points to a file in `public/pdfs/`.
反馈内容错误

看看同类模板

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