①Octopress のインストール

octopressリポジトリをクローン

$ cd git/
$ git clone git://github.com/imathis/octopress.git octopress
1
2

Bundlerを使って必要なパッケージをインストール

$ cd octopress/
$ sudo gem install bundler
$ sudo bundle install
1
2
3

bundle installがエラーになる

$ sudo bundle install
Fetching gem metadata from https://rubygems.org/.......
Fetching additional metadata from https://rubygems.org/..
Using rake 0.9.2.2

Gem::Installer::ExtensionBuildError: ERROR: Failed to build gem native extension.

    /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby extconf.rb 
checking for main() in -lc... yes
creating Makefile

make "DESTDIR="
compiling redcloth_attributes.c
compiling redcloth_inline.c
compiling redcloth_scan.c
linking shared-object redcloth_scan.bundle
clang: error: unknown argument: '-multiply_definedsuppress' [-Wunused-command-line-argument-hard-error-in-future]
clang: note: this will be a hard error (cannot be downgraded to a warning) in the future
make: *** [redcloth_scan.bundle] Error 1


Gem files will remain installed in /Library/Ruby/Gems/2.0.0/gems/RedCloth-4.2.9 for inspection.
Results logged to /Library/Ruby/Gems/2.0.0/gems/RedCloth-4.2.9/ext/redcloth_scan/gem_make.out
An error occurred while installing RedCloth (4.2.9), and Bundler cannot continue.
Make sure that `gem install RedCloth -v '4.2.9'` succeeds before bundling.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

Xcodeのアップデートでコンパイラが更新されたことが原因のよう

オプションをつけてやり直し

$ sudo ARCHFLAGS=-Wno-error=unused-command-line-argument-hard-error-in-future bundle install
1

ビルドツール、rakeをインストール

$ rake install
1

②GitHubにリポジトリを作成

  • [username].github.io

という名前でリポジトリを作る。今回は

  • sojiro14.github.io

③Octopressでのデプロイ

デプロイ設定する

rake setup_github_pages
1

途中でリポジトリのurlを聞かれるので入力。今回は

git@github.com:sojiro14/sojiro14.github.io.git
1

を入力した

$ rake setup_github_pages
Enter the read/write url for your repository
(For example, 'git@github.com:your_username/your_username.github.io.git)
           or 'https://github.com/your_username/your_username.github.io')
Repository url: git@github.com:sojiro14/sojiro14.github.io.git
Added remote git@github.com:sojiro14/sojiro14.github.io.git as origin
Set origin as default remote
Master branch renamed to 'source' for committing your blog source files

・・・・(略)

 1 file changed, 1 insertion(+)
 create mode 100644 index.html
cd -

---
## Now you can deploy to git@github.com:sojiro14/sojiro14.github.io.git with `rake deploy` ##
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

ページの作成

必要ファイルを作成

$ rake generate
## Generating Site with Jekyll
directory source/stylesheets/ 
   create source/stylesheets/screen.css 
Configuration from /Your/Octopress/Directory/git/octopress/_config.yml
Building site: source -> public
Successfully generated site: source -> public
1
2
3
4
5
6
7

deploy

$ rake deploy
## Deploying branch to Github Pages 
## Pulling any updates from Github Pages 
cd _deploy

・・・・(略)

## Github Pages deploy complete
cd -
1
2
3
4
5
6
7
8
9

deployの確認

実際にページにアクセスして確認する

http://sojiro14.github.io
1

確認できればok。反映には少々(5分ほど)時間がかかる。

④Octopressの初期設定を変更

_config.ymlの編集

_config.ymlファイルにてブログのタイトル、サブタイトル、筆者などを設定できる

$ vim _config.yml
1

例えばタイトル、サブタイトルは以下のように設定

title: Sojiro's Blog
subtitle: This is nothing much.
1
2

設定したらdeploy。Task: gen_deployを使う

$ rake gen_deploy
1

もう一度ページにアクセスしてタイトルなどが変更されているのを確認できればok

⑤記事の投稿

記事を書く

new_postの後には記事のタイトルを指定。英数字のみ使用可

$ rake new_post["IRC-bot by HUBOT"]
mkdir -p source/_posts
Creating new post: source/_posts/2014-04-19-irc-bot-by-hubot.markdown
1
2
3

source/_posts/2014-04-19-irc-bot-by-hubot.markdownというファイルが生成されるのでそこに内容をマークダウンで記述

$ vim source/_posts/2014-04-19-irc-bot-by-hubot.markdown
1
---
layout: post
title: "IRC-bot by HUBOT"
date: 2014-04-19 21:05:49+0900
comments: true
categories:
---
ここ以下に内容をマークダウンで書いていく
1
2
3
4
5
6
7
8

記事をデプロイ

記事を書いたらデプロイする

$ rake gen_deploy
1

記事が投稿されていることを確認できればok

⑥Google Analyticsを導入する

Google AnalyticsのトラッキングIDを取得する

Google Analyticsのサイトopen in new windowからアカウントを作成し、

  • username.github.io

のトラッキングIDを取得する

取得したトラッキングIDを設定

_config.ymlにトラッキングIDを設定する

$ vim _config.yml
1

場所はこちら

# Google Analytics
google_analytics_tracking_id: XX-12345678-9
1
2

設定が終わったらデプロイ

$ rake gen_deploy
1

Google Analyticsのサイト上でトラッキングできていることを確認できればok

参考

Last Updated:
Contributors: sojiro14