使用VuePress写博客(快速上手)

 时间:2026-02-14 05:04:02

1、1. 新建一个存放博客项目的目录: mkdir morris-press

2. 初始化一个npm项目:npm init -y

使用VuePress写博客(快速上手)

2、在项目中安装vuepress依赖,vuepress目前有两个版本0.x和1.x,这里选择安装1.x的最新版本:npm install -D vuepress@next

使用VuePress写博客(快速上手)

3、1. 新建docs文件夹,用来保存markdown格式的博客文章:mkdir docs

2. 新建一个markdown文件,用来做测试:echo '# Hello VuePress!' > docs/README.md

使用VuePress写博客(快速上手)

4、修改package.json文件,向scripts中增加两条命令:

"docs:dev": "vuepress dev docs",   

"docs:build": "vuepress build docs"

使用VuePress写博客(快速上手)

5、在项目目录下执行本地渲染:npm run docs:dev

编译成静态文件:npm run docs:build

编译后的文件生成在 .vuepress/dist目录下

使用VuePress写博客(快速上手)

使用VuePress写博客(快速上手)

使用VuePress写博客(快速上手)

使用VuePress写博客(快速上手)

  • DHDAS如何安装
  • STM32F103VE芯片串口不能正常工作的解决办法
  • 如何在Python中调试断点
  • Excel 表格Find函数用法
  • Visual Studio 2019使用GitHub克隆代码
  • 热门搜索
    有关感恩的手抄报 清明手抄报图片大全 金秋十月手抄报 新学期手抄报图片 水浒传手抄报图片 廉洁教育手抄报 国防教育手抄报资料 小学英语手抄报内容 国防教育手抄报图片 开学手抄报简单又好画