网页推荐

注：大部分是静态网页。

---

简历网页

• GitHub - weijie-chen/weijie-chen.github.io、Weijie Chen

• Dr. Jinyang Zhang

• Zhenchao Jin（纯 html css）

• GitHub - HugoBlox/theme-academic-cv: 🎓 无需编写任何代码即可轻松创建漂亮的学术网站

• 在线排版：GitHub - mdnice/markdown-resume

• GitHub - xitanggg/open-resume: OpenResume is a powerful open-source resume builder and resume parser. https://open-resume.com/

• Jekyll 框架：

  • GitHub - pages-themes/minimal
  • GitHub - yaoyao-liu/minimal-light
  • minimal 主题相关示例：
    • GitHub - juliayang/juliayang.github.io
    • Julia H. Yang - Computational materials scientist
    • GitHub - yaoyao-liu/yaoyao-liu.github.io: My homepage's source code
    • yaoyao-liu homepage（本人 CV 采用此框架及主题）
  • GitHub - RayeRen/acad-homepage.github.io，示例：Yi Ren (任意) - Homepage
  • GitHub - sharu725/online-cv

---

相册网页

• [ ] 视频 + 相册静态网页较难找（少或效果不太满足要求）

• 照片、视频墙：GitHub - zhang-tong-yao/wall: Wall是一款快速分享资源应用程序。俗称“照片墙、视频墙”，基于Vue3 + Spring Boot开发的云共享资源应用系统。

• GitHub - NazaNEYn/B-W-Gallery: Photo gallery template

• GitHub - soyaine/horcrux: Generate you own online gallery easily. Photo is the horcrux of memory.

• GitHub - rampatra/photography: A free online portfolio website to showcase your photos.

• GitHub - sunbliss/photorama: "PHOTORAMA" template for Jekyll

• gallery-template · GitHub Topics · GitHub

• 照片和视频自托管：GitHub - immich-app/immich: High performance self-hosted photo and video management solution.

---

生日网页

• GitHub - HilmiZul/bday: My birthday card 😆 🎉

• GitHub - sherryuser/cake-blow: 🎂 Interactive Birthday Cake 🕯️ - Add and blow out candles using your microphone! Fun and engaging web app using HTML, CSS & JS. 🎉🎤

---

恋爱记录网页

• GitHub - saurabhnemade/will-you-be-my-valentine: A simple application to impress your loved ones on valentines day!!
• GitHub - KanurkarPrateek/Valentines_Day_Proposal
• GitHub - nxuzy/love: love_matters、恋爱申请书
• GitHub - xing16/ValentineDaySuprise: HMTL实现情人节告白气球，不一样的惊喜

---

引导页

• GitHub - 5ime/Index: 🏠 我的个人主页,引导页（个人倾向于这个）
• TonyCrane · Home（无源码）
• GitHub - AnkorTn/AnkorTn.github.io
• Home Page-fullPage
• 钱辉 ♥ Blog
• GitHub - EsunR/Blog-Index: 一个通用的个人网站的引导页、导航页模板
• GitHub - NianBroken/Personal_Sakura_Guide_Page
• NianBroken

---

幻灯片 Slides

• GitHub - slidevjs/slidev: Presentation Slides for Developers
• 使用 reveal-md 来写 Slides - Isshiki修's Notebook

安装

npm init [email protected]

注：npm init slidev@latest 安装最新版本时会出现报错：

[vite] Internal server error: [postcss] /@slidev/slides/2.md?vue&type=style&index=0&scoped=2e431aa8&lang.css:9:2: Unknown word

Error with installer generated slides.md using inline styles · Issue #1081 · slidevjs/slidev · GitHub

---

reveal-md 模板

GitHub - TonyCrane/slide-template: TonyCrane's slide template for reveal-md

GitHub - TonyCrane/MarkdownLecture: TonyCrane's markdown lecture for ZJU-MSC

---

在线 Book / 文档

• mdBook

  • GitHub Actions 部署：Automated Deployment: GitHub Actions · rust-lang/mdBook Wiki · GitHub
  • mdbook 加密：GitHub - Wybxc/mdbook-pagecrypt: Encrypt your mdbook-built site with password protection.

• GitHub - auula/typikon: Typikon lets you use markdown to write your online books.

• ONCE — Writebook

• GitBook

• Jupyter Book 形式：Built with Jupyter Book

  • GitHub Actions 部署：GitHub Pages and Actions
  • 案例：
    • GitHub - JaGeo/TutorialAtomate2Forcefields: Tutorial to learn basic features of atomate2
    • Testing M3GNet for Random Structure Searching — Test M3GNet for random structure searching

• GitHub - jaywcjlove/idoc: 📖 Simple document generation tool! Dependence Node.js run.

• Quarto Docs（基于 Pandoc）：GitHub - quarto-dev/quarto-cli: Open-source scientific and technical publishing system built on Pandoc.

  • 案例：How to Script with OVITO - How To Script with OVITO

• Sphinx 框架主题：

  • GitHub - mgeier/insipid-sphinx-theme
  • GitHub - pradyunsg/furo

• docsify：docsify

---

# 安装 mdbook
cargo install mdbook

# 初始化 project
mdbook init mdbook-demo & cd $_

# 预览
mdbook serve --open

---

其他类型博客

• GitHub - kingwrcy/moments: 极简朋友圈

• Obsidian 数字花园博客设置教程：使用Obsidian 打造个人数字花园完整教程

---

其他

• 将浏览器书签导出成导航网站：Guide - Pintree

• 论文发表情况网页：GitHub - PhasesResearchLab/PublicationsList

• 网页文件夹（分享文件）

  • GitHub Actions 形式；需 repo 状态为 public： GitHub - linyuxuanlin/File-host: 资源共享仓库
  • 手动创建（需在每个文件夹目录下创建 index.html 文件）：GitHub - pranabdas/drive

• 课程资料在线浏览（不是特别好用；会报错，暂无更新）：GitHub - OrangeX4/GitNotes: 一个在浏览器上运行的笔记浏览应用, 用于浏览以 Markdown 书写的, 存放在 GitLab 或 GitHub 上的笔记.

• [x] 约会日程路线静态网页模板查找？（暂无必要，写成 markdown 即可）

• Excalidraw - 在线手写风作图