PROJECT / 持续迭代

许汝林个人博客

面向项目作品、技术文章和站内交流的个人作品集,支持项目分类、源码关联、全文检索与 GitHub 登录评论留言。

发布日期
当前状态
持续迭代
技术与方向
  • Astro
  • TypeScript
  • Pagefind
  • Giscus
许汝林个人博客 界面截图

PRODUCT SCREENS · REAL WORKFLOWS

界面截图

从真实界面查看产品在桌面端与移动端的关键工作流。

01 / 04

个人首页

星空主题首屏集中呈现七年工程经验、网站项目入口、文章入口和站内互动入口。

许汝林个人博客首页展示工程师定位、项目目录和站内互动入口

个人首页

星空主题首屏集中呈现七年工程经验、网站项目入口、文章入口和站内互动入口。

ONE PRODUCT · CONNECTED CODEBASES

产品全景

一个产品,由一个仓库完整维护产品与源码,主仓库入口位于页面首屏。

该产品由一个仓库完整维护,源码入口位于页面首屏。

项目目标

把项目、文章和公开交流放到一个可持续维护的个人工作台,让访客能从项目概览一路查看功能、截图、技术栈、源码和讨论记录。

解决方案

网站由 Astro 在构建阶段生成静态 HTML。文章和项目直接使用 Markdown 管理,Pagefind 在构建完成后生成中文搜索索引,评论和回复保存到 GitHub Discussions,并通过 Giscus 嵌入博客页面。

正文由 Cloudflare Pages 静态分发;访客登录 GitHub 后,可以直接在文章、项目和留言板页面发布评论或回复,评论和留言都在站内完成。

关键能力

  • 类型安全的文章和项目内容模型;
  • 项目分类、真实截图、详情页和 GitHub 源码入口;
  • 文章、标签和中文全文搜索页面;
  • 深色模式和移动端导航;
  • 文章及项目评论;
  • 固定全局留言板;
  • RSS、站点地图和完整部署说明。

运行边界

评论依赖 GitHub 登录,减少匿名垃圾内容;讨论数据由 GitHub Discussions 保存,博客本身不维护用户密码、会话或评论数据库。项目详情页展示前台、后台和接口仓库的职责边界,演示账号与示例数据不代表真实客户数据。

GITHUB DISCUSSION

评论与回复

评论保存在 GitHub Discussions,登录 GitHub 后即可参与,发布和回复都在本页完成。

评论区进入视口后自动加载。