机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。

雨果 ʕ•ᴥ•ʔ 熊博客

🧸 基于 Bear Blog 的 Hugo 主题。

免费、简洁、超快速的博客。

演示

如需查看此主题的当前有效演示，请查看 https://janraasch.github.io/hugo-bearblog/ 🎯。

截图

⬜️ 光

⬛️ 深色

当用户的浏览器处于“暗黑模式”时，将自动使用深色配色方案。默认是浅色/白色配色方案。查看 style.html 文件了解实现。

安装

如果你已经在你的电脑上有一个 Hugo 网站，你可以直接通过以下方式添加这个主题

git submodule add https://github.com/janraasch/hugo-bearblog.git themes/hugo-bearblog

然后，按以下详细说明调整 hugo.toml。

欲了解更多信息，请阅读 Hugo 的官方 安装指南。

调整配置 / hugo.toml

请查看本主题 exampleSite 中包含的 hugo.toml。

内容与结构

重新开始

如果您是重新开始，只需将此主题中包含的 exampleSite 目录的内容复制到您的源目录。这应该能让您很好地了解事情是如何运作的，然后您可以从那里开始使网站成为您的自己的。

添加/编辑内容

索引页面

可以通过编辑您的 content/_index.md 文件来更改 index 页面中的内容。

页面

您可以通过运行来添加新页面

hugo new my-new-page.md

博客文章

您可以通过运行添加新的博客文章

hugo new blog/my-new-post.md

添加您的品牌 / 颜色 / CSS

向您的 layouts/partials 目录中添加一个 custom_head.html 文件。在那里您可以添加一个 <style> 标签，或者 您可以添加一个 <link> 标签引用您自己的 custom.css（如果您希望有一个单独的 .css 文件）。查看 style.html 文件以了解默认应用了哪些 CSS 样式。

混音 🎭

社区创造了一些有趣的 Hugo ʕ•ᴥ•ʔ Bear Blog 变体。虽然主要主题仍忠于极简的 Bear Blog 哲学，但这些混音尝试了额外的功能：

• Hugo ʕ•ᴥ•ʔ Bear Blog ✨ Neo - 提供中文文档和创新的“吐司”点赞系统。

• ᕦʕ •ᴥ•ʔᕤ Bear Cub - 多语言版本，具备自动生成社交卡等实验性功能。

注意：这些是由各自创建者维护的独立分支。

贡献与社区 🤝

有兴趣为 Hugo ʕ•ᴥ•ʔ Bear 博客做贡献吗？感谢您的关注！

• 查看我们的贡献指南以了解代码贡献和错误报告的相关信息
• 如果您正在使用这个主题，分享您的故事——我们很想看看您创建了什么！
• 有问题吗？您可以在我们的GitHub 问题或Hugo 论坛中找到帮助

我们的目标是保持这个主题像原始的Bear 博客那样简单和快速，同时让每个人都可以轻松贡献和分享他们的经验。

开发

通过本地运行 exampleSite

hugo server --source ./exampleSite --themesDir ../..

如果你想测试功能并使用 hugo 命令，在根目录下，你需要在它们后面添加 --source ./exampleSite --themesDir ../..。

例如：

hugo new blog/post.md --source ./exampleSite --themesDir ../..

页面也是一样：

hugo new page.md  --source ./exampleSite --themesDir ../..

特别感谢 🎁

特别感谢 Herman 创建了最初的 ʕ•ᴥ•ʔ 熊博客。

许可

MIT 许可证 © Jan Raasch