第六版博客发布

本篇开文段是一个简要的markdown书写规范小记，也是总结出来的一目清醒阅览，提高良好阅读的行文手册。

NOTE

后续将会升级接入更好的标签展示，以及github提交记录展示

回顾

历经六个版本的迭代，目前这个版本集优化、效果、体验、易用性都达到了预期的水平。但是，也为后续的开发预留了一些进步空间。

首先，markdown的格式一级标题应该简短，要简短到标题仅为# 为什么，而不是僵硬的文案总结做为标题。其次，在行文逻辑上，一级标题下可以衔接摘要，不必紧跟二级标题。多用icon图标，进行装饰。

值得注意的是，这个版本（第六版）是一个非常完善的版本了，迭代了多处细节性的优化，以至于此不能在 Marscode 上进行编辑了，项目构建占用资源过高容易崩掉，最后还是采用的本地 VS Code进行编译构建以及发布了。

不同于普通的部署方式，由于直接在第三方静态站点部署网站获取不到git提交的历史，所以本站是通过 github pages 进行自动化构建部署的 https://zhangjunjie-cn.github.io，再通过 cloudflare 自动提取 gp-pages 分支执行部署的命令才有的此二级域名地址: https://zhangjunjie.pages.dev。

哈哈哈哈哈... 这个二级域名张俊杰是全球本张俊杰第一个注册的，厉害吧，被我抢到手了！！

集成了什么功能呢

本站特效组件库齐全，包含一下：

INFO

readabilities更好的阅读窗格 - echarts图表 - sitemap站点生成器 - valine评论区 - pwa离线 - timeline时间线 - fold折叠代码 - tdesign组件库
naive-ui组件库 - live2d桌宠 - dayjs当前日期 - shiki代码行高亮 - animate.css进入动画 - changelog提交日志 - link-preview链接预览 - gzip 和 brotli 压缩

并对一些CSS显示定制了渲染效果。

真的集成了很多很多，并且期间因为效果没有达到要求，还阉割了一些尝鲜功能：

期间弃用了自定义的鼠标组件，因为及时反馈并没有原生鼠标体验好。
去掉了three.js的接入，因为生成的可视化交互模型的体验差距蛮大的，加载又慢吃资源，所以抛弃了这个功能接入。
Elog 接入 typora 或者其他markdown编辑器，这个功能方向也抛弃了，因为页面自定的vue组件还是蛮多的。
预加载模糊图像，这个尝试接入但配置过多，维护价值偏低也给pass掉了。

这也无可奈何，博客一直处于长期的时间成本进行维护，下半年对网站的优化维护将会停止，更多的时间将转移到写博客，知识笔记上。

依赖配置文件.json

json

"devDependencies": {
  "@css-render/vue3-ssr": "^0.15.14",
  "@femm/prettier": "^1.0.1",
  "@femm/verify-commit": "^1.0.1",
  "@mdit-vue/shared": "^0.12.0",
  "@nolebase/vitepress-plugin-enhanced-readabilities": "^2.4.0",
  "@nolebase/vitepress-plugin-git-changelog": "^2.4.0",
  "@nolebase/vitepress-plugin-inline-link-preview": "^2.4.0",
  "@types/node": "^18.13.0",
  "cross-env": "^7.0.3",
  "echarts": "5.4.3",
  "fast-glob": "^3.3.2",
  "lint-staged": "^13.1.2",
  "prettier": "^2.8.4",
  "sass": "^1.58.3",
  "sitemap": "^7.1.1",
  "unplugin-auto-import": "^0.17.5",
  "unplugin-vue-components": "^0.26.0",
  "vite-plugin-compression": "^0.5.1",
  "vitepress": "v1.3.2",
  "vue": "^3.4.35",
  "vue-echarts": "6.6.1"
},
"lint-staged": {
  "*.{js,ts,css,md,json}": [
    "prettier --write"
  ]
},
"dependencies": {
  "@vite-pwa/vitepress": "^0.5.0",
  "blueimp-md5": "^2.19.0",
  "dayjs": "^1.11.10",
  "gray-matter": "^4.0.3",
  "js-confetti": "^0.11.0",
  "naive-ui": "^2.38.2",
  "oh-my-live2d": "^0.19.3",
  "shiki": "^0.14.5",
  "tdesign-vue-next": "^1.8.1",
  "valine": "^1.5.1",
  "vite-plugin-pwa": "^0.20.1",
  "vitepress-markdown-timeline": "^1.2.1",
  "vitepress-plugin-codeblocks-fold": "^1.2.28",
  "animate.css": "^4.1.1"
}

第六版博客发布 ​

回顾 ​

集成了什么功能呢 ​

第六版博客发布

回顾

集成了什么功能呢