HTML作品集

webpage — HTML 作品集模板

作者 niloydebme

Niloy Deb 的个人学术网站，基于 AcademicPages / Minimal Mistakes 主题定制，用 Jekyll 构建并由 GitHub Pages 发布，包含研究、CV、论文、教学与博客等页面。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

基于 AcademicPages / Minimal Mistakes 主题定制的个人学术网站，使用 Jekyll 构建

02

由 GitHub Pages 从仓库直接发布，推送后自动构建

03

论文以每篇一个 Markdown 文件维护，自动同步到论文页与 CV，并生成独立摘要页

04

新闻条目集中在 _data/news.yml，按时间倒序展示

05

颜色、字体与间距统一在 assets/css/site.css 中定义，页面使用 CSS 类而非内联样式

06

主题代码采用 MIT 许可

模板详细介绍

这是一个个人学术网站，作者为 Niloy Deb，线上地址为 https://niloydebme.github.io/webpage/。网站基于 AcademicPages（Minimal Mistakes 主题）定制，使用 Jekyll 构建，并通过 GitHub Pages 从仓库直接发布。

内容结构上，站点包含首页（个人简介、研究兴趣图示与 News & Updates）、研究页、CV 页、论文列表、教学列表与课程页，以及博客 / Webliography 归档页。论文以 `_publications/` 目录下每篇一个 Markdown 文件的方式维护，会同时出现在论文页与 CV 中，并各自生成摘要页；新闻条目集中在 `_data/news.yml`，按时间倒序排列。

定制方式上，作者信息、侧栏简介、邮箱、个人链接与站点描述在 `_config.yml` 的 `author:` 下修改；顶部导航在 `_data/navigation.yml`；页面框架在 `_layouts/minimal.html`；颜色、字体与间距统一在 `assets/css/site.css` 中定义，页面使用 CSS 类而非内联样式。图片与可下载文件分别放在 `images/` 和 `files/` 目录，引用时通过 `relative_url` 拼接 `/webpage` 前缀。

部署方面，向 GitHub Pages 构建分支（当前为 master）推送后由 GitHub 自动构建，构建错误可在仓库 Actions 标签页查看。本地预览需要 Ruby 3.x 与 Bundler，执行 `bundle install` 和 `bundle exec jekyll serve` 后访问 http://localhost:4000/webpage/，修改 `_config.yml` 后需重启服务。

许可方面，主题代码采用 MIT 许可，站点内容版权归 Niloy Deb；演示图片、字体、图标等第三方素材需按各自许可单独核对。

HTML作品集

适合你的项目吗？

适用场景

  • 研究人员或学者搭建包含简介、研究、论文与教学内容的个人学术主页
  • 需要把论文列表同时展示在论文页和 CV 中，并自动生成摘要页
  • 希望通过 GitHub Pages 免费托管并自动构建的静态个人网站
  • 需要集中维护新闻动态、课程页面与博客归档的学术站点

适合人群

  • 有 GitHub 账号、愿意用 Markdown 与 YAML 维护内容的学术人员
  • 希望基于现成学术模板做个性化定制的用户
  • 需要论文、CV、教学与新闻统一管理的个人站点场景

上手与定制指南

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

  1. 1

    本地预览需要 Ruby 3.x 与 Bundler，执行 bundle install 和 bundle exec jekyll serve 后访问 http://localhost:4000/webpage/

  2. 2

    修改 _config.yml 后需要重启本地服务

  3. 3

    部署时向 GitHub Pages 构建分支（当前为 master）推送，构建错误在仓库 Actions 标签页查看

  4. 4

    引用图片或文件时使用 relative_url 过滤器以自动添加 /webpage 前缀，文件名建议小写且不含空格

  5. 5

    主题代码为 MIT 许可，站点内容版权归作者；演示图片、字体、图标等第三方素材需按各自许可核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • MIT 许可仅覆盖主题代码；站点内容（文字、图片、论文等）版权归 Niloy Deb，不得作为自由内容再分发。
  • 本地预览需自行安装 Ruby 3.x 与 Bundler 环境，非纯静态即开即用。
  • 部署依赖 GitHub 账号与 GitHub Pages 服务，需将仓库推送至 GitHub 构建分支。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Theme code is MIT-licensed (see `LICENSE`); site content © Niloy Deb.

README 原文

Requires Ruby 3.x with Bundler

README 原文

published by GitHub Pages from this repository

README 原文
https://github.com/niloydebme/webpage/blob/master/LICENSEhttps://github.com/niloydebme/webpage/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 01dcca8aff0b8b5bbae98ff0bd7699d6c077fce367a01db2f17a727be64267b3

2026-10-02T15:57:13.806Z

