mark9804 的个人博客

Feature

基于 Arco Design Vue 定制的主题
- 自定义图库语法 :::gallery 图库名称
- 图片可点击放大
- 图片 lazyload 与 loading 效果
- 与 @mdit/plugin-img-size 混合使用的图像尺寸自定义功能
- 文章信息展示自定义
Markdown 语法增强
- mark
- ruby
- spoiler
- 上标和下标
- 图像 caption
- 支持 LaTeX 语法
基于 contentLoader 的纯前端字数和图片张数统计，以及阅读时间计算
基于 contentLoader 和 git log 的最后编辑时间获取
按标签搜索
支持评论
自动侧边栏目录生成
开发者友好
- commit hook 自动格式化
- 自动导入

技术栈

基础框架：VitePress（自动跟随上游版本号） + husky@v9 + lint-staged + prettier + eslint@v9
CSS 框架：UnoCss
DX/CI/CD：
- 自动导入：unplugin-auto-import
- 自动构建和部署：GitHub Actions + GitHub Pages
- 自动更新依赖：Mend Renovate
- 自动侧边栏：Vitepress Sidebar
组件库：Arco Design Vue
评论系统：Disqus
状态管理：Pinia
Icon：IconPark / Arco
工具库：VueUse