⏱️ 1 分钟阅读

你好,世界!欢迎来到 VCATBLOG

这是 VCATBLOG 的第一篇文章,介绍这个博客系统的特性和使用方法。

👋 你好!

欢迎来到 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"]
---

文章正文内容...

📐 数学公式示例

行内公式:E=mc2E = mc^2

块级公式:

ex2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

💻 代码高亮示例

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 自动部署

享受写作的乐趣吧! ✍️

💬 评论