メインカテゴリーを選択しなおす
Hugo PaperModにBlueskyへの共有を追加する
このBlogでは、現在、Hugo PaperModをテーマとして使用しています。現在、Hugo PaperModは結構いろいろなSNSに共有する機能がありますが、 残念ながらBlueskyへの共有はついていません。しかし、対応自体は可能です。 まず、共有はthemes/hugo-PaperMod/layouts/partials/share_icons.htmlに実体があります。 この中を見ていきます。 以下のようなものが見えてきます。 {{- if (or (cond ($custom) (in $ShareButtons "x") (true)) (cond ($custom) (in $ShareButtons "twitter") (true))) }} <li> <a target="_blank" rel="noopener noreferrer" aria-label="share {{ $title plainify }} on x" href="https://x.com/intent/tweet/?text={{ $title }}&url={{ $pageurl }}&hashtags={{- $.Scratch.Get "tags" -}}"> <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve" height="30px" width="30px" fill="currentColor"> <path d="M512 62.554 L 512 449.446 C 512 483.97 483.97 512 449.446 512 L 62.554 512 C 28.03 512 0 483.97 0 449.446 L 0 62.554 C 0 28.03 28.029 0 62.554 0 L 449.446 0 C 483.971 0 512 28.03 512 62.554 Z M 269.951 190.75 L 182.567 75.216 L 56 75.216 L 207.216 272.95 L 63.9 436.783 L 125.266 436.783 L 235.9 310.383 L 332.567 436.783 L 456 436.783 L 298.367 228.36
もともとは、他のBLOGの記事をベースに書いていた記事があったのですが、 参考サイトがなくなってしまったため、すべてを書く必要が生じました。 そのため、前提条件を含めて記載します。なお、本記事はWindows環境下を前提にしています。 ※ なお、この記事はまだ作成を進めているので、予告なく変更されます。 レポジトリ構成 この記事では次のレポジトリ構成を想定しています。 BLOG用メインレポジトリ 記事公開用レポジトリ 記事公開用レポジトリはサブモジュールとして、BLOG用メインレポジトリに組み込みます。したがって、全体のディレクトリ構成は以下のようになります。 / - root - archetypes - content - post - layouts - public - static - theme 記事公開用レポジトリはpublicに組み込みます。 テーマ管理用レポジトリはthemeの配下に組み込みます。 使用したツール 名称 Visual Studio Code cmd scoop 必要なツールの取得 scoopのインストール スタートからPowerShellを起動する PowerShellの設定変更 Set-ExecutionPolicy RemoteSigned -scope CurrentUser PowerShellからのScoopのインストール iex (new-object net.webclient).downloadstring('https://get.scoop.sh') gitのインストール scoop install git hugoのインストール scoop install hugo-extended テーマの準備 テーマは https://themes.gohugo.io/ から探されるといいと思います。 テーマに対する小幅な変更はlayouts以下に同構造でファイルを複製して修正することになります。これにより、themes以下を直接修正しなくても良くなります。 本アーティクルでは、hugo-PaperModの使用を前提として進めます。 BLOG用メインレポジトリの準備 を以下のコマンドで準備します。 hugo new site <my_site> BLOG用のディレクトリが出来たら git init後、github等適当なところにpushします
Hugoの更新にテンプレートが追従していないので応急対応しました。 旧（themes/layouts/partials/base/metas.html） {{ if .RSSLink }} <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Title }}" /> {{ end }} <link rel="canonical" href="{{ .Permalink }}" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/touch-icon-144-precomposed.png"> <link rel="icon" href="/favicon.png"> {{ .Hugo.Generator }} 新（themes/layouts/partials/base/metas.html） <link rel="canonical" href="{{ .Permalink }}" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/touch-icon-144-precomposed.png"> <link rel="icon" href="/favicon.png"> 旧（themes/layouts/partials/base/metas.html） {{ range first 10 $value.ByCount }}<li><a href="{{$.LanguagePrefix }}/{{ $key }}/{{ .Name urlize }}">{{ .Name }}</a></li>{{ end }} 新（themes/layouts/partials/bloc/content/metas.html）
SEOを強化するHugoカスタマイズ術：見落としがちなポイント
# はじめに Hugoを使ってブログを運営していて、なかなか検索エンジンで上位表示されないと感じたことはないだ
HugoとGitHub PagesでSEOとパフォーマンスを最適化する方法
# はじめに Hugoは高速な静的サイトジェネレーターとして、多くの開発者に愛用されている。GitHub Pa
Frontmatter CMSというエディターを利用し始めた 今回はこれを利用する方法を紹介する。 使い方 1．Visual Studio Codeをインストールする 2．すでにHUG
★ 2023年 買ってよかったモノ〜その壱〜『 MAX PITTION CROWN PANTO 』
★ 2023年 買ってよかったモノ〜その壱〜『 MAX PITTION CROWN PANTO 』 さて、今年も残すところ一ヶ月を切りました・・・。というわけで？！この一年間、ブログで紹介していなかった私的『 2023年 買ってよかったモノ 』を振り返ってみたいと思います♪この『 買ってよかったモノ 』に関してなんですが、自分の中では大きく分けて2種類あります。ひとつは買う前からワクワク感があって、購入後もテンションが上がる逸品です。そしてもうひとつが、買った後で、その素晴らしさに想像以上の驚きや感動を与えられた逸品です。
cloudflare pages＋HUGOに乗り換える【その1】
今回、wordpressからHUGO＋Cloudflare pagesにサイトを移行したので、やり方を紹介する 環境 wordpress(筆者の環
今回やったことはタイトルの通り、RSSを修正した。最終的にはこんな感じに修正した。 HUGOはデフォルトでRSSを出力してくれる。がしかし文章
【本当に超最低限】HUGOとCloudflare pagesを使うにあたって必要なGitの知識メモ
ブログをやられている方の中で、静的なサイトでも十分だな、コスト削減したいな、と思っている方も多いと思うので背中を押しに行きます。 1．Gitを
＜暗号:①ショーへ―/②ワニさん/③北顔＞ 憩いの Goztepe Ozgurluk 公園
2022年8月14日 日曜日🌞晴⏲15:00🌡29℃💧62％ 今日は、アジア側にある City's/Carrefour 近くにある、ある服屋に買い…
静的サイトジェネレーターHugoでブログ作り！ WordPressとの違い
ブログを作りたい！と思っていてもどのように使ったら良いか分からない人って多いのではないでしょうか。 私もこのブログ以外にさまざまな方法を試して
