理论篇
操作篇
快速搭建一个初始化博客项目
- 采用博客主题: vuepress-theme-reco
视频教程
创建文件夹
vuepress_blog
快速搭建一个初始化博客项目 | 使用vuepress博客脚手架工具 |
---|---|
安装vuepress博客脚手架工具 | npm install @vuepress-reco/theme-cli -g |
创建自己的博客项目,#my-blog-项目名称 | theme-cli init my-blog |
进入项目目录 | cd my-blog |
安装npm | npm install |
运行项目 | npm run dev orvuepress dev |
打包项目 | npm run build orvuepress build |
初始项目效果:项目模板
一、项目基础配置
- 导航栏
在项目文件
.vuepress->config.js
中设置
"nav": [{
"text": "主页",
"link": "/",
"icon": "reco-home"
},
{
"text": "时间轴",
"link": "/timeline/",
"icon": "reco-date"
},
{
"text": "笔记",
"icon": "reco-message",
"items": [{
"text": "文档1",
"link"