https://nkjzm.github.io/[urlの先の内容が変わって趣旨が伝わらなくならないようにするためのgifgithub.comはじめに知り合いがGitHubにResume(職務経歴書)をまとめていて良さそうに見えた。土曜日を1日使ってポートフォリオを公開してみた。Academic)なるべく手軽に公開できて、かつマークダウンに対応している技術という軸で選びました。Pagesで正式サポートされているJekyllも検討しましたが、使いませんでした(後述)。Pages自分でサーバーをホスティングしなくて良いGitHubに対する操作だけで完結できる独自ドメインにも対応サーバーの知識がないので、自分でホスティングしなくて良いのはかなりよいです。ホスティングサービスは手軽さ故に放置しちゃう傾向にあると思うのですが、普段から使うGitHubならその心配も少なさそうだと思いました。あと、標準のurlはユーザーidでドメインを発行してくるところも気に入りました。良さそうで、ブラウザ上でGithubを操作するだけでもページが作成できてしまうほどしっかりとしたサポートがありました。Documentationしかし、少しカスタマイズをしようとすると設定が煩雑になり、また反映まで毎回待たされるのがストレスでした。広く使われているツールなので、使いこなせれば便利だと思うのですが、僕の場合後述するhugoの方が使いやすかったです。静的ファイルの生成速度が早いそこまで大きな差はないのですが、導入の容易さと生成速度の速さが良かったです。Jekyllと違い正式なサポートがないため、一部だけ手間がかかる部分がありました。Pagesの仕様の話2016年くらいに導入されてからいくつか仕様の変更があったので簡単にまとめようと思います。gh-pagesブランチの情報がいくつか出てきますが、現状だと使う必要がないので参考にしない方ことをおすすめします。Pagesには『ユーザーページ』と『プロジェクトページ』の2種類の仕様が存在します。masterブランチ直下のフォルダ、もしくは指定ブランチ直下のdocsフォルダプロジェクトページは、プロジェクトのソースコード管理と同じリポジトリで管理できるよう、docsフォルダ以下にファイルを置けば良い点が大きく異なると思います。Pagesの項目を見つけます。(ユーザーページは自動的にmasterが設定されている模様)一点注意があって、公開対象に更新があった場合、反映までに少し時間がかかります。push直後は以下のようなメッセージが表示されます。https://nkjzm.github.io/というメッセージに変わります。ミニマム30秒くらい。失敗すると失敗のメッセージが表示され、メールで通知がきます。その場合公開済みのページが壊れることはなく、失敗前のバージョンが表示され続けます。以下のページを見て導入しました。静的ファイル生成hugo上記の状態だと何も表示されませんが、themeを設定してカスタマイズすることで独自のページを作っていけます。ローカルサーバーでのプレビューhttp://localhost:1313からプレビューができます。これがかなり優秀で、起動しておけばファイルの変更のたびに自動的に更新をしてくれます。しないとプロセスが残ることがあるので気をつけましょう。Pagesとして表示がされます。Pagesの場合公開対象に選べるのはdocsフォルダなので、その設定をしてあげましょう。"docs"を追記してください。Hugo雑なカスタマイズのイメージ使用するテーマによって異なる部分もあるので、詳細は各テーマのREADMEやドキュメントを参照してください。テーマ毎のサンプルページをコピーしてから必要な部分を書き換えていく方法が分かりやすいように思いました。config.tomlに記述していきます。画像はstatic/img以下に格納していきます。各要素やページの内容はcontent以下に記述します。content/homeにトップページの各要素の内容を記述します。content/postなどに記事の内容などを記述します。Academicテーマ広く利用されているオープンソースのテーマです。MITライセンスレスポンシブデザインthemes.gohugo.io書き方に困ったら僕のリポジトリを参考にしてください。Pagesのユーザーページはmasterブランチ直下のファイルしか公開できない制約があるため、そのままでは実現できません。そこで以下の記事が参考になりました。qiita.com更新したい場合は、以下の操作を行えばokです。master余談ですが、2行目の操作をgitのhooks機能を使い、pre-pushで自動化しようと考えました。remote_sha1が動作せず、断念しました。PagesとHugoを使い、手軽に自分のポートレートサイトを作成することができました。最近思ったのですが、こういった自分の情報を俯瞰して参照できるページはかなり意義があるのではないでしょうか。僕は普段から技術研鑽やアウトプットをしていると自負していて、Twitterなどで出来るだけ周りに発信するように心がけています。いった発信を後から参照することは難しいです。実際ある程度交流がある人でも、その人が過去に何をしていたかよく知らないことは多いと思います。そこで、自分の実績やスキル、指向性などがまとまった場所の必要性を改めて感じたのです。僕はクリエイター気質なので、直接の対話でなくアウトプットを通じて自分を理解した欲しいという想いがあるのですが、そのためにも自分のアウトプットしてきたことを人に伝える努力は怠ってはいけないと思うので、これからも随時更新していきたいと思います。メ社xRチームによる合同誌『ぷれぜんすっ!』を頒布します。Boothでの販売を開始しました。(1)注目記事はてなブログをはじめよう!splas_boomerangさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。