特点
使用vuepress制作的个人博客静态站点
源码地址https://github.com/zzy-life/vuepress-Blog
拥有以下特点
💝 VuePress 会将Markdown语言文件生成预渲染好的 HTML,具有非常好的加载性能和搜索引擎优化(SEO)
💝 Markdown既可以在本地预览编辑,并且vuepress可以直接进行网页编译渲染,不需要操作代码,专注于写作
💝 非常好的自适应网页(包括PC,移动端,平板)
总而言之,vuepress最大的优点则是不需要维护代码,在本地写Markdown编译就是一个网页
集成了
💝 静态全站搜索插件 💝 MD图表支持插件 💝 音乐播放器插件
💝 饿了么UI库 💝 primevue组件库 💝 霞鹜文楷字体
💝 vue-lottie动画库
修复了
💝 vuepress的中文URL路径错误问题
💝 中文URL锚点无法跳转问题
💝 滑动页面左侧导航栏未进行跟随问题
💝 全文搜索插件移动端适配问题
💝 音乐插件图片报错
本地音源没有自动注入vuepress的base基础路径
API报错导致无法正确加载等问题
运行&打包
首要
npm i
运行
npm run dev
打包
npm run build
使用组件
vuepress-plugin-fulltext-search 静态的全文搜索插件
vuepress-plugin-mermaidjs mermaid.js 图表的 Vuepress 插件 用以支持md语法中的图表
vuepress-plugin-meting 播放器插件
element-ui UI组件库
使用相关文档请参见
https://vuepress.vuejs.org/.