← 返回博客访问项目 ↗
项目案例

Michikatsu 个人博客

一个带内容后台的个人博客系统,支持 Markdown 写作、项目与个人资料管理,以及自动化 Docker 部署。

Next.jsHonoPostgreSQLDockerGitHub Actions

项目背景

这是用于沉淀技术文章、个人项目和持续实践记录的全栈个人博客,同时提供不依赖第三方 CMS 的内容管理后台。

核心功能

  • Markdown 文章编辑、预览、草稿、发布时间与多篇置顶。
  • 个人资料、头像裁切、链接、About 页面与项目作品的统一后台管理。
  • 项目详情页支持 Markdown、封面和多张 项目截图片上传。
  • 阅读页提供纸白与夜读主题、固定 Serif 正文字体和字号调节。

工程与部署

  • Next.js 前台、Hono API 与 PostgreSQL 数据库。
  • Docker Compose 将 Web、API、数据库隔离部署。
  • GitHub Actions 在推送主分支后自动构建并部署到 VPS。
  • Caddy 负责 HTTPS 证书和域名反向代理。

项目展示

本项目本身就是线上 成果展示;后续会补充后台、文章编辑器与移动端适配的界面截图。

Michikatsu 个人博客|Michikatsu