chirimen-oh.github.io

chirimen-oh.github.io

CHIRIMENホームページのソースコード。github pages, jekyll拡張を利用。 Source code of CHIRIMEN homepage (using github pages and jekyll).

Demo Download

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

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

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

初期設定

必要なソフトウェアのインストール

ローカルでGitHub Pagesのローカル環境を起動するのに Docker が必要になります。 MacOSX や Windows をご利用の場合は、以下のようなソフトウェアをインストールして docker コマンドが利用できるようにしてください。

ブログの書き方

公式ドキュメントのPost を書くを参照してください。

確認の仕方

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

$ docker run -t --rm -v "$PWD":/usr/src/app -p "4000:4000" starefossen/github-pages

Configuration file: /usr/src/app/_config.yml
       Deprecation: The 'gems' configuration option has been renamed to 'plugins'. Please update your config file accordingly.
            Source: /usr/src/app
       Destination: /_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
    Liquid Warning: Liquid syntax error (line 21): Expected id but found number in "{{ site.404-img }}" in /_layouts/error.html
                    done in 2.465 seconds.
 Auto-regeneration: enabled for '/usr/src/app'
    Server address: http://0.0.0.0:4000
  Server running... press ctrl-c to stop.

ローカルのファイルが変更されると、自動的にビルドが実行されるので、ページをリロードするだけで大丈夫です。

      Regenerating: 1 file(s) changed at 2018-09-05 10:43:11     Liquid Warning: Liquid syntax error (line 21): Expected id but found number in "{{ site.404-img }}" in /_layouts/error.html
...done in 2.151323191 seconds.

終了するときは、Ctrl+C でコンソールを止めたあとで、以下のコマンドを実行してください。

$ docker stop $(docker ps -q --filter ancestor="starefossen/github-pages" )

リリース方法

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

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

Original Readme Content

{ Personal } Jekyll Theme

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

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

About

Latest post preview

Timeline

Blog Archive

Gesture navigation instructions

Post page

Author blurb

Hashtags

Categories

404

Mobile rendering

Web App mode

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 :wink:

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 :wink:

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

minimalacademicresumeportfoliodocumentationwikitailwindbootstrapdarkecommercegithub-pagesblog