niu-bin / blog

个人博客，欢迎访问留言

友人 A の博客

该博客由 vitepress 为基础，使用 Vue3、TypeScript 自定义改造，现已完成下述功能，✔ 为已完成

• 首页结构重写
• 获取文章数据
• 文章左侧导航列表
• 文章封面配置
• 归档页面
• 暗夜主题适配
• 图片预览功能
• 评论模块集成
• 文章 meta（bug 待修复）
• 移动端适配
• 配置说明

线上地址

🎉 欢迎留言

http://niubin.site/

结构说明

|-- blog
    |-- docs
        |-- .vitepress
            |-- theme  // 自定义主题
            |-- config.mts  // vitepress配置文件
            |-- theme-config.mts  // 自定义主题配置文件
        |-- public // 静态资源
        |-- index.md // 主页
        |-- archive.md // 归档
        |-- about.md // 关于
    |-- .gitignore
    |-- LICENSE.md
    |-- README.md
    |-- package.json
    |-- pnpm-lock.yaml

快速上手

1. 安装依赖

pnpm i

2. 开发启动

npm run docs:dev

3. 构建打包

npm run docs:build

4. 预览

npm run docs:preview