mirror of
https://github.com/handsomezhuzhu/handsomezhuzhu.github.io.git
synced 2026-02-20 11:50:14 +00:00
67 lines
2.3 KiB
Markdown
67 lines
2.3 KiB
Markdown
---
|
||
sticky: 1
|
||
---
|
||
# 关于主题
|
||
|
||
简约风的 Vitepress 博客主题，基于 [vitepress](https://vitepress.dev/) 的自定义主题实现
|
||
|
||
|
||
|
||
更多细节见 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
|
||
|
||
|
||
## 最后
|
||
如果你有建议的 功能&想法 欢迎 私信&评论区 交流
|
||
|
||
如果你觉得主题不错，欢迎分享与使用，可以在评论区留下你的网站地址
|
||
|
||
笔者后续会单独开个板块展示大家优秀的博客，感谢大家的支持 |