2019-08-25 20:25:56 +02:00
|
|
|
---
|
|
|
|
title: "关于 LoveIt"
|
|
|
|
date: 2019-08-02T11:04:49+08:00
|
|
|
|
draft: false
|
2020-02-24 10:00:39 +01:00
|
|
|
|
|
|
|
lightgallery: true
|
2019-08-25 20:25:56 +02:00
|
|
|
---
|
|
|
|
|
|
|
|
[LoveIt :(far fa-heart):](https://github.com/dillonzq/LoveIt) 是一个由 [Dillon](https://dillonzq.com) 开发的**简洁**、**优雅**且**高效**的 [Hugo](https://gohugo.io/) 博客主题。
|
|
|
|
|
|
|
|
它的原型基于 [LeaveIt 主题](https://github.com/liuzc/LeaveIt/) 和 [KeepIt 主题](https://github.com/liuzc/LeaveIt/)。
|
|
|
|
|
|
|
|
![Hugo 主题 LoveIt](/images/Apple-Devices-Preview.png)
|
|
|
|
|
|
|
|
### 特性
|
|
|
|
|
2019-08-26 19:15:00 +02:00
|
|
|
#### 性能和 SEO
|
|
|
|
|
2019-08-25 20:25:56 +02:00
|
|
|
* :(fas fa-rocket): 性能优化:在 [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) 中, 99/100 的移动设备得分和 100/100 的桌面设备得分
|
|
|
|
* :(fab fa-searchengin): 使用基于 JSON-LD 格式 的 SEO SCHEMA 文件进行 SEO 优化
|
2019-08-26 19:15:00 +02:00
|
|
|
* :(fab fa-google): 支持 [Google Analytics](https://analytics.google.com/analytics)
|
|
|
|
* :(fas fa-search): 支持搜索引擎的网站验证 (Google, Bind, Yandex and Baidu)
|
2019-09-29 18:51:40 +02:00
|
|
|
* :(fas fa-tachometer-alt): 支持所有第三方库的 CDN
|
2019-08-26 19:15:00 +02:00
|
|
|
* :(far fa-images): 基于 [lazysizes](https://github.com/aFarkas/lazysizes) 自动转换图片为懒加载
|
|
|
|
|
|
|
|
#### 外观和布局
|
|
|
|
|
|
|
|
* :(fas fa-desktop): / :(fas fa-mobile): 响应式布局
|
|
|
|
* :(fas fa-moon): / :(fas fa-sun): 模式
|
2019-08-25 20:25:56 +02:00
|
|
|
* :(fas fa-layer-group): 页面和列表保持一致的视觉样式
|
|
|
|
* :(fas fa-ellipsis-h): 支持分页
|
2019-09-29 18:51:40 +02:00
|
|
|
* :(far fa-list-alt): 易用和自动展开的文章目录,同时适配移动端
|
2019-08-26 19:15:00 +02:00
|
|
|
* :(fas fa-language): 支持多语言和国际化
|
2019-09-29 18:51:40 +02:00
|
|
|
* :(fab fa-css3-alt): 美观的 CSS 动画
|
2019-08-26 19:15:00 +02:00
|
|
|
|
|
|
|
#### 社交和评论系统
|
|
|
|
|
2019-08-25 20:25:56 +02:00
|
|
|
* :(far fa-user): 支持 [Gravatar](https://gravatar.com) 头像
|
|
|
|
* :(fas fa-user-circle): 支持本地头像
|
|
|
|
* :(far fa-id-card): 支持多达 54 种社交链接
|
|
|
|
* :(fas fa-share-square): 支持文章分享
|
2019-08-26 19:15:00 +02:00
|
|
|
* :(far fa-comment): 支持 [Disqus](https://disqus.com) 评论系统
|
|
|
|
* :(far fa-comment-dots): 支持 [Gitalk](https://github.com/gitalk/gitalk) 评论系统
|
|
|
|
* :(far fa-comment-alt): 支持 [Valine](https://valine.js.org/) 评论系统
|
|
|
|
|
|
|
|
#### 扩展功能
|
|
|
|
|
2019-08-25 20:25:56 +02:00
|
|
|
* :(fas fa-code): 基于 Hugo 使用的 chroma 进行代码高亮
|
|
|
|
* :(fab fa-font-awesome): 使用 [Font Awesome](https://fontawesome.com/) 图标的扩展 Markdown 语法
|
|
|
|
* :(fas fa-square-root-alt): 支持基于 [Katex](https://katex.org/) 的数学公式
|
|
|
|
* :(fas fa-project-diagram): 支持基于 [mermaid](https://github.com/knsv/mermaid) 的图表和流程图生成功能
|
|
|
|
* :(fas fa-music): 支持基于 [APlayer](https://github.com/MoePlayer/APlayer) 和 [MetingJS](https://github.com/metowolf/MetingJS) 的内嵌音乐播放器
|
|
|
|
* :(fas fa-tv): 支持内嵌 Bilibili 视频
|
|
|
|
* :(far fa-bell): 支持多种提醒样式的 shortcode
|
|
|
|
* :(fas fa-align-left): 支持自定义对齐和浮动方式的 shortcode
|
|
|
|
* :(fas fa-i-cursor): 支持基于 [TypeIt](https://typeitjs.com/) 的打字动画
|
|
|
|
* :(fas fa-arrow-up): 支持基于 [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll) 的回到顶部动画
|
|
|
|
* ...
|
|
|
|
|
|
|
|
### 许可协议
|
|
|
|
|
2019-08-26 19:15:00 +02:00
|
|
|
LoveIt 根据 MIT 许可协议授权。
|
|
|
|
|
|
|
|
更多信息请查看 [LICENSE 文件](https://github.com/dillonzq/LoveIt/blob/master/LICENSE)。
|
2019-08-25 20:25:56 +02:00
|
|
|
|
|
|
|
感谢以下在主题中使用过的项目的作者:
|
|
|
|
|
|
|
|
* [Font Awesome](https://fontawesome.com/)
|
|
|
|
* [Animate.css](https://daneden.github.io/animate.css/)
|
|
|
|
* [lazysizes](https://github.com/aFarkas/lazysizes)
|
|
|
|
* [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
|
|
|
|
* [TypeIt](https://typeitjs.com/)
|
|
|
|
* [Katex](https://katex.org/)
|
|
|
|
* [mermaid](https://github.com/knsv/mermaid)
|
|
|
|
* [APlayer](https://github.com/MoePlayer/APlayer)
|
|
|
|
* [MetingJS](https://github.com/metowolf/MetingJS)
|
|
|
|
* [Gitalk](https://github.com/gitalk/gitalk)
|
|
|
|
* [Valine](https://valine.js.org/)
|