我的技术博客

基于 VitePress 构建的个人技术博客。

快速开始

1. 安装依赖

npm install

2. 本地开发

npm run docs:dev

3. 构建生产版本

npm run docs:build

4. 预览生产版本

npm run docs:preview

项目结构

my-website/
├── docs/
│   ├── .vitepress/
│   │   ├── config.mjs          # VitePress 配置
│   │   └── theme/
│   │       ├── index.js        # 主题入口
│   │       └── style.css       # 自定义样式
│   ├── articles/               # 技术文章
│   ├── notes/                  # 学习笔记
│   ├── about.md                # 关于页面
│   └── index.md                # 首页
├── package.json
└── README.md

撰写文章

1. 在 docs/articles/ 或 docs/notes/ 目录下创建 .md 文件
2. 使用 Markdown 语法撰写内容
3. 在 docs/.vitepress/config.mjs 中更新侧边栏配置

部署

推荐使用阿里云 ESA Pages 或腾讯云 Webify 进行部署。