Hugo 主题
Lightbi
一个为 Hugo 设计的简约干净的博客主题。
Lightbi
Lightbi 是一个为 Hugo 设计的时尚、简约且干净的博客主题,提供简洁而优雅的用户体验。
🌍 演示站点
📁 演示仓库
🐛 错误报告 & 问题
💡 问题 & 功能请求
📄 Lightbi Wiki
🕸️ 使用 Lightbi 构建的网站
功能
通用
三个主要内容部分
- 博客
- 笔记
- 合集(通讯)
响应式设计:
- 采用移动优先方法构建,可在任何设备上无缝查看。
基于卡片的主题:
- 灵活的图像放置选项
- 卡片顶部的图像
- 卡片中间的图像
- 卡片底部的图像
- 无图像选项
- 灵活的图像放置选项
菜单位置指示器:
- 为活动的菜单项提供清晰的视觉提示。
多语言支持:
- 包含一个语言选择器,方便在语言之间切换。
分类法:
- 使用可自定义的标签和类别有效地组织内容。
搜索功能:
- 集成的搜索选项,可快速访问内容。
浅色/深色主题:
- 根据浏览器首选项自动切换主题。
- 包含一个手动主题切换按钮,供用户控制。
Google Analytics 集成:
- 通过内置的 Google Analytics 支持跟踪用户活动。
对 SEO 友好:
- 针对搜索引擎进行了优化,以提高可见性。
页脚中的 Commit SHA:
- 显示当前 commit SHA 以进行版本跟踪。
自托管资产:
- 通过在本地托管所有资产,符合 GDPR / EU-DSGVO 法规。
Bootstrap 图标:
- 与 Bootstrap 图标集成的美观、轻量级图标。
页面
- 帖子下方的其他帖子建议。
- 帖子上的社交媒体分享按钮。
- 语法高亮。
- 每个帖子的封面图像(具有响应式图像支持)。
基于卡片的主题。
为了自定义卡片内的图像放置,Lightbi 主题提供了四个灵活的选项
- 卡片顶部的图像
- 卡片中间的图像
- 卡片底部的图像
- 无图像
要配置此项,请使用 hugo.toml
文件中的 previewCardImagePlacement
参数。按如下方式设置它
- 对于顶部的图像:
previewCardImagePlacement = "top"
- 对于中间的图像:
previewCardImagePlacement = "middle"
- 对于底部的图像:
previewCardImagePlacement = "bottom"
- 对于无图像:
previewCardImagePlacement = "none"
这使您可以完全控制图像在卡片布局中的显示方式。
安装
安装 Hugo 并创建一个新站点。有关详细信息,请参阅 Hugo 文档。
hugo new site <name of site>
cd <name of site>
git init
git submodule add https://github.com/binokochumolvarghese/lightbi-hugo themes/lightbi-hugo
echo "theme = 'lightbi-hugo'" >> hugo.toml
hugo server
完成上述操作后,将 exampleSite
的内容复制到您网站中的 content
文件夹中。
Wiki
查看 Wiki 页面,了解主题功能的详细文档。
支持 & 贡献
- 给这个仓库加星 🌟,以表达您的支持!
- 帮助传播关于 Hugo Lightbi 的信息,在社交媒体上分享它,并将其推荐给您的朋友和同事。
- 发现错误? 通过 GitHub Issues 报告它,以帮助我们改进。
- 有功能想法? 在 GitHub Discussions 中发起对话。
- 有疑问? 在我们的 GitHub Discussions 社区中提问。
致谢
- Lightbi 从中派生出来的 Beautiful Hugo。
- Unsplash 提供的图像。
关于
这是 Michael Romero 的 Beautiful Hugo 的改编版。它支持原始主题的大部分功能,以及许多新功能。随着时间的推移,它已经与原始主题有所不同,进行了多次更新。
许可证
MIT 许可证,请参阅 LICENSE。