
# 关于主题

简约风的 Vitepress 博客主题，基于 [vitepress](https://vitepress.dev/) 的自定义主题实现

![图片](https://img.cdn.sugarat.top/mdImg/MTY3MzE3MDUxOTMwMw==673170519303)

更多细节见 https://theme.sugarat.top

## 已支持功能
介绍一下主要的，非所有

* 博客首页
* 文章列表
* 精选文章
* 友链
* 标签分类
* 图片预览
* 搜索（基于[pagefind](https://github.com/cloudcannon/pagefind)支持离线全文搜索）
* [giscus](https://giscus.app/zh-CN)驱动的评论系统
* 推荐文章（类似文章目录）
* 阅读时间计算
* 全局的提示弹窗 (由 el-alert 驱动)
* 全局的公告弹窗，支持设置图片，文字，按钮
* 作品聚合页（为个人作品提供一个展示）
* tabs（[vitepress-plugin-tabs](https://vitepress-plugins.sapphi.red/tabs/)）
* 流程图（[vitepress-plugin-mermaid](https://github.com/emersonbottero/vitepress-plugin-mermaid#readme)）
* RSS
* 主题色统一
* 更多可定制的主题样式

## 规划中功能
* Valine 评论系统
* 文章合集（类似于聚合一个内容专题）
* 文章时间线页面支持
* 背景图自动更换
* 首屏铺满slogan，参考reco

## 参考项目
或多或少借鉴&使用了如下的一下开源项目，博客，网站的能力或者UI样式

* [reco](https://vuepress-theme-reco.recoluan.com/)
* [掘金](https://juejin.cn/)
* [surmon](https://surmon.me/) 
* [@vue/theme](https://github.com/vuejs/theme)
* [vitest](https://vitest.dev/)
* [element-plus](https://element-plus.gitee.io/zh-CN/)
* [charles7c.github.io](https://github.com/Charles7c/charles7c.github.io)
* [vitepress-blog-zaun](https://github.com/clark-cui/vitepress-blog-zaun)
* [vuejs/blog](https://github.com/vuejs/blog/tree/main)
* [列表无限滚动轮播效果](https://code.juejin.cn/pen/7145007064350195748)

## 主题相关资源
* 主题地址：https://theme.sugarat.top/
* 主题包：[@sugarat/theme](https://www.npmjs.com/package/@sugarat/theme)
* 项目地址：https://github.com/ATQQ/sugar-blog/tree/master/packages/theme
* 作者博客地址：https://sugarat.top


## 最后
如果你有建议的 功能&想法 欢迎 私信&评论区 交流

如果你觉得主题不错，欢迎分享与使用，可以在评论区留下你的网站地址

笔者后续会单独开个板块展示大家优秀的博客，感谢大家的支持