Google site から引っ越してきました

2021/1/24 1分で読める

Google site からホームページを移転しました。

このサイトは GitHub + Hugo を使っています。Google site からの引っ越し先候補として、気軽にエントリも書けて、ゼミのホームページも運営している NOTE を使おうかと思ったのですが、TeXスタイルで簡単に数式入力が可能な（例えば \(\displaystyle\int_0^\infty f(z)dz\) みたいな） こともあり、Hugo を使うことにしました。テンプレートは Anatole を使っています（特に、メニューの右端・下端にある白黒のカラーチェンジャーを気に入ってます）。

10年ぶりぐらいにスタイルシートをいじったりして、とても楽しい移転作業でした。

どうやって作ったのか？

私はこのような作業に関してはまるっきりの初心者なので、同じような方の参考になることがあればとメモ書きを残しておきます。

  • 使ったもの

    • Mac

    • ターミナル（OSに付属しています）

    • mi（テキストエディタ）

      OS付属のテキストエディタでも良いですが、もう20年くらい使っているので私はこれです。

    • Typora （Markdown 記述用）

      ずっと使っているマークダウンエディタです。上の mi でももちろん大丈夫ですが、Typora での直感的な数式入力はとても便利です。

    • GitHub Desktop（GitHub を使うデスクトップアプリ）

      何が素晴らしいかはここなどを見てください。

    まずは GitHub に登録 → GitHub Desktop と連携。

    その後は以下の参考にしたサイト通りに行いました。

  • 参考にしたサイト

    1. Hugo + GitHub Pages（独自ドメイン適応）でサイトを作成・公開する by ysydt さん

    2. Hugo の Academic Template で Portfolio サイトを作って GitHub Pages で公開する by yohei-a さん

    3. Hugo のテンプレート作成者の GitHub ページの Issues

      テンプレートをいじるときに直面した問題にかんして、ここにかなり救われました。

    基本的に、1. と 2. と Hugo オフィシャルページの community で言われている通りにすれば、テンプレートの exampleSite（Webページの見本みたいなやつ） を自らの GitHub pages として公開するまでは簡単だと思います。

その後、その exampleSite をいじったりする段階で結構時間がかかります。解説にもあるように hugo server コマンドを打ち込み、任意のwebブラウザで http://localhost:1313 を表示させながら、exampleSite をいじると良いです。いじった瞬間に変更が反映されるので、「どこをいじるとどうなるのか」がわかり、1時間ぐらいいじるとだいたいの仕組みがわかると思います。