Hugo 主题
Hugo Bear Blog
一个基于“Bear Blog”的 Hugo 主题。免费、简洁、超快的博客。“Bear Blog”现在包含一个深色配色方案,以支持深色模式!
Hugo ʕ•ᴥ•ʔ Bear Blog 
🧸 一个基于 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
目录的内容复制到你的源目录。这应该让你对事情的工作方式有一个很好的了解,然后你可以从那里继续制作你自己的网站。
添加/编辑内容
索引页
index
页面的内容可以通过编辑你的 content/_index.md
文件来更改。
页面
你可以通过运行以下命令添加一个新页面
hugo new my-new-page.md
博文
你可以通过运行以下命令添加一篇新的博文
hugo new blog/my-new-post.md
添加你的品牌/颜色/CSS
将 custom_head.html
文件添加到你的 layouts/partials
目录。 在那里,你可以添加一个 <style>
标签,或者你可以添加一个 <link>
标签来引用你自己的 custom.css
(如果你喜欢使用单独的 .css
文件)。查看 style.html
文件,了解默认应用了哪些 CSS 样式。
问题/反馈/贡献
请使用 GitHub 问题和拉取请求。
开发
通过以下方式在本地运行 exampleSite
hugo server --source ./exampleSite --themesDir ../..
特别鸣谢 🎁
特别感谢 Herman 创建了原始的 ʕ•ᴥ•ʔ Bear Blog。
许可证
MIT 许可证 © Jan Raasch