Astro博客

theconversiondev — Astro 博客模板

作者 alexggmark

基于 Astro 的极简博客主题 Chiri 的二次使用版本，支持 MDX、KaTeX、RSS、站点地图与明暗模式，适合搭建个人写作站点。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-07查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

基于 Astro 构建的极简博客主题

支持响应式布局与明暗模式切换

内容支持 MDX 与 KaTeX 数学公式

内置站点地图、OpenGraph 与 RSS 输出

提供 pnpm new <title> 命令创建文章，草稿可用下划线前缀标记

MIT 许可，允许免费使用、修改、商用和分发

模板详细介绍

theconversiondev 是一个基于 Astro 的博客站点，其主题来自 Chiri。仓库说明中将其定位为极简博客主题，在保持简洁外观的同时提供若干可配置项。

功能层面，主题已实现响应式布局、明暗模式切换、MDX 内容、KaTeX 数学公式、站点地图、OpenGraph 与 RSS；分页在 README 的功能清单中标记为未完成。内容组织上，文章放在 src/content/posts 目录，可通过 pnpm new <title> 命令创建新文章，草稿以 _title 形式命名；站点配置与关于页面分别位于 src/config.ts 和 src/content/about/about.md。

部署方面，README 说明在部署到 Netlify、Vercel、Cloudflare Pages 或静态托管（如 GitHub Pages）前需要安装并配置对应的 Astro 适配器；如果不需要链接卡片，可以在 src/config.ts 中把 linkCard 设为 false 来跳过适配器配置。

Astro博客

适合你的项目吗？

适用场景

搭建个人技术或生活博客
发布包含数学公式的 Markdown/MDX 文章
需要明暗模式与 RSS 订阅的写作站点
部署到 Netlify、Vercel、Cloudflare Pages 或静态托管平台

适合人群

希望使用 Astro 搭建个人博客的开发者
偏好极简排版与明暗模式切换的写作者
需要 MDX 与 KaTeX 支持的内容创作者
接受按平台配置 Astro 适配器的部署者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
克隆仓库后依次执行 pnpm install 与 pnpm dev 启动本地开发
2
修改 src/config.ts 与 src/content/about/about.md 完成站点与关于页配置
3
使用 pnpm new <title> 创建文章，或直接向 src/content/posts 添加内容
4
部署到 Netlify、Vercel、Cloudflare Pages 或静态托管前需安装并配置对应 Astro 适配器；也可在 src/config.ts 中将 linkCard 设为 false 跳过该步骤
5
分页功能在 README 中标记为未完成，使用前需确认

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
部署到 Netlify、Vercel、Cloudflare Pages 或静态托管平台前，必须安装并配置对应的 Astro 适配器；若不需要链接卡片，可在 src/config.ts 中将 linkCard 设为 false 以跳过该步骤。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

You need to set adapter as follows before deploying to Netlify, Vercel, or other platforms, but you can set `linkCard` to `false` in `src/config.ts` to skip this step:
README 原文

https://github.com/alexggmark/theconversiondev/blob/main/LICENSE https://github.com/alexggmark/theconversiondev/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-07。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 80 / 100
技术栈: Astro
网站类型: 博客

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-10-06
截图检查日期: 2026-10-07

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-07

查看当时使用的来源资料

SHA-256: 2b5f5b6a7c369ec727e50cd5c33cb5c6bb4ed7b29cf1b4d2e496a7e90103ea73

2026-10-07T00:48:57.623Z

来源文件 / 仓库

# Chiri 🌸

![screenshot-light](public/screenshots/screenshot-light.png)
![screenshot-dark](public/screenshots/screenshot-dark.png)

Chiri is a minimal blog theme built with [Astro](https://astro.build), offering customization options while preserving its clean aesthetic.

Check the [demo](https://astro-chiri.netlify.app/) for more details.

## Features

- [x] Build with Astro
- [x] Responsive
- [x] Light / Dark mode
- [x] MDX
- [x] KaTeX
- [x] Sitemap
- [x] OpenGraph
- [x] RSS
- [ ] Pagination

## Getting Started

1. [Fork](https://github.com/the3ash/astro-chiri/fork) this repository, or use this template to [create a new repository](https://github.com/new?template_name=astro-chiri&template_owner=the3ash).

2. Run the following commands:

   ```bash
   git clone <your-repo-url>

   cd <your-repo-name>

   pnpm install

   pnpm dev
   ```

3. Edit `src/config.ts` and `src/content/about/about.md` to your liking.

4. Use `pnpm new <title>` to create new posts, or add your posts to `src/content/posts`.

5. You need to set adapter as follows before deploying to Netlify, Vercel, or other platforms, but you can set `linkCard` to `false` in `src/config.ts` to skip this step:
   - **Netlify**: `pnpm add @astrojs/netlify` and add `adapter: netlify()` in `astro.config.ts`.
   - **Vercel**: `pnpm add @astrojs/vercel` and add `adapter: vercel()` in `astro.config.ts`.
   - **Cloudflare Pages**: `pnpm add @astrojs/cloudflare` and add `adapter: cloudflare()` in `astro.config.ts`.
   - **Static (e.g. GitHub Pages)**: `pnpm add @astrojs/static` and add `adapter: static()` in `astro.config.ts`.
   - Refer to [Astro Deployment Guides](https://docs.astro.build/en/guides/deploy/) for more details.

&emsp;[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start) [![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/new) [![Deploy to Cloudflare Pages](https://deploy.workers.cloudflare.com/button)](https://pages.cloudflare.com/start)

## Commands

- `pnpm new <title>` - Create a new post (use `_title` for drafts)
- `pnpm update-theme` - Update the theme to the latest version

## References

- https://paco.me/
- https://benji.org/
- https://shud.in/
- https://retypeset.radishzz.cc/

## License

MIT

反馈内容错误