minoplhy/hugo-bearblog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
minoplhy's modification of 🧸 A Hugo theme based on »Bear Blog«. Free, no-nonsense, super-fast blogging. This theme now includes a dark color scheme to support dark mode 🦉 ⬛️!
23 Commits 4 Branches 0 Tags 439 KiB
HTML 61.9%
CSS 19.1%
JavaScript 19%
be0ba327e3
Go to file
Akira Baruah be0ba327e3 feat: enable optional custom date format 
Adds a .Site.Params.dateFormat setting to let users specify a Hugo-style
date format string for content. Previously, the date format was
hardcoded to "02 Jan, 2006", presumably to match the original BearBlog
style. This format gets used by default if the new "dateFormat" setting
is absent from the site config.
2021-04-12 17:18:41 +02:00
.github chore(deps): bump peaceiris/actions-gh-pages from v3 to v3.8.0 (#21) 2021-03-26 09:55:16 +01:00
archetypes refactor: move (non-post) pages to "content"-root 2020-09-04 09:02:09 +02:00
exampleSite feat: enable optional custom date format 2021-04-12 17:18:41 +02:00
images chore: update dark screenshot 2020-10-02 16:19:19 +02:00
layouts feat: enable optional custom date format 2021-04-12 17:18:41 +02:00
.gitignore chore: initial commit 2020-09-03 20:22:23 +02:00
.jsbeautifyrc chore: initial commit 2020-09-03 20:22:23 +02:00
LICENSE chore: initial commit 2020-09-03 20:22:23 +02:00
package-lock.json chore(deps-dev): bump js-beautify from 1.13.4 to 1.13.5 (#12) 2021-03-19 03:48:42 +01:00
package.json chore(deps-dev): bump js-beautify from 1.13.4 to 1.13.5 (#12) 2021-03-19 03:48:42 +01:00
README.md docs: fix typo 2020-12-20 20:45:54 +01:00
theme.toml docs: announce dark mode 2020-10-01 15:42:00 +02:00

README.md

Hugo ʕ•ᴥ•ʔ Bear Blog Test Pay me Sponsor me

🧸 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.

Sponsor 💟

Support my work on this theme via GitHub Sponsors (recurring) or PayPal (one-time).

GitHub Stats

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 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

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.

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.

License

MIT License © Jan Raasch