The theme I'm using is from this guy: https://github.com/tocttou/hacker-blog
Hacker-Blog is a minimalistic, responsive jekyll theme built for hackers. It is based on the hacker theme for project pages.
Demo: https://ashishchaudhary.in/hacker-blog
- Pagination
- SEO tags
- Archive Page
- About Page
- RSS (
https://base-url/atom
) - Sitemap (
https://base-url/sitemap
) - Google Analytics (optional)
- Fork and Clone this repository
- Customize your blog
- Add a new post in
_posts/
directory with proper name format (as shown in placeholder posts) - Commit and push to master on a repository named
<githubusername.github.io>
. - Visit
<githubusername>.github.io
If you want to see the changes before pushing the blog to Github, do a local build.
gem install jekyll
gem install jekyll-seo-tag
gem install jekyll-paginate
gem install jekyll-sitemap
- (
cd
to the blog directory, then:)jekyll serve --watch --port 8000
- Go to
http://0.0.0.0:8000/
in your web browser.
Note: In case you have set a baseurl
different than /
in _config.yml
, go to http://0.0.0.0:8000/BASEURL/
instead.
docker run --rm -p 8000:8000 \
--volume="LOCATION_OF_YOUR_JEKYLL_BLOG:/srv/jekyll" \
-it tocttou/jekyll:3.5 \
jekyll serve --watch --port 8000
Replace LOCATION_OF_YOUR_JEKYLL_BLOG
with the full path of your blog repository. Visit http://localhost:8000/
to access the blog.
Note: In case you have set a baseurl
different than /
in _config.yml
, go to http://0.0.0.0:8000/BASEURL/
instead.
Edit the _config.yml
file and set the following variables:
title: [The title of your blog]
description: [A short description of your blog's purpose]
author:
name: [Your name]
email: [Your email address]
url: [URL of your website]
baseurl: [The base url for this blog.]
paginate: [Number of posts in one paginated section (default: 3)]
owner: [Your name]
year: [Current Year]
Note: All links in the site are prepended with baseurl
. Default baseurl
is /
. Any other baseurl can be setup like baseurl: /hacker-blog
, which makes the site available at http://domain.name/hacker-blog
.
Additionally, you may choose to set the following optional variables:
google_analytics: [Your Google Analytics tracking ID]
Edit about.md
If you would like to modify the site style:
HTML
Footer: Edit _includes/footer.html
Header: Edit _includes/header.html
Links in the header: Edit _includes/links.html
Meta tags, blog title display, and additional CSS: Edit _includes/head.html
Index page layout: Edit _layouts/default.html
Post layout: Edit _layouts/post.html
CSS
Site wide CSS: Edit _sass/base.scss
Custom CSS: Make _sass/custom.scss
and use it. Then add @import "custom";
to css/main.scss
404 page
Edit 404.md
CC0 1.0 Universal