Claude DesignとClaude Codeでブログをリデザインした
このブログの見た目を最後にいじったのが2020年のGWでした。 Hugoブログのタグをカラフルにしてみました - PIYO Notes GW中にブログの見た目をだいぶいじりました。 ブログ書こうにもなんとなくテンションがあがらないのを見た目を変えることで無理やりテンションを上げる …
Hugo
2026
2020
Hugoブログのタグをカラフルにしてみました
GW中にブログの見た目をだいぶいじりました。 ブログ書こうにもなんとなくテンションがあがらないのを見た目を変えることで無理やりテンションを上げるという作戦です。 久しぶりだったこともありローカルサーバーを動かすところですら苦労したのですがそれはまた後日メモするとして、今日は新しい …
2018
Hugoの脚注の戻るリンクのテキストを変更する
脚注を使う方法を書いたものの、 Hugoで脚注（footnote）を使用する方法 - PIYO Notes 脚注はHugoで使えないと勝手に思っていましたが、ちゃんと使えました。 1 たまに本題からそれたことを補足で書きたくなるから、そういうときに使いたかったんでした。 Hugo …
Hugoで脚注（footnote）を使用する方法
脚注はHugoで使えないと勝手に思っていましたが、ちゃんと使えました。1 たまに本題からそれたことを補足で書きたくなるから、そういうときに使いたかったんでした。 Hugoの脚注の仕組み2 こういう文章を書くと、 あいうえお[^a] かきくけこ[^b] [^b]: か行だよ …
highlightjs-line-numbers.jsの結果に変な出力 "{1}" が混じる
このブログではソースコードのシンタックスハイライトにhighlight.jsを使っており、行番号の表示にはhighlightjs-line-numbers.jsを使用しています。 Hugoブログのシンタックスハイライトに行番号をつける - PIYO Notes このブログ、ソース …
forestry.ioのCMSでブログを修正したら公開日のタイムゾーンが変わってしまう
普段はPCで書いているブログですが、たまにスマホでチェックしてて誤字に気づくことがあります。そんなときはそのままスマホで修正できるようにforestry.ioのCMS機能を使います。 forestry.ioでHugoブログにCMS機能を一瞬で追加した - PIYO Notes …
hugo new で生成されるファイルの初期内容を変更する
ブログに記事を追加するときには、↓なコマンドで生成します。 1% hugo new posts/2018-06-19-hugo-archetypes.md するとこんな中身で生成されます。 1--- 2title: "2018 06 19 Hugo …
ブログ用のOGPサーバーが500を返すせいでHugoのビルドがこけてた
この土日、定期的に動かしているブログのビルドが失敗するようになりました。調べてみるとブログのリンクカードみたいなのを作るために自前のサーバーにOGPを取りに行く際、とあるリンク先のドメインが見つからずに500エラーで返って来ていることが原因でした。ドメインの有効期限が切れたか何か …
HugoにPV順の記事リストを配置する
HugoのPV順の記事リストを作ってみました。 Google Analyticsのpageview情報を利用していて、サイトビルド時にデータを取得するためのAPIはGo言語を使って自前で作りました。 Go lang + EchoでGoogle Analytics APIの …
Hugoブログのシンタックスハイライトに行番号をつける
このブログ、ソースコードを載せることが多いです。載せたコードについて書く時、◯行目とかいいたくなったので行番号を表示したいなと思いました。 でも、Hugoってどうやってソースコード出してるんだろう？ということで調べてみると、元々はPygments、現在はGo実装のChromaとい …