Stardust SSG

自建轻量静态站点生成器,Markdown 写作,一键部署

开发进度

92%

版本历史

v1.2.0

中优先级功能完成 - TOC 目录侧栏、阅读时间估算、回到顶部、图片懒加载、客户端搜索

v1.1.0

SEO 与基础体验 - sitemap.xml、RSS Feed、robots.txt、自定义 404 页面、多语言切换(中/英/日)、更新记录页面

v1.0.0

核心功能完成 - Markdown 解析、模板渲染、静态生成、一键部署

v0.5.0

项目展示功能 - 进度条、版本 Timeline、状态标签

v0.2.0

基础架构搭建 - 文件扫描、分类映射、图片处理

v0.1.0

项目立项,技术选型确定

项目简介

Stardust SSG 是一个为个人博客和项目展示定制的轻量级静态站点生成器。

核心理念:本地 Markdown 写作,自动同步发布,零干预部署。

界面展示

首页 - 暗色主题

二次元萌系风格,粒子动画背景,数据统计一目了然。

首页暗色主题

首页 - 亮色主题

一键切换亮色模式,同样精致。

首页亮色主题

博客列表

支持按分类筛选,卡片式布局,分类色彩标识。

博客列表

文章详情 - TOC 目录

长文章自动生成左侧 TOC 目录,当前章节高亮,方便导航。

文章 TOC 目录

项目展示

开发进度条、版本历史 Timeline、状态标签,一目了然。

项目展示

标签云

所有标签汇总,点击查看相关文章。

标签云

已完成功能

核心引擎

  • Markdown 原生支持(markdown-it),front matter 元数据解析(gray-matter)
  • 文件夹结构即分类,无需手动配置
  • 同名文件夹自动关联图片和附件,构建时自动重写路径
  • Prism.js 代码语法高亮(支持 JS/TS/Python/Bash/CSS/JSON/YAML/C/C++ 等)
  • 一键 rsync 部署到远程服务器
  • chokidar 文件监听,开发时自动重建

主题与界面

  • 二次元萌系暗色/亮色双主题,一键切换
  • 粒子动画背景(Canvas 绘制,自适应密度)
  • 完全响应式布局,手机端友好
  • 滚动淡入动画(IntersectionObserver)
  • 自定义 404 页面(星尘飘落动画)
  • 五角星 SVG Favicon

内容展示

  • 博客列表页,支持按分类筛选
  • 项目展示页:开发进度条、版本历史 Timeline、状态标签
  • 标签云页面 + 单标签文章列表
  • 更新记录页面(Changelog Timeline)

阅读体验

  • 文章目录 TOC 侧栏(桌面端左侧固定,自动高亮当前章节)
  • 阅读时间估算(中文 400 字/分钟,英文 200 词/分钟)
  • 图片懒加载(loading=“lazy”)
  • 回到顶部按钮(滚动 400px 后显示)
  • 客户端全文搜索(Ctrl+K 快捷键,预生成 JSON 索引)

SEO 与国际化

  • sitemap.xml 自动生成
  • RSS Feed(feed.xml)
  • robots.txt
  • Open Graph + Twitter Card 元标签
  • 多语言支持:中文 / English / 日本語
  • UI 文本 i18n(data-i18n 属性),IP 自动检测语言
  • Google Translate 集成,文章内容自动翻译

技术栈

  • 运行时: Node.js + ES Modules
  • Markdown: markdown-it(自定义图片重写、TOC 提取、heading anchor)
  • 模板: EJS
  • 代码高亮: Prism.js(服务端预渲染)
  • 样式: 纯 CSS(CSS Variables 实现主题切换,无框架依赖)
  • 部署: rsync over SSH

待开发

  • [ ] 评论系统(Giscus)
  • [ ] 阅读进度条
  • [ ] 文章分享按钮
  • [ ] 文章上一篇/下一篇导航
  • [ ] 图片灯箱(Lightbox)