• Stars
    star
    858
  • Rank 53,134 (Top 2 %)
  • Language
    HTML
  • License
    MIT License
  • Created about 4 years ago
  • Updated 8 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🧸 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 🦉 ⬛️!

Hugo ʕ•ᴥ•ʔ Bear Blog Test

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

Special Thanks 🎁

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

License

MIT License © Jan Raasch

More Repositories

1

hugo-scroll

📜 A Hugo theme for pretty, quick and simple single-page websites.
Less
188
star
2

tab-ahead

Web Browser Extension that helps you to quickly find open tabs by title and URL.
CoffeeScript
109
star
3

hugo-product-launch

🚀 A Hugo theme for young start-ups, product launches, and »coming soon«-websites. Includes contact form & newsletter sign up via Netlify. Deploy with one click!
HTML
63
star
4

gulp-coffeelint

CoffeeLint plugin for gulp.
CoffeeScript
54
star
5

coffeelint-stylish

Stylish reporter for CoffeeLint
CoffeeScript
13
star
6

hugo-product-launch-kickstart

Deploy »🚀 Hugo Product Launch« to Netlify with one click!
JavaScript
7
star
7

generator-gulpplugin-coffee

A Yeoman generator for CoffeeScript gulp plugins
CoffeeScript
4
star
8

guestbook

Following along with the instructions of chapters 1-5 of »Web Development with Clojure, 2nd Edition«
Clojure
3
star
9

javascript-commitment

A commit message generator for JavaScript.
JavaScript
3
star
10

fastmail-markdown

A bookmarklet for rendering plain text notes and e-mails on FastMail with Markdown
HTML
2
star
11

picture-gallery

Following along with the instructions of chapters 8 and 9 of »Web Development with Clojure, 2nd Edition«
Clojure
2
star
12

gulp-twitter

Twitter plugin for gulp.
CoffeeScript
1
star
13

coffeelint-use-strict

A CoffeeLint rule that enforces usage of strict mode
CoffeeScript
1
star
14

employeezies

Following along with the instructions of the 2nd part of chapter 7 of »Web Development with Clojure, 2nd Edition«
Clojure
1
star
15

mittagstisch

🍴Find out »What's for lunch today« at your favorite local lunch spots.
JavaScript
1
star
16

sublimetext-commitment

A commit message generator for Sublime Text.
Python
1
star
17

clojure-db-examples

Following along with the instructions of the 1st part of chapter 7 of »Web Development with Clojure, 2nd Edition«
Clojure
1
star
18

later-dude

URI remembering dropbox on Mac OS X's Dashboard.
JavaScript
1
star
19

catpics

Following along with the instructions of chapter 6 of »Web Development with Clojure, 2nd Edition«
Clojure
1
star