01 / PROJECT

LStarry Blog

个人知识与技术博客

长期维护的个人知识站与内容系统,用于整理算法、开发、AI 学习和个人思考。

2026 · ACTIVE
LStarry Blog 首页界面
WHY

为什么做

拥有自己掌控的空间,长期整理算法、开发、AI 学习及其他值得记录的内容。

FEATURES

项目功能

  1. 01

    Markdown 内容系统

    从本地 Markdown 读取文章元数据与正文,构建为静态页面。

  2. 02

    全文搜索

    构建时生成包含正文的搜索索引,支持站内搜索和快捷键入口。

  3. 03

    Series 与相关文章

    用文章元数据组织系列阅读,并按内容关联推荐相关文章。

  4. 04

    阅读排版

    支持文章目录、数学公式和代码语法高亮。

  5. 05

    响应式图片

    构建时生成 AVIF、WebP、多尺寸图片和模糊占位。

  6. 06

    静态发布

    导出到 GitHub Pages,同时生成 sitemap 与 Atom 订阅源。

TECH STACK

核心技术

  • Next.js
  • React
  • TypeScript
  • Markdown
  • GitHub Pages
CHALLENGE

需要解决的问题

在 GitHub Pages 的纯静态环境下兼顾全文搜索、相关文章、Series 专栏、响应式体验和图片加载性能。

SOLUTION

采用的方案

使用 Next.js 静态导出,在构建时处理文章、搜索索引、内容关联、专栏和图片资源。

IMPLEMENTATION

设计与实现

文章保存在仓库的 Markdown 文件中。构建阶段生成页面、搜索索引和图片变体;Series 与相关文章由文章元数据组织。这样阅读和检索功能可以随静态文件一起部署。

LINKS

项目链接