All Projects → tocttou → Hacker Blog

tocttou / Hacker Blog

Licence: cc0-1.0
Hacker-Blog is a minimalistic, responsive jekyll theme built for hackers. https://ashishchaudhary.in/hacker-blog

Projects that are alternatives of or similar to Hacker Blog

Lagrange
A minimalist Jekyll theme for running a personal blog
Stars: ✭ 454 (+191.03%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Bay
🐟 A simple theme for Jekyll. Live at https://eliottvincent.github.io/bay/
Stars: ✭ 37 (-76.28%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Type On Strap
🎨 Simplistic, responsive jekyll based open source theme
Stars: ✭ 471 (+201.92%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Affiliates Jekyll Theme
Affiliates - Jekyll Blogging Theme for Affiliate Marketers
Stars: ✭ 145 (-7.05%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Simplest
💎 Simple and beautiful Jekyll theme
Stars: ✭ 129 (-17.31%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Mundana Theme Jekyll
Mundana is a free Jekyll theme, Medium styled.
Stars: ✭ 402 (+157.69%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Lora
💎 Lora free Jekyll theme
Stars: ✭ 32 (-79.49%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
event-jekyll-theme
Jekyll Theme package for your event
Stars: ✭ 119 (-23.72%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Minimalism
Minimalism is a Jekyll theme for minimalist!
Stars: ✭ 74 (-52.56%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Derrick
🙌 Derrick is a clean minimal and fast theme for a personal blog.
Stars: ✭ 51 (-67.31%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Liberxue.github.io
Liberxue blog for lightweight Jekyll themes 轻量级自适应 简洁 卡片式博客主题 3秒搞定GitHub blog
Stars: ✭ 330 (+111.54%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Jekyll Theme Memoirs
Memoirs is a free minimalist Jekyll theme for those who love the beauty of simplicity.
Stars: ✭ 151 (-3.21%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Sleek
📈 Sleek is a modern Jekyll theme focused on speed performance & SEO best practices
Stars: ✭ 321 (+105.77%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Reverie
🎨 A ridiculously elegant Jekyll theme.
Stars: ✭ 442 (+183.33%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Jekyll Klise
🏖 Klisé is a minimalist Jekyll theme for running a personal site or blog, light & dark mode support. (https://klise.now.sh)
Stars: ✭ 312 (+100%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Mediumish Theme Jekyll
Jekyll Template - Mediumish
Stars: ✭ 786 (+403.85%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
jekyll-clean-dark
Dark clean theme for jekyll
Stars: ✭ 198 (+26.92%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
mr-brown
Mr.Brown is a responsive Jekyll theme
Stars: ✭ 21 (-86.54%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Chalk
Chalk is a high quality, completely customizable, performant and 100% free Jekyll blog theme.
Stars: ✭ 987 (+532.69%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog
Dotx
💎 Simple & Beautiful Jekyll theme
Stars: ✭ 83 (-46.79%)
Mutual labels:  jekyll, jekyll-theme, jekyll-blog

The Hacker-Blog theme

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

Included

  1. Pagination
  2. SEO tags
  3. Archive Page
  4. About Page
  5. RSS (https://base-url/atom)
  6. Sitemap (https://base-url/sitemap)
  7. Google Analytics (optional)

Usage

  1. Fork and Clone this repository
  2. Customize your blog
  3. Add a new post in _posts/ directory with proper name format (as shown in placeholder posts)
  4. Commit and push to master on a repository named <githubusername.github.io>.
  5. Visit <githubusername>.github.io

Local Build

If you want to see the changes before pushing the blog to Github, do a local build.

  1. gem install jekyll
  2. gem install jekyll-seo-tag
  3. gem install jekyll-paginate
  4. gem install jekyll-sitemap
  5. (cd to the blog directory, then:) jekyll serve --watch --port 8000
  6. 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.

Local build using docker

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.

Customizing

Configuration variables

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]

About Page

Edit about.md

Layout

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

License

CC0 1.0 Universal

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].