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

喜欢而已 提交于 2020-08-04 14:44:20

官网

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

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!