Github_pages の恃构爬

纳裁された乖はこの咖です。
猴近された乖はこの咖です。
Github_pages へ乖く。
[[Git_Github]] > Github Pages

GithubでWebペ〖ジを给倡する慌寥み

#contents

* GitHub Pages [#vca25500]

GitHub Page を蝗う - GitHub Docs
- GitHub Page を蝗う - GitHub Docs

https://docs.github.com/ja/github/working-with-github-pages

* Github Pagesでhtmlから侯る [#hbd718a5]

-[[GitHub Pages:https://pages.github.com/]]

ペ〖ジは、2硷梧の眷疥に侯ることができます。
极尸のアカウントに沙づいた≈ユ〖ザ〖ペ〖ジ∽と、レポジトリ侍の≈プロジェクトペ〖ジ∽。

** ユ〖ザ〖ペ〖ジの侯り数 [#t38e2fa2]

+ 极尸のアカウントに、≈account-name.github.io∽という糠レポジトリを侯る
+ そこに、涩妥なHTMLファイルを弥く
+ ≈http://account-name.github.io/∽にアクセスする

HTML Kickstartとか蝗うと、弛チン。侯ってみた。

- http://ycatch.github.io/

** プロジェクトペ〖ジの侯り数 [#s12d51f4]

レポジトリにgh-pagesというブランチを磊って、涩妥ファイルをそのブランチに仆っ哈めば、窗喇。

+ ペ〖ジを侯りたいレポジトリ(yourRepository)に、≈gh-pages∽というブランチを侯喇
+ そこに、涩妥なHTMLファイルを弥く
+ ≈http://account-name.github.io/yourRepository∽にアクセスする

侯ってみた。

- http://ycatch.github.io/hello-world/
- http://ycatch.github.io/mameblock.js/

** ペ〖ジの构糠 [#ub2db1c4]

恃构柒推をMasterブランチにCommitして、Masterをgh-pagesにマ〖ジする。

** 徊雇 [#ubddeb27]

-[[Web - Githubを蝗って3尸でHPを给倡する。 - Qiita:http://qiita.com/budougumi0617/items/221bb946d1c90d6769e9]]
-[[Git介看荚でも络炬勺—窗链痰瘟でGithub PagesにWebペ〖ジを给倡する数恕:http://liginc.co.jp/web/html-css/html/96453]]

-[[悸俩GitHub Pages笨脱のユ〖スケ〖スとワ〖クフロ〖の拒嘿 | ゆっくりと∧:http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/github-pages-workflow/]]
-[[GitHub Pagesホスティングサ〖ビス∈ほぼ∷窗链宠脱ガイド | ゆっくりと∧:http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/github-pages-almost-perfect-guide/]]


* jekyllで、Github pagesを侯る [#v3f7d489]

markdownからWebペ〖ジをレンダリングしてくれる。

Github Pagesは、jekyllをレンダリングエンジンに何脱している。


- GitHub Pages の Jekyll で Web サイトを痰瘟给倡する数恕 - Qiita　 http://qiita.com/takuya0301/items/374b2ab5be407b138ef9

- GitHub Pages  https://pages.github.com/

- Jekyll Tips(泣塑胳惹) チュ〖トリアル  http://jekylltips-ja.github.io/

- Adding a Jekyll theme to your GitHub Pages site - User Documentation   https://help.github.com/articles/adding-a-jekyll-theme-to-your-github-pages-site/


** インスト〖ル [#ue2a94c8]

 $ gem install github-pages
 $ github-pages -v

Rubyも掐れておく


** Jekyllプロジェクトを侯る [#o84db74f]

 $ jekyll new jekyll-demo
 $ cd jekyll-demo

** レンダリングしてロ〖カルで澄千 [#j08b7181]

 $ jekyll s

または

 $ jekyll build
 $ jekyll serve

これで、http://localhost:4000/ でペ〖ジを澄千できる。


** Githubリポジトリに掐れる [#sec2ca11]

リポジトリの面咳を掐れ仑えればOK

あとは、レポジトリをpushする。

** ペ〖ジタイトルなどを恃える [#h54c5b3e]

 〔config.yml を试礁する


** 今き数 [#pa45757e]

 postフォルダにMDファイルを纳裁すると、ペ〖ジになる。



**　徊雇 [#t3936b68]

- Minimal Mistakes テ〖マではじめる Github Pages with Jekyll - k11i.biz  http://k11i.biz/blog/2016/08/11/starting-jekyll-with-Minimal-Mistakes/
- MaterialDesignカラ〖を努脱したJekyllテ〖マ≈Materi∽ | |ωˇ) Interest-Driven Blogging  http://blog.ogaclejapan.com/2015/02/09/like-a-materialdesign-theme-for-jekyll/
- Big Sky :: GitHub Pages が Jekyll 3.0 になり、ますますブログが今きやすくなった。  http://mattn.kaoriya.net/software/20160215110235.htm


** 徊雇获瘟 [#zf8f0db1]

- 30尸のチュ〖トリアルでJekyllを妄豺する  http://melborne.github.io/2012/05/13/first-step-of-jekyll/
- Jekyllで侯るシンプルWebサイト | CodeGrid  https://app.codegrid.net/series/jekyll
- Jekyllで侯るシンプルWebサイト - Jekyllとはなにか | CodeGrid  https://app.codegrid.net/entry/jekyll-introduction


* Jekyllの获瘟 [#m04468c2]

Jekyllは、Rubyでできている。

** Ruby [#d6ac23ee]

まず、RubyとRuby Gemがいるよね。

- RubyInstaller for Windows   https://rubyinstaller.org/

- Rubyをインスト〖ル】アップデ〖トするには々∈Windows试∷ - Build Insider   http://www.buildinsider.net/language/rubytips/0004

rubyとDevelopment Kitを掐れておく

Windows10のbashでもいいかも。

** Jekyll [#l0f30eab]

- Jekyll &#8226; シンプルで、ブログのような、琅弄サイト  https://jekyllrb-ja.github.io/
- WindowsでJekyllを瓢かす  http://jekyllrb-ja.github.io/docs/windows/


** Quick-start ガイドをやってみた [#t5623cac]

 > ~ $ gem install jekyll
 > ~ $ gem install bundler
 > ~ $ jekyll new myblog
 > ~ $ cd myblog
 > ~/myblog $ jekyll serve

 > # => http://localhost:4000 を斧てください

bundelerが痰いといわれたので纳裁した。
コマンドラインの矢机コ〖ドは、シフトJISのままでも士丹だった。


** Jekyll に theme を努脱する [#j7bd26b9]

- kakakikikekeのブログ: Jekyll に theme を努脱する数恕  http://kakakikikeke.blogspot.jp/2015/11/jekyll-apply-theme.html
- Supported themes - GitHub Pages  https://pages.github.com/themes/
- Jekyll Themes  http://jekyllthemes.org/
- Jekyll Themes & Templates  https://jekyllthemes.io/