Hugo 主题
FeelIt 主题 | Hugo 
FeelIt 是一个为 Hugo 打造的简洁、优雅但功能强大的博客主题。
它基于原始的 LoveIt 主题、LeaveIt 主题和 KeepIt 主题。
由于这三个主题的外观相似,如果您对它们的差异有疑问,请阅读《为什么选择 FeelIt》,以便您可以选择最适合您的主题。
演示站点
要查看此主题的实际效果,这是一个使用 FeelIt 主题渲染的实时演示站点。
为什么选择 FeelIt
与原始的 LoveIt 主题、LeaveIt 主题和 KeepIt 主题相比,FeelIt 主题有以下修改。
- 自定义 页眉
- 自定义 CSS 样式
- 一个与最新版本 Hugo 兼容的新的主页
- 大量的样式细节调整,包括颜色、字体大小、边距、代码预览样式
- 更易读的深色模式
- 一些精美的 CSS 动画
- 易于使用且可自我扩展的目录
- 更多社交链接、分享站点和评论系统
- 支持 Lunr.js 或 algolia 的搜索
- 一键复制代码到剪贴板
- 用于 Font Awesome 图标的扩展 Markdown 语法
- 用于ruby 注释的扩展 Markdown 语法
- 用于分数的扩展 Markdown 语法
- KaTeX 支持的数学公式
- mermaid 支持的图表语法简码
- ECharts 支持的交互式数据可视化简码
- Mapbox GL JS 支持的 Mapbox 简码
- APlayer 和 MetingJS 支持的嵌入式音乐播放器
- 支持 Bilibili 播放器
- 支持多种提示简码
- 支持自定义样式简码
- 支持所有第三方库的 CDN
- …
简而言之,如果您喜欢 FeelIt 主题的设计语言和自由度,如果您想方便地使用扩展的 Font Awesome 图标,如果您想在文章中嵌入数学公式、流程图、音乐或 Bilibili 视频,那么 FeelIt 主题可能更适合您。
我希望你会喜欢 FeelIt ❤️!
功能
性能和 SEO
- 针对性能进行了优化:在 Google PageSpeed Insights 中,移动端为 99/100,桌面端为 100/100
- 通过基于 JSON-LD 的正确 SEO SCHEMA 优化了 SEO 性能
- 支持 Google Analytics
- 支持 Fathom Analytics
- 支持 GoatCounter Analytics
- 支持搜索引擎验证(Google、Bind、Yandex 和 Baidu)
- 支持第三方库的 CDN
- 通过 lazysizes 自动转换带有延迟加载的图像
外观和布局
- 响应式布局
- 浅色/深色模式
- 全局一致的设计语言
- 支持分页
- 易于使用且可自我扩展的目录
- 支持多语言且已准备好 i18n
- 精美的 CSS 动画
社交和评论系统
- Gravatar 支持的 Gravatar
- 支持本地 头像
- 最多支持 64 个社交链接
- 最多支持 28 个分享站点
- Disqus 支持的 Disqus 评论系统
- Gitalk 支持的 Gitalk 评论系统
- Valine 支持的 Valine 评论系统
- Facebook 支持的 Facebook 评论系统
- Telegram Comments 支持的 Telegram 评论系统
- Commento 支持的 Commento 评论系统
- Utterances 支持的 Utterances 评论系统
扩展功能
- 支持 Lunr.js 或 algolia 的搜索
- 支持 Twemoji
- 自动高亮代码
- 一键复制代码到剪贴板
- lightgallery.js 支持的图片库
- 用于 Font Awesome 图标的扩展 Markdown 语法
- 用于ruby 注释的扩展 Markdown 语法
- 用于分数的扩展 Markdown 语法
- KaTeX 支持的数学公式
- mermaid 支持的图表简码
- ECharts 支持的交互式数据可视化简码
- Mapbox GL JS 支持的 Mapbox 简码
- APlayer 和 MetingJS 支持的音乐播放器简码
- Bilibili 播放器简码
- 多种提示简码
- 自定义样式简码
- 自定义脚本简码
- TypeIt 支持的动画打字
- cookieconsent 支持的 Cookie 同意横幅
- …
文档
入门指南
- 安装所需的软件包
npm run reinstall
- 调试主题文档
npm run start-production
- 构建主题文档
npm run build
多语言和 i18n
FeelIt 支持以下语言
- 德语
- 英语
- 西班牙语
- 法语
- 印尼语
- 意大利语
- 波兰语
- 巴西葡萄牙语
- 罗马尼亚语
- 俄语
- 塞尔维亚语
- 越南语
- 简体中文
- 匈牙利语
- 捷克语
- 波斯语
- 贡献新的语言
语言兼容性
问题、想法、错误、拉取请求
欢迎所有反馈!请前往问题跟踪器。
许可证
FeelIt 基于 MIT 许可证。请查看 LICENSE 文件了解详情。
感谢主题中包含的以下资源的作者
- modern-normalize
- Font Awesome
- Simple Icons
- Animate.css
- autocomplete.js
- Lunr.js
- algoliasearch
- lazysizes
- object-fit-images
- Twemoji
- lightgallery.js
- clipboard.js
- Sharer.js
- TypeIt
- KaTeX
- mermaid
- ECharts
- Mapbox GL JS
- APlayer
- MetingJS
- Gitalk
- Valine
- cookieconsent
作者
Khusika 和所有贡献者
谢谢!❤️