mirror of
https://github.com/dillonzq/LoveIt.git
synced 2024-11-14 02:46:16 +01:00
6.5 KiB
6.5 KiB
LoveIt 主题 | Hugo
English README | 中文说明
LoveIt 是一个简洁、优雅且高效的 Hugo 博客主题。
它的原型基于 LeaveIt 主题 和 KeepIt 主题。
由于三个主题外观的相似性,如果你对于它们的不同之处有疑问,请阅读 为什么选择 LoveIt,以便你能选择最适合你的一个。
主题预览
为了直观地浏览主题特性,这里有一个基于 LoveIt 主题渲染的 预览网站。
为什么选择 LoveIt
相较于 LeaveIt 主题 和 KeepIt 主题,LoveIt 主题主要有以下修改
- 自定义标题栏
- 自定义CSS 样式
- 焕然一新的主页,已经兼容最新版 Hugo
- 大量的样式细节调整,包括颜色、字体大小、边距、代码预览样式
- 可读性更强的暗黑模式
- 一些美观的 CSS 动画
- 易用和自动展开的文章目录
- 支持更多的社交链接、网站分享和评论系统
- 支持基于 Font Awesome 图标的扩展 Markdown 语法
- 支持上标注释的扩展 Markdown 语法
- 支持基于 KaTeX 的数学公式
- 支持基于 mermaid 的图表生成功能
- 支持基于 ECharts 的交互式数据可视化生成功能
- 支持基于 APlayer 和 MetingJS 的内嵌音乐播放器
- 支持内嵌 Bilibili 视频
- 支持多种注释的 shortcode
- 支持自定义样式的 shortcode
- 支持所有第三方库的 CDN
- ...
所以,如果你更偏好 LoveIt 主题的设计语言和自由度,如果你想便捷地使用扩展的 Font Awesome 图标,如果你想在文章内嵌数学公式、流程图、音乐或是 Bilibili 视频, 那么,LoveIt 主题可能是更适合你。 希望你会 LoveIt ❤️!
特性
性能和 SEO
- 性能优化:在 Google PageSpeed Insights 中, 99/100 的移动设备得分和 100/100 的桌面设备得分
- 使用基于 JSON-LD 格式 的 SEO SCHEMA 文件进行 SEO 优化
- 支持 Google Analytics
- 支持搜索引擎的网站验证 (Google, Bind, Yandex and Baidu)
- 支持所有第三方库的 CDN
- 基于 lazysizes 自动转换图片为懒加载
外观和布局
- 响应式布局
- 夜晚/白天 主题模式
- 全局一致的设计语言
- 支持分页
- 易用和自动展开的文章目录
- 支持多语言和国际化
- 美观的 CSS 动画
社交和评论系统
- 支持 Gravatar 头像
- 支持本地头像
- 支持多达 61 种社交链接
- 支持多达 28 种网站分享
- 支持 Disqus 评论系统
- 支持 Gitalk 评论系统
- 支持 Valine 评论系统
- 支持 Facebook 评论系统
- 支持 Telegram Comments 评论系统
扩展功能
- 支持代码高亮
- 支持基于 lightgallery.js 的图片画廊
- 支持 Font Awesome 图标的扩展 Markdown 语法
- 支持上标注释的扩展 Markdown 语法
- 支持基于 KaTeX 的数学公式
- 支持基于 mermaid 的图表 shortcode
- 支持基于 ECharts 的交互式数据可视化 shortcode
- 支持基于 APlayer 和 MetingJS 的音乐播放器 shortcode
- 支持 Bilibili 视频 shortcode
- 支持多种注释的 shortcode
- 支持自定义样式的 shortcode
- 支持基于 TypeIt 的打字动画 shortcode
- 支持基于 Smooth Scroll 的滚动动画
- ...
文档
-
在本地构建文档:
hugo server --source=exampleSite
问题、想法、 bugs 和 PRs
所有的反馈都是欢迎的!详见 issue tracker。
许可协议
LoveIt 根据 MIT 许可协议授权。 更多信息请查看 LICENSE 文件。
LoveIt 主题中用到了以下项目,感谢它们的作者:
- Font Awesome
- Fork Awesome
- Animate.css
- lazysizes
- lightgallery.js
- Smooth Scroll
- TypeIt
- KaTeX
- mermaid
- ECharts
- APlayer
- MetingJS
- Gitalk
- Valine