网页推荐

注：大部分是静态网页。

---

简历网页

• GitHub - weijie-chen/weijie-chen.github.io (opens new window)、Weijie Chen (opens new window)

• Dr. Jinyang Zhang (opens new window)

• Zhenchao Jin (opens new window)（纯 html css）

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

• 在线排版：GitHub - mdnice/markdown-resume (opens new window)

• GitHub - xitanggg/open-resume: OpenResume is a powerful open-source resume builder and resume parser. https://open-resume.com/ (opens new window)

• Jekyll 框架：

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

---

相册网页

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

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

• GitHub - NazaNEYn/B-W-Gallery: Photo gallery template (opens new window)

• GitHub - soyaine/horcrux: Generate you own online gallery easily. Photo is the horcrux of memory. (opens new window)

• GitHub - rampatra/photography: A free online portfolio website to showcase your photos. (opens new window)

• GitHub - sunbliss/photorama: "PHOTORAMA" template for Jekyll (opens new window)

• gallery-template · GitHub Topics · GitHub (opens new window)

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

---

生日网页

• GitHub - HilmiZul/bday: My birthday card 😆 🎉 (opens new window)

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

---

恋爱记录网页

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

---

引导页

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

---

幻灯片 Slides

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

安装

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 (opens new window)

---

reveal-md 模板

GitHub - TonyCrane/slide-template: TonyCrane's slide template for reveal-md (opens new window)

GitHub - TonyCrane/MarkdownLecture: TonyCrane's markdown lecture for ZJU-MSC (opens new window)

---

在线 Book / 文档

• mdBook (opens new window)

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

• GitHub - auula/typikon: Typikon lets you use markdown to write your online books. (opens new window)

• ONCE — Writebook (opens new window)

• GitBook (opens new window)

• Jupyter Book 形式：Built with Jupyter Book (opens new window)

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

• GitHub - jaywcjlove/idoc: 📖 Simple document generation tool! Dependence Node.js run. (opens new window)

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

  • 案例：How to Script with OVITO - How To Script with OVITO (opens new window)

• Sphinx 框架主题：

  • GitHub - mgeier/insipid-sphinx-theme (opens new window)
  • GitHub - pradyunsg/furo (opens new window)

• docsify：docsify (opens new window)

---

# 安装 mdbook
cargo install mdbook

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

# 预览
mdbook serve --open

---

其他类型博客

• GitHub - kingwrcy/moments: 极简朋友圈 (opens new window)

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

---

其他

• 将浏览器书签导出成导航网站：Guide - Pintree (opens new window)

• 论文发表情况网页：GitHub - PhasesResearchLab/PublicationsList (opens new window)

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

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

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

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

• Excalidraw - 在线手写风作图 (opens new window)