使用vuepress 搭建静态个人技术博客

官网

https://v1.vuepress.vuejs.org/

案例

https://github.com/vuepressjs/awesome-vuepress#gallery

 

创建项目

yarn create vuepress blog

cd blog

yarn

yarn dev

yarn build

输入配置信息

 

_posts中为博客的md文件, .vuepress为项目的配置文件和公用组件以及静态资源

默认的风格有点简洁, 文件结构有点冗余

 

 

 

 

支持搜索和tag

 

 

插件

大纲视图和回到顶部

https://github.com/xuekai-china/vuepress-plugin-right-anchor

yarn add -D vuepress-plugin-right-anchor

yarn add -D @vuepress/plugin-back-to-top

 

来源：oschina

链接：https://my.oschina.net/ahaoboy/blog/4326713