👋 你好!
欢迎来到 VCATBLOG —— 一个轻量、快速、易于部署的静态博客系统。
✨ 特性
- ⚡ 极快 - 基于 Astro 构建,零 JS 默认,页面加载如闪电
- 🌙 暗色模式 - 自动跟随系统偏好,也可手动切换
- 📝 Markdown 写作 - 纯 Markdown 语法,专注内容创作
- 🔍 全文搜索 - 内置 Pagefind 搜索引擎
- 💬 评论系统 - 基于 GitHub Discussions 的 Giscus 评论
- 📊 代码高亮 - Shiki 语法高亮,支持双主题
- 🧮 数学公式 - KaTeX 渲染数学公式
- 📈 SEO 友好 - 自动生成 sitemap、meta tags、Open Graph
- 🚀 一键部署 - GitHub Actions + Cloudflare Pages
🚀 快速开始
# 克隆项目
git clone https://github.com/your-username/vcatblog.git
cd vcatblog
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建生产版本
npm run build
📖 写文章
在 src/content/blog/ 目录下创建 .md 文件即可:
---
title: "文章标题"
description: "文章描述"
pubDate: 2026-06-07
tags: ["标签1", "标签2"]
---
文章正文内容...
📐 数学公式示例
行内公式:
块级公式:
💻 代码高亮示例
interface Post {
title: string;
description: string;
pubDate: Date;
tags: string[];
}
function getReadingTime(content: string): number {
const words = content.split(/\s+/).length;
return Math.ceil(words / 200);
}
🎯 下一步
- 修改
src/pages/about.astro编辑关于页面 - 在
src/content/blog/中添加新文章 - 修改
astro.config.mjs中的site为你的域名 - 推送到 GitHub,配置 Cloudflare Pages 自动部署
享受写作的乐趣吧! ✍️