南栀 Space

前言#

在我最近打算部署详细部署vuepress-theme-reco的时候，发现网上好多的教程已经不适应了，于是我打算写这样一篇教程 reco 主题

准备工作#

• 准备一个 github 账号
• 安装 git
• 安装 VSCode
• 安装最新版本的 node.js

安装这三个工具的教程详见点击查看（此文章的前部分）

务必确保你的node.js版本是最新版本，本教程对node.js的版本要求较高

• 充满“魔法”的网络，后续不再强调
• 还有一个灵活的大脑（doge）

初始化项目#

1. 新建一个文件夹，例如D:\A，并在VSCode里打开这个文件夹
2. 使用Ctrl+~快捷键打开终端
3. 输入命令来初始化项目

1
npx @vuepress-reco/theme-cli init B

4. 按照提示填写完信息，这里就选择2.x版本了
   
5. 此时你会在目录下看到一个名为B的文件夹，就说明安装成功了

本地化预览#

在D:\A\B\.vuepress\config.ts文件里，将原来的theme后的语句改为如图的，注意缩进！

1
  theme: recoTheme({
2
    locales: {
3
      '/': {
4
        lang: 'zh-CN'
5
      }
6
    },

然后再在终端输入npm run dev就可以实现本地化预览了

后续工作#

完成上述工作后，它会给你一个默认的界面，如果想要更高程度的自定义可以查看主题官网以及vuepress 中文网