Hugo Bear Blog
A Hugo theme based on »Bear Blog«. Free, no-nonsense, super-fast blogging. »Bear Blog« now includes a dark color scheme to support dark mode!
- Author: Jan Raasch
- Minimum Hugo Version: 0.73.0
- GitHub Stars: 465
- Updated: 2023-02-16
- License: MIT
- Tags: Blog Dark Mode Light Minimal Responsive
Hugo ʕ•ᴥ•ʔ Bear Blog
🧸 A Hugo-theme based on Bear Blog.
Free, no-nonsense, super-fast blogging.
For a current & working demo of this theme, please check out https://janraasch.github.io/hugo-bearblog/ 🎯.
When the user’s browser is running »dark mode«, the dark color scheme will be used automatically. The default is the light/white color scheme. Check out the
style.html-file for the implementation.
If you already have a Hugo site on your machine, you can simply add this theme via
git submodule add https://github.com/janraasch/hugo-bearblog.git themes/hugo-bearblog
Then, adjust the
config.toml as detailed below.
For more information, read the official setup guide of Hugo.
Adjust configuration / config.toml
Please check out the config.toml included in the exampleSite of this theme.
Content & structure
If you are starting fresh, simply copy over the contents of the
exampleSite-directory included in this theme to your source directory. That should give you a good idea about how things work, and then you can go on from there to make the site your own.
Adding / editing content
The contents of the
index-page may be changed by editing your
You can add a new page via running
hugo new my-new-page.md
You can add a new blog-post via running
hugo new blog/my-new-post.md
Adding your branding / colors / css
custom_head.html-file to your
layouts/partials-directory. In there you may add a
<style>-tag, or you may add a
<link>-tag referencing your own
custom.css (in case you prefer to have a separate
.css-file). Check out the
style.html-file to find out which CSS-styles are applied by default.
Issues / Feedback / Contributing
Please use GitHub issues and Pull Requests.
If you do not have a GitHub-account, please hit me up via e-mail (see janraasch.com).
Special Thanks 🎁
A special thank you goes out to Herman, for creating the original ʕ•ᴥ•ʔ Bear Blog.