来源文件 / 仓库
# Niloy Deb: academic website

Live at **https://niloydebme.github.io/webpage/**. Built with Jekyll on the [AcademicPages](https://github.com/academicpages/academicpages.github.io) / Minimal Mistakes theme and published by GitHub Pages from this repository.

## Where to edit what

| To change | Edit |
|---|---|
| Name, sidebar bio, e-mail, profile links, site description | `_config.yml` → `author:` |
| Header menu | `_data/navigation.yml` |
| Home page intro and research-interests diagram | `_pages/about.md` |
| Home page **News & Updates** | `_data/news.yml` (newest first) |
| Research page | `_pages/research.html` |
| CV page | `_pages/cv.html` (publications fill in automatically) |
| Publications | one file per paper in `_publications/` (see below) |
| Teaching list / course pages | `_pages/teaching.html` / `_teaching/*.md` |
| Blog / Webliography | `_pages/year-archive.html` |
| Page frame (header, tabs, footer) | `_layouts/minimal.html`; header lines and CV link in `_config.yml` -> `author:` |
| Colours, fonts, spacing | `assets/css/site.css` |
| Images / downloadable files | `images/`, `files/` |

Pages use CSS classes defined in `assets/css/site.css` rather than inline `style="..."` attributes, so a look change is made in one place.

### Adding a news item

Add at the top of `_data/news.yml`:

```yaml
- date: 2026-10-01
  text: "Short description. <b>Bold</b> and <a href='https://...'>links</a> are allowed."
```

### Adding a publication

Create `_publications/YYYY-journal-firstauthor.md` (lower-case, hyphens, no spaces):

```yaml
---
title: "Paper title in sentence case"
authors: "A. Author, Niloy Deb, B. Author"
venue: "Journal Name"            # or "Proc. <Conference name> (<ACRONYM YEAR>)"
details: "Vol. 12, Article 3456" # volume/pages; optional
year: 2026
doi: "10.xxxx/xxxxx"             # without https://doi.org/
pdf: "/files/paper.pdf"          # optional, file in files/
note: "Best Paper Award"         # optional
category: manuscripts            # manuscripts | conferences | books
date: 2026-01-31                 # used for ordering
keywords: "Keyword | Keyword | Keyword"
---

Abstract text as one plain paragraph.
```

It then appears, formatted identically, on the Publications page and in the CV (grouped by category, newest first), and gets its own abstract page. "Niloy Deb" is bolded automatically.

### Linking an image or file

Always go through `relative_url` so the `/webpage` prefix is added for you:

```html
<img src="{{ '/images/figure.png' | relative_url }}" alt="…">
<a href="{{ '/files/lecture.pdf' | relative_url }}">[pdf]</a>
```

Use lower-case file names without spaces.

## Deploying

Commit and push to the branch GitHub Pages builds from (Settings → Pages; currently `master`). GitHub builds the site in a minute or two; build errors appear under the repository's **Actions** tab.

## Previewing locally (optional)

Requires Ruby 3.x with Bundler ([RubyInstaller](https://rubyinstaller.org/) on Windows, with the MSYS2 dev kit).

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

Then open http://localhost:4000/webpage/. Restart the server after editing `_config.yml`.

## License

Theme code is MIT-licensed (see `LICENSE`); site content © Niloy Deb.
反馈内容错误

看看同类模板

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

simplefolio

simplefolio

⚡️ A minimal portfolio template for Developers

HTML · 作品集

Freelancer

Freelancer

Freelancer 是 Start Bootstrap 出品的单页作品集模板，专为自由职业者、设计师和小型工作室设计。 页面结构清晰，包含多个内容区块、响应式作品集网格，每个作品项目配有模态窗口展示详情。

HTML · 作品集

Resume

Resume

Resume 是 Start Bootstrap 推出的简历与 CV 主题，基于 Bootstrap 构建，采用固定侧边栏加内容区块的结构。

HTML · 作品集

Creative

Creative

Creative 是 Start Bootstrap 团队维护的一款单页营销模板，定位明确：为创意机构或产品服务提供一个以作品展示和行动号召为核心的落地页。

HTML · 企业官网

Grayscale

Grayscale

Grayscale 是 Start Bootstrap 出品的深色系单页 HTML 模板，基于 Bootstrap 构建。 它的视觉重心放在大尺寸首屏和清晰的内容分区上，整体氛围偏暗，适合摄影、活动或品牌叙事类网站。

HTML · 企业官网

startbootstrap-stylish-portfolio

startbootstrap-stylish-portfolio

Stylish Portfolio 是 Start Bootstrap 维护的单页作品集主题，基于 Bootstrap 构建，采用多个内容区块加离屏导航菜单的结构。

HTML · 作品集