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

原创
2020/06/27 21:25
阅读数 203

 

原文链接: 使用vuepress 搭建静态个人技术博客

上一篇: nodejs 发送qq邮件 nodemailer

下一篇: nodejs 用 axios 向osc服务器上传图片[需要cookie]

官网

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

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部