No description
Find a file
2025-02-08 17:20:16 +01:00
.github Add feedback_showcase.yml 2025-02-08 17:08:49 +01:00
archetypes refactor: move (non-post) pages to "content"-root 2020-09-04 09:02:09 +02:00
exampleSite Fill og:title on home page 2024-02-20 11:57:49 +01:00
images chore: update dark screenshot 2020-10-02 16:19:19 +02:00
layouts chore: update style.html 2025-01-10 17:53:02 +01:00
.gitignore Gitignore build artifacts 2025-02-08 16:33:22 +01:00
.jsbeautifyrc chore: initial commit 2020-09-03 20:22:23 +02:00
CONTRIBUTING.md Add feedback_showcase.yml 2025-02-08 17:08:49 +01:00
LICENSE chore: initial commit 2020-09-03 20:22:23 +02:00
package-lock.json chore(deps-dev): bump js-beautify from 1.14.11 to 1.15.1 (#85) 2024-02-16 17:32:13 +00:00
package.json chore(deps-dev): bump js-beautify from 1.14.11 to 1.15.1 (#85) 2024-02-16 17:32:13 +00:00
README.md Add »Remixes«\nFixes #102 2025-02-08 17:20:16 +01:00
theme.toml Use hugo.toml instead of config.toml (#74) 2024-01-23 10:28:44 +01:00

Hugo ʕ•ᴥ•ʔ Bear Blog CI

🧸 A Hugo-theme based on Bear Blog.

Free, no-nonsense, super-fast blogging.

Demo

For a current & working demo of this theme, please check out https://janraasch.github.io/hugo-bearblog/ 🎯.

Screenshots

Light

Dark

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.

Installation

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 hugo.toml as detailed below.

For more information, read the official setup guide of Hugo.

Adjust configuration / hugo.toml

Please check out the hugo.toml included in the exampleSite of this theme.

Content & structure

Starting fresh

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

Index-Page

The contents of the index-page may be changed by editing your content/_index.md-file.

Page

You can add a new page via running

hugo new my-new-page.md

Blog-Post

You can add a new blog-post via running

hugo new blog/my-new-post.md

Adding your branding / colors / css

Add a 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.

Remixes 🎭

The community has created some interesting variations of the Hugo ʕ•ᴥ•ʔ Bear Blog. While the main theme stays true to the minimal Bear Blog philosophy, these remixes experiment with additional features:

Note: These are independent forks maintained by their respective creators.

Contributing & Community 🤝

Interested in contributing to Hugo ʕ•ᴥ•ʔ Bear Blog? Thanks for your interest!

We aim to keep this theme as simple and fast as the original Bear Blog, while making it a friendly space for everyone to contribute and share their experiences.

Development

Run the exampleSite locally via

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

Special Thanks 🎁

A special thank you goes out to Herman, for creating the original ʕ•ᴥ•ʔ Bear Blog.

License

MIT License © Jan Raasch