CHIRIMENホームページのソースコード。github pages, jekyll拡張を利用。 Source code of CHIRIMEN homepage (using github pages and jekyll).
HTML CSS JavaScript Ruby Other
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github
_includes
_layouts
_posts
_sass
blog
categories
css
docs
img
js
license
scripts
tags
.gitignore
.travis.yml
404.html
CNAME
README.md
_config.yml
_config_local.yml
about.html
contact.html
documents.html
feed.xml
index.html
latest-post.html
manifest.json
news.html
sitemap.xml
timeline.html

README.md

CHIRIMENホームページのソースコード

chirimen-ohのサイトを編集する手順について

  1. issueを作る
  2. fork して pull-req or ブランチ して pull-req
  3. Merge する
  4. 基本的にmaster は、直接いじらない

Build Status

初期設定

必要なライブラリのインストール

  • ruby >= 2.1
モジュールインストール
  • mac osx / linux
scripts/install
  • windows
gem install jekyll jekyll-paginate wdm rouge katana github-pages compass sass jemoji html-proofer

ブログの書き方

  • 以下のコマンドを実行すると_post/以下ディレクトリに本日日付でディレクトリとファイルが作成されます

  • 中のmarkdownを編集する事でblogが作成されます。

# mac osx / linux
scripts/newpost [タイトル]

# windows
ruby scripts/newpost [タイトル]

確認の仕方

  • 以下のコマンドを実行後 http://localhost:4000 にアクセスするとWebページが表示されます
# linux / mac osx
scripts/serve

# windows
scripts/serve.bat

リリース方法

  • 問題がある場合はissuesに上げてください、 その後実装担当者はforkもしくは別ブランチを切って修正後、プルリクエストを当リポジトリのmasterへ送ってください。

  • 自分で問題を対応できる場合は、即fork後修正し、プルリクエストから開始しても問題有りません。

Original Readme Content

Join the chat at https://gitter.im/PanosSakkos/personal-jekyll-theme

{ Personal } Jekyll Theme

{ Personal } is a free responsive Jekyll theme, about you 😉

You can watch it in action here!

What value does { Personal } add

  • Fork of Timeline (mashup of Grayscale by Start Bootstrap and Agency Jekyll Theme)
    • Modern and minimal design
      • Responsive templates for home page, blog archive and posts. Looks great on mobile, tablet, and desktop devices
      • Sweet animations
      • Gracefully degrades in older browsers. Compatible with Internet Explorer 8+ and all modern browsers
    • Timeline
      • Tell your story so far with a sleek timeline of dates, pictures and descriptions
    • White on black text, making the reading experience tireless
    • Google analytics
  • Customization and full control of your website and blog through the site config
  • Customization of the website's coloring
  • Blogging functionality
    • Preview of the latest post in the home page
    • Archive page
    • Syntax highlighting
    • Emojis
    • Gesture navigation in archive and post pages by swiping
    • Hashtags
    • Categories
    • Disqus comments
    • Bootstrap share buttons
    • RSS feed
  • Author blurb under the posts
  • 404 page
  • iOS and Android Web App mode
  • Enforcing of https protocol
  • Protection from email harvesting
  • Sitemap
  • Travis CI integration with html-proofer

{ Personal } à la JekyllNow

Want to get { Personal } without messing with jekyll installations and terminal commands?

  1. Fork the personal-jekyll-theme repository
  2. Rename the forked repository to yourgithubusername.github.io
  3. Visit https://yourgithubusername.github.io
  4. Start modifying the _config.yml and editing your blog's posts from Github's online editor or a third party online editor (i.e. Prose)

Documentation

The theme contains documentation in the form of blog posts.

Screenshots

Header

Intro

About

About

Latest post preview

Blog

Timeline

Timeline

Blog Archive

Archive

Gesture navigation instructions

Instructions

Post page

Post

Author blurb

Blurb

Hashtags

Tags

Categories

Categories

404

404

Mobile rendering

Web App

Web App mode

iOS

Android

How to run locally

First, you need to install jekyll and the dependencies of { Personal } by running:

./scripts/install

Then, you can build and serve your website by simply running:

./scripts/serve-production

Wiki

Don't forget to list your { Personal } blog in the Blogs using { Personal } wiki page in order to drive some traffic to your website 😉

Integrating bug fixes and features into your old fork

Have you published your own website by forking { Personal } and now you want to get the latest bug fixes and features from this repo into your website? Then check this out.

OSS used in { Personal }

One of the reasons { Personal } is real is the following OSS projects:

  1. Grayscale
  2. hammer.js
  3. highlightjs
  4. RRSSB
  5. Timeline
  6. typed.js

Supporting the repo

Proposals, pull requests and issues are more than welcome, let's make the web a bit more beautiful and secure 😉

In case you want to say thank you by donating Bitcoins to all the contributors, this is our address.