Skip to content

Commit

Permalink
add custom.css template to make it easier for users to add their own CSS
Browse files Browse the repository at this point in the history
  • Loading branch information
daattali committed Sep 12, 2020
1 parent 0222ebf commit 03105db
Show file tree
Hide file tree
Showing 4 changed files with 7 additions and 0 deletions.
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ One of the major changes in this version is that a lot of time was spent on reth
- Added `full-width` YAML option to allow having full-width pages
- Added `feed_show_excerpt` config option to show/hide the post excerpts on the feed page
- Added `feed_show_tags` config option to show/hide the list of tags on post previews on the feed page
- Added a blank template CSS file `assets/css/custom.css` that's automatically included in all pages that can be used to overwrite any default Beautiful Jekyll ruless
- When `nav-short` is turned on, the avatar will also be shorter
- Fixed rendering issues with `nav-short` option that caused the body of the page to start too low
- Improved the `footer-extra` YAML option to support multiple files instead of only a single file
Expand Down
4 changes: 4 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -253,6 +253,10 @@ Beautiful Jekyll is used by 50,000+ people with wildly varying degrees of web sk

You can set default values for YAML parameters in the config file. Open the `_config.yml` file, scroll down to the line `defaults:` and that's the section you can use. For more information, see the [official jekyll documentation about default values](https://jekyllrb.com/docs/configuration/front-matter-defaults/).

- ### How do I make small modifications to how my website looks?

If you want to make any visual changes that are not in `_config.yml`, you'll need to add your own CSS rules to the file `assets/css/custom.css` in order to overwrite the default Beautiful Jekyll style. If you don't know how to use CSS, I highly recommend spending 30 minutes to [learn the basics](https://www.w3schools.com/css/).

- ### How do I use a custom domain for my site?

GitHub lets you have your website for free using their `github.io` domain. If you want your own domain (such as `https://myname.com`), it's easy and will cost about $10-$15 per year. First you need to buy a domain name (I recommend [Namecheap](https://namecheap.pxf.io/daattali)) and then follow the [instructions GitHub provides](https://docs.github.com/en/github/working-with-github-pages/managing-a-custom-domain-for-your-github-pages-site).
Expand Down
1 change: 1 addition & 0 deletions _layouts/base.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
common-css:
- "/assets/css/bootstrap-social.css"
- "/assets/css/beautifuljekyll.css"
- "/assets/css/custom.css"
common-ext-css:
- href: "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
sri: "sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
Expand Down
1 change: 1 addition & 0 deletions assets/css/custom.css
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/* Add your own CSS rules here to overwrite any Beautiful Jekyll defaults */

0 comments on commit 03105db

Please sign in to comment.