vuepress 静态博客搭建

安装工具

npm init vuepress-theme-hope vuepress
  • vuepress 是工程目录
  • vuepress/src 是博客目录

用工具新增博客

cd vuepress
npm init vuepress-theme-hope add myblog

就会在 vuepress/src 的同级目录下创建一个 myblog1 目录。

文章元数据

title: 文章标题，跟一级标题#的功效相同
date: 文章发布日期
tag:
  - 标签1
  - 标签2
category:
  - 分类1
  - 分类2

本地运行预览

vuepress dev myblog

运行结果：

$ vuepress dev myblog
✔ Initializing and preparing data - done in 2.17s

  vite v4.1.4 dev server running at:

  ➜  Local:   http://localhost:8080/vuepress/
  ➜  Network: http://192.168.22.97:8080/vuepress/
  ➜  Network: http://172.26.224.1:8080/vuepress/

生成静态网站

vuepress build myblog

参考

posted @ 2023-04-29 16:00  沙里  阅读(53)  评论(0)    收藏  举报