Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Welcome to Octopress
Yuuki Sumida
December 14, 2012
Programming
0
550
Welcome to Octopress
合同勉強会in大都会岡山 -2012 Winter-
http://partake.in/events/4b7fe4db-858b-4193-b392-3406ed2b571f
Yuuki Sumida
December 14, 2012
Tweet
Share
More Decks by Yuuki Sumida
See All by Yuuki Sumida
stddev_popとstddev_sampの話 / stddev_pop and stddev_samp
razon
0
380
Monacaのビルド結果をSlackに通知したいマン[WIP] / Notify Monaca build results to Slack [WIP]
razon
0
290
ノベルティカンファレンス in 地方 / Novelty conference in local region
razon
0
480
おれたちのファイナルファンタジー勉強会 アンケート / Final Fantasy Survey
razon
1
120
フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the files generated by Vue CLI
razon
0
800
今の飲みは次の飲みへ[完結編] / For the current drinking party to the next drinking party -final version-
razon
0
36
昔Reactで書いたコードをHyperappに移植した話 / Porting react to hyperapp
razon
0
190
今の飲みは次の飲みへ / For the current drinking party to the next drinking party
razon
0
33
大都会アワード2017 / Daitokai awards 2017
razon
0
570
Other Decks in Programming
See All in Programming
CDKでValidationする本当の方法 / cdk-validation
gotok365
1
150
AWSにおける標的型Bot対策
hacomono
0
390
Writing Greener Java Applications
hollycummins
0
330
Gradle build: The time is now
nonews
1
300
Workshop on Jetpack compose
aldefy
0
140
OSSから学んだPR Descriptionの書き方
fugakkbn
4
120
Cloudflare WorkersでGoを動かすライブラリを作っている話
syumai
1
280
中小企業開発事例から見るサーバーレス
seike460
PRO
4
1.5k
Rによる大規模データの処理
s_uryu
2
610
Swift Concurrency in GoodNotes
inamiy
4
1.3k
PHPDocにおける配列の型定義を少し知る
shimabox
1
120
23年のJavaトレンドは?Quarkusで理解するコンテナネイティブJava
tatsuya1bm
1
110
Featured
See All Featured
Building an army of robots
kneath
302
40k
Side Projects
sachag
451
37k
How to Ace a Technical Interview
jacobian
270
21k
The Invisible Customer
myddelton
113
12k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
WebSockets: Embracing the real-time Web
robhawkes
58
6k
Into the Great Unknown - MozCon
thekraken
2
280
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
13
1.1k
How to train your dragon (web standard)
notwaldorf
66
4.2k
From Idea to $5000 a Month in 5 Months
shpigford
374
44k
Building Flexible Design Systems
yeseniaperezcruz
314
35k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
Transcript
ウェルカム・トゥ・オクトプレス ウェルカム・トゥ・オクトプレス 2012/12/15(Sat) 2012/12/15(Sat) 合同勉強会 合同勉強会in in大都会岡山 大都会岡山
About me About me • もじゃ変 • 天領倉敷Scala/岡山Javaユーザ会 • ニンジャヘッズ(重篤)
Agenda Agenda • Octopressの紹介 • デモ(Octopressでの記事作成~デプロイ) • Octopressライフが捗るTips
Octopress Octopressの紹介 の紹介
Octopress Octopressとは とは • ブログ風の静的HTMLを生成する アプリケーション • Ruby製のファイルジェネレータJekyllに ブログライクなテンプレート/専用のrake コマンド群を追加したもの
• ローカルで記事を作成してGitHub Pages/ Heroku等にデプロイする • 記事はmarkdown/textileで記述
Octopress Octopressとは とは • GitHub – 言わずと知れたGitリポジトリのホスティングサー ビス • GitHub
Pages – GitHub上で静的なWebページを公開するための サービス – 専用のリポジトリ(1ユーザにつき1つ)に静的なWeb ページをPushすることで、公開される
Octopress Octopressとは とは html documents(local) github repository github:pages 1.push 2.deploy
Octopress Octopressとは とは blog entry(md/textile) github repository github:pages 1.html generate
3.deploy ------ ------ ------ ------ octopress 2.push ※厳密にはGitHub Pages上のJekyllがよしなにしてくれる
Octopress Octopressの導入 の導入 ※Ruby 1.9.2以上が必要 $ git clone git://github.com/imathis/octopress.git octopress
$ cd octopress $ gem install bundler $ bundle install $ rake install $ rake setup_github_pages
デモ デモ (Octopress (Octopressでの記事作成~デプロイ での記事作成~デプロイ) )
記事を新規作成する 記事を新規作成する $ rake new_post[“記事のタイトル”]
作成した記事のプレビュー 作成した記事のプレビュー $ rake generate $ rake preview
作成した記事のデプロイ 作成した記事のデプロイ $ rake deploy
Octopress Octopressライフが捗る ライフが捗るTips Tips
設定ファイルについて 設定ファイルについて
Octopress Octopressのテーマを変更する のテーマを変更する • https://github.com/imathis/octopress/wiki/3rd-Party-Octopress-Themes $ cd octopress $ git
clone GIT_URL .themes/THEME_NAME $ rake install['THEME_NAME'] $ rake generate
Octopress Octopressをバージョン管理する をバージョン管理する • 直下以下をそのままgitとかに突っ込めばOK • .gitignoreで_deployディレクトリ以下を除外
さいごに さいごに
Octopress Octopressのいいところ のいいところ • 好きなエディタでゴリゴリできる • バージョン管理できる • 静的HTMLが吐かれる •
気になるところは自分で弄れる
Octopress Octopressのいくないところ のいくないところ • 記事を書くために環境を作らないといけない – 会社PCでゴリゴリやりにくい • テーマとかあんまりない •
画像のアップロードは別でやらないといけな い