LoveIt/README.zh-cn.md
Dillon c2197b7411
feat(social): improve social links (#254)
* replace forkawesome and iconfont with simple icons
* add more configs for social
2020-04-24 19:04:37 +08:00

7.7 KiB
Raw Blame History

LoveIt 主题 | Hugo Netlify Status

GitHub release (latest by date) Hugo License CircleCI

English README | 简体中文说明

LoveIt 是一个简洁优雅高效Hugo 博客主题。

它的原型基于 LeaveIt 主题KeepIt 主题

由于三个主题外观的相似性,如果你对于它们的不同之处有疑问,请阅读 为什么选择 LoveIt,以便你能选择最适合你的一个。

Hugo 主题 LoveIt

主题预览

为了直观地浏览主题特性,这里有一个基于 LoveIt 主题渲染的 预览网站

为什么选择 LoveIt

相较于 LeaveIt 主题 和 KeepIt 主题LoveIt 主题主要有以下修改

  • 自定义标题栏
  • 自定义CSS 样式
  • 焕然一新的主页,已经兼容最新版 Hugo
  • 大量的样式细节调整,包括颜色、字体大小、边距、代码预览样式
  • 可读性更强的深色模式
  • 一些美观的 CSS 动画
  • 易用和自动展开的文章目录
  • 支持更多的社交链接网站分享评论系统
  • 支持基于 Lunr.jsalgolia搜索
  • 一键复制代码到剪贴板
  • 支持基于 Font Awesome 图标的扩展 Markdown 语法
  • 支持上标注释的扩展 Markdown 语法
  • 支持分数的扩展 Markdown 语法
  • 支持基于 KaTeX数学公式
  • 支持基于 mermaid图表生成功能
  • 支持基于 ECharts交互式数据可视化生成功能
  • 支持基于 Mapbox GL JSMapbox 地图显示功能
  • 支持基于 APlayerMetingJS 的内嵌音乐播放器
  • 支持内嵌 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
  • 支持 Fathom Analytics
  • 支持搜索引擎的网站验证 (Google, Bind, Yandex and Baidu)
  • 支持所有第三方库的 CDN
  • 基于 lazysizes 自动转换图片为懒加载

外观和布局

  • 响应式布局
  • 浅色/深色 主题模式
  • 全局一致的设计语言
  • 支持分页
  • 易用和自动展开的文章目录
  • 支持多语言和国际化
  • 美观的 CSS 动画

社交和评论系统

  • 支持 Gravatar 头像
  • 支持本地头像
  • 支持多达 64 种社交链接
  • 支持多达 28 种网站分享
  • 支持 Disqus 评论系统
  • 支持 Gitalk 评论系统
  • 支持 Valine 评论系统
  • 支持 Facebook 评论系统
  • 支持 Telegram Comments 评论系统

扩展功能

  • 支持基于 Lunr.jsalgolia搜索
  • 支持代码高亮
  • 一键复制代码到剪贴板
  • 支持基于 lightgallery.js图片画廊
  • 支持 Font Awesome 图标的扩展 Markdown 语法
  • 支持上标注释的扩展 Markdown 语法
  • 支持分数的扩展 Markdown 语法
  • 支持基于 KaTeX数学公式
  • 支持基于 mermaid图表 shortcode
  • 支持基于 ECharts交互式数据可视化 shortcode
  • 支持基于 Mapbox GL JSMapbox shortcode
  • 支持基于 APlayerMetingJS音乐播放器 shortcode
  • 支持 Bilibili 视频 shortcode
  • 支持多种注释的 shortcode
  • 支持自定义样式的 shortcode
  • 支持基于 TypeIt打字动画 shortcode
  • 支持基于 Smooth Scroll滚动动画
  • ...

文档

  • 文档页面

  • 在本地构建文档:

    hugo server --source=exampleSite
    

多语言和国际化

LoveIt 支持下列语言:

问题、想法、 bugs 和 PRs

所有的反馈都是欢迎的!详见 issue tracker

许可协议

LoveIt 根据 MIT 许可协议授权。 更多信息请查看 LICENSE 文件

LoveIt 主题中用到了以下项目,感谢它们的作者:

作者

Dillon