主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用; 效果:午后南杂 文档:vuepress-theme-reco-doc Quick start npx npx @vuepress-reco/theme-cli init my-blog npm #initnpm install @vuepress-reco/theme-cli -g theme-cli init my-blog#installcdmy-blog npm install#runnpm run dev...
安装完成后打开命令行工具,输入node -v,若返回版本信息则安装成功。 安装npm npm install 1. 创建博客工程 # 安装脚手架工具 npm install @vuepress-reco/theme-cli -g # 创建项目 theme-cli init my-blog #my-blog可替换成自己需要的项目名称 1. 2. 3. 4. 5. 上述命令执行后,在命令行窗口会进行一系列...
如果这些命令没有返回vuepress-theme-reco的版本信息,那么说明你可能还没有安装这个模块。 通过npm或yarn进行安装: 如果确认未安装,你可以通过npm或yarn来安装vuepress-theme-reco。运行以下命令之一: bash npm install vuepress-theme-reco --save 或者,如果你使用的是Yarn: bash yarn add vuepress-theme-reco 这...
初始化 这里推荐用yarn,我最开始用的是npm,但是不知道什么原因中间卡了很久 yarn global add @vuepress-reco/theme-cli //引入vuepress-theme-reco theme-cli init //用官方的模板初始化项目 1. 2. 接下来会显示一些信息填写,如果现在没想好可以一路回车,之后这些信息都是可以更改的 经过这两个步骤,主题就安装...
添加淘宝源 yarn configsetregistry https://registry.npm.taobao.org/ 0x01 安装vuepress并初始化 mkdir VuePress&&cdVuePress yarn init yarn add -D vuepress 创建目录blog mkdir blog 在package.json 中添加一些 scripts {"scripts":{"dev":"vuepress dev blog","build":"vuepress build blog"}} ...
npm run docs:dev #或者 yarn docs:dev ``` 之后打开浏览器,在[ 5.创建文档结构 在项目根目录下创建`docs`文件夹,在`docs`文件夹下创建`.vuepress`文件夹,在`.vuepress`文件夹下创建`components`、`themeConfig.js`文件,添加以下代码 ```js // .vuepress/themeConfig.js module.exports = { theme: 'r...
npm install # run npm run dev # build npm run build yarn # init yarn global add @vuepress-reco/theme-cli theme-cli init my-blog # install cd my-blog yarn install # run yarn dev # build yarn build 预览 size.png style.png dark.png ...
npm # 初始化 npm install @vuepress-reco/theme-cli -g theme-cli init yarn # 初始化 yarn global add @vuepress-reco/theme-cli theme-cli init # 多语言 名称语言代码 简中 zh-CN、zh-SG 繁中 zh-HK、zh-MO、zh-TW 日语 ja-JP 韩语 ko-KR 西班牙语 es-{A-Z} 英语 en-US 及其他 # 更...
主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用; 效果:午后南杂 文档:vuepress-theme-reco-doc Quick start npx npx @vuepress-reco/theme-cli init my-blog npm # initnpm install @vuepress-reco/theme-cli -g theme-cli init my-blog# installcdmy-blog ...
主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用; 效果:午后南杂 文档:vuepress-theme-reco-doc Quick start npx npx@vuepress-reco/theme-cliinitmy-blog npm # initnpm install @vuepress-reco/theme-cli -g theme-cli init my-blog# installcdmy-blog ...