こんにちは！
個人サイトを作ってみました～～～～～～～
経過
ミーハーなので個人サイトを始めたフォロワーに触発されて建てた
HugoとAstroで迷った
なんとなく色々調べて初心者の弊には使ってる技術があんまり多くなさそうなHugoのほうがいいかなぁとなってこっちにした
papermod というテーマを選択
windows 11 上にhugoとかgoとかgitとかchocolateyとか入れて、こねこね
14時くらいから始めて 28時くらいに終わった（いまこれを書いている） と思いきや翌日の17時半にもまだ書いている
行き詰った点
themeのプロフィールモードにどうやってアイコンを表示するのかがわからなかった→数時間やってわかったのがymlに変なスペースをいれてて出来なかったことが判明へ….
アイコンにはてなとかがなかったから自力でsvg.htmlを解読してsvgコードを挿入するみたいなことをやっていた（もちろんthemeそのままいじってません、ちゃんとコピーしてからやった）
あとここ
とかみながら共有ボタンをいじりまくってた
まさか弊がcssとかをいじことになるとは思ってなかったね
githubに上げるのが一番苦労した、SSHとかあとinitとか意味不明なコマンド大量に打ち込んでchatGPTさんと一緒にやってたらなんかできた（なんでできたんだ…?）
あとcloudflare pagesに上げるのも失敗したんだけど、Cloudflareのpagesビルド設定の環境変数のところに、Cloudflareの公式ドキュメント
に書いてあるバージョン指定を入れてやったらなんとかなった
現在進行形の行き詰まり点
contentの下に/posts/example/example.mdって入れて、同じところに./example.jpegって置いて管理したいんだけど、publicに展開したやつをみると、 /posts/example/example/example.htmlになって、肝心の画像は/posts/example/example.jpegみたいな感じで取り残されてしまってて参照ができない。理由調べたらどうやら
.htmlを隠すためにディレクトリになるんだけどその時に画像はディレクトリに入らず放置されるから結果としてパスが間違ってるから参考できないみたいなやつらしい→結局めんどくさくて同じディレクトリにさらにディレクトリを作ってmdには
みたいにすることにした、これならできるいややっぱりできなかったわ なんでだろ
→これ調べたら、example.mdじゃなくてindex.mdにして、更にディレクトリを作ってそこに画像入れるんじゃなくてindex.mdと同じディレクトリ内にそのまま画像も置いたら自動でやってくれるらしい ファイル名が違うだけで挙動が違うというの全く知らなくてこれに6時間くらいかけてたきがする たすけてーーーーーーーーーーーーーー
あと拡張版いれたから画像全部勝手にwebpにしてくれるはずなんだけどできないんだよな、なんでなんだろう まぁいいや、事前にwebpにしてから画像添付するか
5時まで起きてたら眠すぎる
最後に試しに画像挿入するねぇ
電脳空間上に家ができたのってうれしいですね
それはそうとマークダウンで空白の行をどうやって挿入するのかわからん
謝辞
- HUGO公式ドキュメントならびにGit公式とPaperMod公式ドキュメントとCloudflareの公式ドキュメント
- 推論付きのchatGPT先生
- 記事を残していただいたインターネットの先人たち (必死になってみてたからどこみてたのか全部忘れてすまん)