Download to read offline
Hexo + Github + CircleCI + Netlifyでブログ運用
- 1.
- 2. DONE! ● ブログをHexo +Github + CircleCI + Netlifyで運用で きるようにしてみた ● Hexo: Node製の静的サイトジェネレーター ● Github: いわずもがな. 草生やしたい. OSSに貢献したい ● CircleCI: CI. 配信ファイルの生成とデプロイ担当. ver 2になってから早い ● Netlify: 静的ホスティングサービス. 超便利
- 3.
- 4. できるようになったこと. ● 月額980円(はてぶpro) →0円！ ● SSL対応 & 独自ドメイン(netlify.comの場合)で運用できる！ ● Markdownで記事が書ける！ ● それをそのままGit管理できる！(草生える！) ● ローカルでブログデザインに当てはめてデバッグ取りながら書 ける！ ● ブログのデザインも好きにいじれる！(テンプレートもある
- 5. 今日話すこと ・話さないこと 話すこと ● 快適なブログ投稿のワークフロー ●実現するための構成 ● 良いこと、悪いこと 話さないこと ● 静的サイトの説明. そのproc cons ● markdown, git, CIの説明
- 6. とういわけで、はじめまして！ Name: まさやん Age:24 Prof: # 社会人3年目 & SEとしては2年目. # ECショップの運営 → 文系SEに(同じ会社). # Webアプリ3本を設計・実装・リリース・保守運用ま でやりました. (Privateではまだ未リリース( ；∀；)) # 炎上経験ももちろん ( ᐛ )و ｸﾞｯ. Lang: Java / php / ruby / node.js FW: Play FW / Fuel / Rails / React / Express Infra: AWS / Heroku Twitter: @masayannu Organization: Hamee, Blocken
- 7. ブログやサイトをやってる人 教えてください！ ● はてぶ？ ● Medium？ ●wordpress？ ● github pages？ ● s3 + CFでホスティング？
- 8.
- 9. ブログでこういう事がしたかった！ ● 月額980円(はてぶpro)を削ってみたい！ ● Markdownで記事を書きたい！ ●それをそのままGit管理したい！(草生やしたい！) ● ブログのデザインを好きにいじりたい！ ● フロントのお勉強したい！ ● でも、運用はとにかく楽にしたい！！
- 10. できた Hexo + Github+ CircleCI + Netlify
- 11.
- 12. できるようになったこと. ● 月額980円(はてぶpro) →0円！ ● SSL対応 & 独自ドメイン(netlify.comの場合)で運用できる！ ● Markdownで記事が書ける！ ● それをそのままGit管理できる！(草生える！) ● ローカルでブログデザインに当てはめてデバッグ取りながら書 ける！ ● ブログのデザインも好きにいじれる！(テンプレートもある
- 13. この運用で良いこと、悪いこと. 良いこと ● 表示がめっちゃ早い ● 自動化& 効率化をしやすい ● サーバーの運用一切なし ● 記事を書くとgithubに草生える & 引っ越し簡単 ● 好きなエディタで書ける ● レイアウトも_config.ymlを1行変えるだけで変えれる
- 14. この運用で良いこと、悪いこと. 悪いこと ● 予約投稿の仕組みは作らないといけない(heroku使ってゴニョ ゴニョする予定...) ● CIでビルドするので、デプロイに数分ラグがある ●Wordpressほどプラグインない.(正直、全く困ってないけど) ● ( ᐛ )و 正直、まだ始めたばかりなので、分からない
- 15. Netlifyはいいぞ. ● 静的ホスティングサービスです. ● フロントのコードを渡せば、後は 勝手にやってくれます. ●zipをdrag&drop、git系サービスの web hookでOK. CLIもあります. ● SSL化や独自ドメインの設定も GUIから無料で出来ます. ● 楽だし、簡単だし、スケーラブル だし. ● 運営も優しい.
- 16.
- 17. Follow me! Twitter: @masayannu Github:masayannuu ブログはgithubに. この内容も記事に書きますね〜