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