CSS HTML Ruby
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_data Initial commit Jun 14, 2017
_includes Use favicon include html. Nov 9, 2017
_layouts Update readme.md Jul 18, 2017
_posts add responsive menu to home page Jun 27, 2017
_sass Fix #14 Dec 19, 2017
about Update readme.md Jul 18, 2017
assets Edit screenshots Jun 15, 2017
blog Initial commit Jun 14, 2017
projects Initial commit Jun 14, 2017
404.html Add screenshots Jun 15, 2017
Gemfile Initial commit Jun 14, 2017
Gemfile.lock Initial commit Jun 14, 2017
LICENSE Rename JBlog Jun 15, 2017
README.md Update README.md Nov 3, 2017
_config.yml Update css files Jul 18, 2017
index.html Initial commit Jun 14, 2017
robots.txt Initial commit Jun 14, 2017

README.md

JBlog Jekyll Theme

JBlog is a simple jekyll theme.

I have used this theme in my own php and ruby blogs. And there are some shortcomings. If something looks extremely ugly and you can't resist to fix it, just send me a PR. I will be grateful.

If you like this theme or using it, please give a star for motivation.

Preview

Home Page
Post Page

See a live version of JBlog hosted on GitHub.

Getting Started

To learn how to install and use this theme check out the Setup Guide for more information or apply the following instructions.

Installation

  • Fork the Repo
  • Edit _config.yml file.
    • Edit url as https://yourusername.github.io
    • and others
  • Remove sample posts from _posts folder and add yours.
  • Edit index.md file in about folder.
  • Change repo name to YourUserName.github.io
  • Open "Github Pages" from settings page
  • Click the star icon at the top of this page ;)

How to customization

  • You can change title, description, profile image and social network icons in _config.yml file.
  • If you are not like this colors or fonts, you can change its in _sass/variables.scss file.
$title-font   : Lobster, cursive;
$menu-font    : Alegreya Sans SC, sans-serif;
$main-font    : Roboto Slab, serif;

You can add your fonts this area.

// Colors
$blue: #3498db;
$orange: #e67e22;
$red: #e74c3c;
$white: #ecf0f1;
$green: #2ecc71;
$turko: #1abc9c;
$purple: #9b59b6;
$dark-blue: #34495e;

$main-color: $white;
$background-color: $blue;
$thrid-color: rgba(52, 152, 219, 0.8);

$main-color is panels background color. $background-color is background, buttons, links color. $thrid-color is opacity version of background color.