Hugoテーマ Tranquilpeakでハンバーガーメニューが反応しない
how I got a Hamburger/Toggle menu to work on tranquilpeak at subpath
おそらく、以前から症状が起きていたのではないかと思うが、Hugoのテーマ「Tranquilpeak」にてレスポンシブの際に表示されるハンバーメニューが動作していない事に気づき、その原因と解明に、ほぼ1日費やしてしまいました。
[続きを読む]
HugoのGoogle AnalyticsをGA4対応
Migrating Google Analytics to GA4
Hugoで構築しているサイトをGA4へ移行 私の環境では、BeautifulhugoとMainroadのテーマを利用しているので、これに限ったカスタマイズとなります
また、GoogleAnalyticsのGA4のコードは取得済みを前提としているので、GoogleAnalyticsの説明は割愛します
[続きを読む]
HTTPセキュリティヘッダー対策した
セキュリティヘッダを強化し、クロスサイトスクリプティングやクリックジャッキングなどの対策を行う
このサイトも、Hugoへ移行してから3年が経過しようとしています。
しばらく放置気味になっていたウェブのHTTPセキュリティヘッダを設定しました。
[続きを読む]
HugoのテーマTranquilpeakを0.4から0.5へ更新
how to update tranquilpeak-theme for 0.4 to 0.5
某所にて、運用しているHugoのTranquilpeakテーマを0.4.xから0.5.xへアップデートした
0.5BETAからは、いくつかの修正箇所が必要となったので、メモ
[続きを読む]
HugoでSubmoduleのテーマ更新メモ
How to update submodule theme
このサイトでは、Gitlab上にてHugoのBeautifulhuigoのテーマをsubmoduleで管理しています。
時々、本家submodueのテーマが更新されますが、gitのcloneやpushでは、submoduleは自動で更新されません
なので、手動で更新してあげる必要があり、よく作業するので、メモっておきます
[続きを読む]
Beautifulhugoで著者を消す方法
how to remove author name
このサイトでは、管理者一人なので、わざわざ著者(Author name)を表示させるのは意味を持ちません。
CSSでAuthor欄をdisplay:none;にすれば表示だけ消えるかもしれませんが、不要なので、いっそのこと削除しようかと思いました。
早速、ファイルを調べてみると、theme/beautifulhugo/layouts/partials/post_meta.htmlに記述されていました。
[続きを読む]
CentOS7上でhugoのソースビルドエラー
hugoをソースからビルドした時のエラー対処
以前、CentOS7上のhugoでGCCエラー にて、似たような記事を投稿しましたが、最近になって、ソールからのビルドに失敗したので、対処してみました。
ちなみに、ビルドしようとしているhugoのバージョンは0.82です
[続きを読む]
Hugo Render hooksでimageとlinkをカスタマイズ
Render Hooks allow custom templates to override markdown rendering functionality
Hugoで画像を挿入するには、標準のMarkdownでを書くと、<img src "~">にレンダリングされますが、ネイティブ Lazy-loadをimgタグに組み込みたいと思ってました。
ちなみに、ネイティブLazy-loadは、
[続きを読む]
beautifulhugoで更新日時が表示されない症状
Failed to get translated string for language "ja" and ID "lastModified": template: :1:22: executing "" at <.Count>: can't evaluate field Count in type string
現在も使用しているHugoのテーマであるBeautifulhugoですが、更新日時が表示されない症状が出たので対処
ちなみに、hugoのバージョンは0.80.0です
[続きを読む]
Instagramの埋め込みが出来なくなった
Failed to retrieve remote file: Bad Request
最近になって、Hugoの設定修正や記事の作成・編集後に、ビルドが失敗し、更新ができなくなりました。
症状 Failed to get JSON resource “https://api.instagram.com/oembed/?url=https://www.instagram.com/p/BGvuInxxxx/&maxwidth=640&omitscript=true" : Failed to retrieve remote file: Bad Request
デプロイのログを見てみると、InstagramのAPI箇所でFailedが表示され、ビルドが中断していました。
[続きを読む]