使用vuepress快速搭建个人博客

理论篇

• vuepress是啥？静态网页生成器
• 为啥选用vuepress,和其他博客框架对比？类似博客框架
• 学习vuepress博客项目主题：视频+官网

操作篇

快速搭建一个初始化博客项目

• 采用博客主题： 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 devorvuepress dev
打包项目	npm run buildorvuepress build

初始项目效果:项目模板

一、项目基础配置

• 导航栏

在项目文件.vuepress->config.js中设置

"nav": [{
   
              "text": "主页",
              "link": "/",
              "icon": "reco-home"
          },
          {
   
              "text": "时间轴",
              "link": "/timeline/",
              "icon": "reco-date"
          },
          {
   
              "text": "笔记",
              "icon": "reco-message",
              "items": [{
   
                  "text": "文档1",
                  "link"