部署vuepress-theme-reco教程
前言
在我最近打算部署详细部署vuepress-theme-reco
的时候,发现网上好多的教程已经不适应了,于是我打算写这样一篇教程 reco 主题
准备工作
- 准备一个 github 账号
- 安装 git
- 安装 VSCode
- 安装最新版本的 node.js
安装这三个工具的教程详见点击查看(此文章的前部分)
务必确保你的
node.js
版本是最新版本,本教程对node.js
的版本要求较高
- 充满“魔法”的网络,后续不再强调
- 还有一个灵活的大脑(doge)
## 初始化项目
- 新建一个文件夹,例如
D:\A
,并在VSCode
里打开这个文件夹 - 使用
Ctrl+~
快捷键打开终端 - 输入命令来初始化项目
npx @vuepress-reco/theme-cli init B
- 按照提示填写完信息,这里就选择
2.x
版本了 - 此时你会在目录下看到一个名为
B
的文件夹,就说明安装成功了
- 新建一个文件夹,例如
本地化预览
在D:\A\B\.vuepress\config.ts
文件里,将原来的theme
后的语句改为如图的,注意缩进!
theme: recoTheme({
locales: {
'/': {
lang: 'zh-CN'
}
},
然后再在终端输入npm run dev
就可以实现本地化预览了
后续工作
完成上述工作后,它会给你一个默认的界面,如果想要更高程度的自定义可以查看主题官网以及vuepress 中文网