zzy-life / vuepress-Blog

使用vuepress制作的个人博客静态站点，拥有非常好的自适应网页和搜索引擎优化，不需要维护代码专注于写作，集成了[vuepress-plugin-fulltext-search][vuepress-plugin-mermaidjs][vuepress-plugin-meting][element-ui]插件。（The personal blog static site made with vuepress has a very good adaptive web page, no need to maintain code and focus on writing.）

特点

使用vuepress制作的个人博客静态站点

拥有以下特点

💝 VuePress 会将Markdown语言文件生成预渲染好的 HTML，具有非常好的加载性能和搜索引擎优化（SEO）

💝 Markdown既可以在本地预览编辑，并且vuepress可以直接进行网页编译渲染，不需要操作代码，专注于写作

💝 增加image-webpack-loader插件让build时能压缩图片，原来dist55MB，压缩后33MB

💝 非常好的自适应网页（包括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组件库

image-webpack-loader webpack打包图像压缩插件

webmasterish/vuepress-plugin-autometa meta优化插件

vuepress-plugin-sitemap 站点地图生成器插件

使用相关文档请参见

https://vuepress.vuejs.org/.

License

MIT