个人博客搭建简记
原创2025/11/14大约 1 分钟
📝 needingcen.xyz 搭建记录
基于 VuePress Theme Hope 的个人博客建设方案。
Mr.Hope 的官方文档已非常详尽,本文仅补充自定义的文章管理实践。
🚀 快速开始
1. 本地开发
安装并配置完成后,执行:
pnpm run dev即可启动开发服务器。
2. 内容管理
所有文章存放于:
src/.vuepress/passage/3. 构建部署
pnpm run build构建生成的静态文件位于 src/.vuepress/dist/,搭配 Nginx 的 HTTP 模块即可部署上线。
📄 文章配置规范
每篇文章需包含如下 frontmatter 信息:
---
title: tamato # 文章标题
description: wow,is tamato # 描述
icon: pen-to-square # 调用图标库
date: 2022-01-06 # 发布日期
category: # 分类列表
- 香蕉
- 水果
tag: # 标签列表
- 黄
- 弯曲的
- 长
star: true|10 # 推荐:true 或数字(越大越靠前)
cover: /assets/images/cover2.jpg # 封面图路径
sticky: true # 是否置顶
---参考:更多 frontmatter 配置项见官方文档
🏷️ 标签管理工具
为高效管理文章元数据,我开发了一个简易的标签管理工具:
主界面
支持批量查看和编辑文章分类与标签

编辑面板
可为每篇文章快速设置分类、标签及其他 frontmatter 属性

