このブログは当初Wordpressで作っていたのですが(と言っても記事は少ないけど)、静的サイトジェネレータのHugoに乗り換えました。 本記事ではHugoでブログを作る方法と、気持よく運用していくためのTipsを書いています。 公式サイト:Hugo :: A fast and modern static website engine 今、とても幸せです。 操作がローカルのCLIで完結するので、もっさりしたWeb管理画面から解放された。 データベースやPHP不要。サーバはHTMLが置ければOK。 記事がテキストファイル(Markdown)なので、バージョン管理やバックアップが楽。 公開するのは静的なHTMLだけなので、セキュリティを神経質に考える必要がなくなった。 要は、運用が圧倒的に楽になりました。 この記事では2部構成で、Hugoの基本操作、GitHub Pagesでの公開、独自ドメイ
hugoでブログをやってみる ブログをやってみようと思った時に、ここはRuby書いてる人っぽくjekyllでやってみるか!って思って調べてたら、もっと良さそうなものを見つけた。gitでリポジトリをプッシュするだけで簡単にブログ記事をあげられる&記事の生成がめっちゃ早いということで評判が良かったので、hugoを使ってみることにしました。そして、ドハマりしたうえ日本語の記事も少なかったのでメモ。 hugoの魅力 1. とにかく記事作成が楽 最終的にですが、ターミナルから以下の手順だけでGithub pagesにてブログが更新できます。 $cd ~/blog #hugoによって生成されたディレクトリまで移動 $hugo new post/hugahoge.md #新規マークダウンファイルの作成 $ ./deploy.sh #色々なコマンドの入ったシェルスクリプトの実行(コピペで手に入る) $ g
Hori Blogフリーランスでバックエンドエンジニアとして活動している Ryota Hori のブログです。 最近はテック系記事より雑記ブログ気味。 hori-ryota.github.io みたいな、GitHub ドメインの技術ブログかっこいいよね〜と思ったので流行りの Hugo と CircleCI を組み合わせて作ってみました。無料。 それぞれのツールを軽く紹介した上で、実際に設定した手順をのせておきます。Mac 用。 まだ作ったばかりなので設定漏れしているところとか画像の最適化がまだだったりとか色々ありますが、とりあえず公開まではこじつけられるかと思います。 完成後の記事作成フロー 記事の作成フローはこんな感じになります。お気に召さなければ違うツールのほうがいいかもです。 hugo new post/aritcle-title.mdで記事の作成 Markdown 形式で記事を書く
Hugoでブログを作ってみる 第二部です。 第二部では、Github Pagesへファイルをアップロードし、公開する方法を紹介します。 GitHubへ未登録であれば、無料ですのでアカウント登録をお願いします。 Hugoでブログ作成 第一部:Hugoでブログを作る Hugoを使うメリットの紹介と、ブログの作り方を説明します。 Hugoでブログ作成 第二部:GitHub Pages+独自ドメインでブログを公開する ←今ココ Hugoで作ったサイトをGitHub Pages上で公開します。 GitHub Pagesで独自ドメインを使う方法を紹介します。 必要なリポジトリを作る GitHub Pagesで公開するリポジトリを作ります。 リポジトリ名は決められていて、<usrname>.github.ioです。 私の場合はリポジトリ名がtanksuzuki.github.ioとなり、公開URLはht
HugoとGitHub PagesでMarkdownベースのWebサイトをお手軽に構築します。 今回は行った作業の概要のみをまとめて細部については省略します。 経緯 CodeIQで出題しているデスマコロシアムのWebサイトを作りたい、 と前々から思っていて放置していたのですが、 最近CodeIQのアイコンイラストをお願いしている Webデザイナの湊川あいさんのアドバイスもあり着手することにしました。 作成しはじめた時点ではデスマコロシアムが最終回になる予定じゃなかったんですけどね・・・ 湊川あいさんについて マンガでわかるWebデザイン執筆中の湊川あいさんにデスマコロシアムのアイコンを発注しました。 これが成果物です。 湊川さんは、Webデザイナでありつつイラスト・SEO・マーケティングなど 幅広い知識を持っており、アイコンイラストのみの枠に閉じていません。 マネーフォワード社のエンジニア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く