haru-kdl/haru-kdl.github.io

DEPRECATED

Jekyllstrap is deprecated.

See materi for jekyll

Jekyllstrap

Jekyllstrap is a Jekyll template to which is applied a theme of Bootstrap.

• Based on Jekyll
• Themes from Bootstrap and Bootswatch.
• Icons from Font Awesome.

Preview

---

Getting Started

Setup for a new Static site.

1. Install Jekyll
2. Fork the Jekyllstrap
3. Clone the repo you just forked to your computer.
4. Edit _config.yml to personalize your site.
5. Writing posts and Build.
6. Deploying your site to GitHub Pages or Amazon S3, etc...

# _config.yml

name: Jekyllstrap                 # Change your site name, url, etc.
url: http://ogaclejapan.github.io
baseurl: /jekyllstrap
timezone: Asia/Tokyo
encoding: utf-8

markdown: redcarpet
redcarpet:
  extensions: ["strikethrough", "tables", "fenced_code_blocks"]

pygments: true
permalink: pretty
paginate: 10

owner :                           # Change your name, GitHub name, Twitter id.
  name : ogaclejapan
  github : ogaclejapan
  twitter : ogaclejapan
#  googleplus :
#  facebook :

# See http://schema.org/Article
schema_article_type : Article

#google_analytics :               # Available soon as you get the tracking code.
#  tracking_id : 'UA-XXXXXXXX-X'  # http://www.google.com/analytics/


#addthis:                         # Available soon as you get the pub code.
#  pub_id: 'ra-XXXXXXXXXXXXXXX'   # http://www.addthis.com/

exclude: ["README.md", "LICENSE", ".gitignore"]

---

Customization

Change the Bootstrap Theme

Edit _includes/css.html URLs.

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.0.3/cerulean/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/all.min.css">

e.g. Other theme of Bootswatch. (using Cosmo Theme)

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.0.3/cosmo/bootstrap.min.css">
<!--
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.0.3/cerulean/bootstrap.min.css">
-->

e.g. Plain Bootstrap.

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<!--
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.0.3/cerulean/bootstrap.min.css">
-->

---

License

MIT License. See LICENSE