+ Octopress + GitHubPages でブログを作成 Name: さりんじゃー

Size: px

Start display at page:

Download "+ Octopress + GitHubPages でブログを作成 Name: さりんじゃー"

かおりちゅうか
4 years ago
Views:

1 + Octopress + GitHubPages でブログを作成 Name: さりんじゃー

2 自己紹介 2 n HN: さりんじゃー n 現在の状況 : n 専門は機械学習自然言語処理など n 普段はPython 書いてます n 最近 Rのお勉強開始 n Blog: n Twitter:@salinger001101

3 突然ですが 3 n Hacker とは? n 常人より深い技術的知識を持ちその知識を利用して技術的な課題をクリアする人々のこと (From Wikipedia)

4 つまり 4 Hacker イケてるエンジニア

5 尊敬される Hacker になるためには 5 1. オープンソースソフトウェアを書く 2. フリーソフトウェアのテストやデバッグを手伝う 3. 有益な情報を公開する 4. インフラが機能し続けるように手伝う 5. ハッカー文化そのものへの貢献 (From How To Become A Hacker)

6 尊敬される Hacker になるためには 6 1. オープンソースソフトウェアを書く 2. フリーソフトウェアのテストやデバッグを手伝う 3. 有益な情報を公開する 4. インフラが機能し続けるように手伝う 5. ハッカー文化そのものへの貢献 (From How To Become A Hacker)

7 じゃあまずは 7 自分から情報発信しよう!

8 どうすればいいの? 8 n そこでこれ

9 9 n "A blogging framework for hackers n ブログ作成のためのフレームワーク n Ruby 製の Jekyll( ファイルジェネレータ ) を利用 n 動かすために Ruby の環境が必要 LL つかってるので条件クリア! n サブタイトルに Hacker 用ってちゃんと書いてるし!

10 Octopress の特徴 10 n 静的ファイル軽い n Markdown 記法で書ける n コンソール上で動くテキストエディタと相性が良い n Emacs でコード書きながら並行して記事を書ける n LL 向けですね! n プログラミングに関係あるサービスやプラグインとの連携が楽 n Gist jsfiddle などのコード埋め込みプラグイン

11 11 n GitHubのホスティングサービス n GitHub 上に自分のサイトを作れる n ただし静的なページのみ n Free! 今回はここにブログを構築

12 用意するもの 12 n git クライアント n Ruby(1.9.2 以上 ) n bundle (gem でインストールしておく ) n GitHub アカウント n username.github.com というリポジトリ n ( 私の GitHub アカウントは Salinger なので salinger.github.com)

13 Octopress のインストール 13 n 任意のディレクトリ下 ( インストール先 ) で $ git clone $ cd octopress $ bundle install $ rake install n 依存関係にある Ruby のモジュールなどもここで全部インストールされる

14 デプロイの設定 & 編集内容の Push 14 n デプロイの設定 $ rake setup_github_pages git@github.com:username/username.github.com.git を入力 $ rake generate $ rake deploy n Push $ git add. && git commit -m "Initial commit $ git push これでしばらく待った後にアクセスすると Blog のひな形が完成してる

15 初期設定 15 n _config.yml を編集 n BlogのTitle Authorなどの設定 n 他サービスとの連携 n GitHubリポジトリ n Disqus ( コメント欄の追加 ) n Google Analytics ( アクセス解析 ) n SNSとの連携 n Facebook n Twitter n Google+

16 記事の作成 16 n 記事の投稿方法 $ rake new_post["1"] source/_post/2013-xx-xx-1.markdown という記事のテンプレートファイルが作成されるこれを編集 Markdown 記法で記事を書く

17 --- layout: post title: Mac + Ruby + Octopress + Github でブログの作成 date: :22 comments: true categories: Octopress --- 技術系の話をメモするためのブログを作ろうと思っていたところこのようなものを発見 [Octopress]( ( 以下略  ## 環境 PC: MacBook Air, Core i5 1.7GHz, Mem 4GB OS: OS X XCode: ##Ruby のインストールが入ってればいいらしいので MacPorts を使ってインストール $ sudo port install ruby19 +nosuffix bundle のインストール ( とりあえず gem1.9 を使えば問題はなかった gem だと標準でインストールされている 1.8 系にインストールされるのか? 試していないので分からないが ) $ sudo gem1.9 install bundle 続きを読むで以下を省略 # で段落下げ記事のタイトルなど ( ひな形は自動作成 ) URL のリンクスペース 4 つ or タブ文字でいい感じにコードを表示 17

18 プレビューの確認 & デプロイ 18 $ rake generate プレビューを見る場合は generate の後に $ rake preview にアクセスすればデプロイ前に確認可能問題なければ $ rake deploy

19 19

20 20 完成! これで今後は LL について勉強したこと発信できるね

21 Q & A 21 n 複数の PC から編集したい場合はどうするの? n 毎回 $ git clone ~ or Dropbox なんかのクラウドストレージサービスを利用 n ただし要 Ruby& 必要なモジュールのインストール $ bundle install $ rake install すればお k n 行数の多いコードを埋め込みたい n Gist に書いて {% gist XXXXXXX %} を本文中に書けばお k [X: id 番号 ] n 作ったブログに何書けばいいの? n こうすれば上手いこと動いたよ! n こんなもの作ったよ! n このサービスすげえ! n わからん!HELP! n 勉強会の感想 etc 気の向くままにご自由にどうぞ

22 まとめ 22 n 尊敬されるHackerになるために積極的に情報発信しましょう! n OctopressとGitHub:Pagesで LL 系言語と相性の良いブログが簡単に作れるよ!

23 参考文献 23 n さりんじゃーのプログラミング日記, n Octopress, n GitHub Pages, n Mac + Ruby + Octopress + Github でブログの作成, n ハッカーになろう (How To Become A Hacker), n GitHub Pages ホスティングサービス ( ほぼ ) 完全活用ガイド, programming/github-pages-almost-perfect-guide/

利用者

利用者 Regional SNS 開発環境構築ガイド 2012 年 2 月 29 日株式会社ネットワーク応用通信研究所目次 1. はじめに... 1 2. 前提条件... 1 3. 必要なソフトウェア構成... 1 4. ソフトウェアの導入手順... 1 4.1. 必要ファイルのダウンロード... 1 4.2. 環境設定コマンドの実行... 2 4.3. RegionalSNS の実行... 2 4.4.