Express 小型应用,本地通过 npm run dev 启动
personal-website — Hugo 作品集模板
作者 nitishspatkar
一个基于 Express 的个人网站模板,用 Markdown 和 YAML/JSON 管理页面与结构化内容,可构建为静态站点。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
Markdown 页面与案例研究位于 content/ 目录
CV、教学、研究项目等结构化数据使用 content/data/ 下的 YAML/JSON 文件
导航、分析配置和头像集中在 config.yml
npm run build 可生成含 public/ 资源的静态站点到 dist/
提供 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 未说明具体前端框架版本、分析服务的接入方式、内容字段的完整结构或生产部署的额外配置,这些方面需查看仓库其他文件确认。
适合你的项目吗?
适用场景
- 搭建以 Markdown 和结构化数据维护内容的个人学术或职业网站
- 需要将个人网站构建为静态文件并托管到 GitHub Pages 等平台
- 维护包含案例研究、教学、研究项目与学生项目列表的多栏目站点
适合人群
- 熟悉 Node.js 与 Express 基础操作的个人开发者
- 希望用 Markdown 和 YAML/JSON 管理网站内容的用户
- 需要静态导出个人网站并自行选择托管方式的用户
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
执行 npm install 安装依赖
- 2
执行 npm run dev 启动本地开发服务器,默认端口 3000,可用 PORT 指定
- 3
执行 npm run build 在 dist/ 生成静态站点
- 4
新增 PDF 或修改 content/data/student-projects-years.json 后,运行 npm run check-pdfs 检查链接
- 5
README 未提供分析配置的具体接入步骤,需查看 config.yml 或仓库其他资料
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/nitishspatkar/personal-website/blob/main/LICENSE.mdhttps://github.com/nitishspatkar/personal-website/blob/main/README.mdPermission is hereby granted, free of charge
许可证原文
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/`.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

hugo-PaperMod
PaperMod 是 Hugo 生态里知名度较高的主题之一,定位很明确:给博客和轻量作品集站点提供一套干净、响应式的阅读界面。
Hugo · 作品集

Congo
Congo 是一款为 Hugo 设计的现代内容主题,核心定位是让内容本身成为页面焦点。 它基于 Tailwind CSS 3.0 构建,整体布局完全响应式,视觉风格干净且克制,没有多余装饰。
Hugo · 博客

toha
Toha 是一款面向个人作品集场景的 Hugo 主题,以极简设计和响应式布局为核心,适合用来搭建个人主页、作品展示或技术博客。
Hugo · 作品集

hugo-profile
A highly customizable and mobile first Hugo template for personal portfolio and blog.
Hugo · 作品集

hugo-theme-introduction
Minimal, single page, smooth-scrolling theme for Hugo static site generator.
Hugo · 作品集

hugo-theme-console
hugo-theme-console 是一款以系统终端为灵感的极简 Hugo 主题,基于 Terminal CSS 构建,整体视觉干净利落,强调快速加载与响应式布局。
Hugo · 作品集
