Google Adsense のアドセンス狩りなどの被害から自分のウェブサイトを守るために、
容疑者の IP アドレスを特定することが必要になります。
しかし、サーバがないに等しい静的サイトではサーバサイドの言語である PHP を使用することができません。
今回は、
をご紹介します。 …
この記事では、「HTML でこういうことがやりたいけど、何を使えばいいのかわからない」という方へ向けて、
一問一答形式で方法を書いていきます。
調べたら出てきそうなことよりも、ちょっと手の届かなさそうなかゆいところを中心にご紹介します。
それでは参りましょう！ …
Hugoではショートコードという機能があり、
これを使うことで複雑な HTML 構造も簡潔な形でマークダウン（.md）ファイルの中に記述することができるようになります。
今回は、ショートコードの使い方について書いていきます。 …
次世代画像フォーマット WebP は、JPEG や PNG と比べると、画像の品質の割にはかなりファイルサイズを小さくできます。
しかし、ブラウザによっては対応していない場合もあるので、対応していない場合の処理の記述も必要となってきます。
今回は、
についてお話します。 …
ある程度完成した状態のウェブサイトを、自分好みにカスタマイズしたいと感じることは少なくありません。
しかし、どこにどんなコードを書けば思った通りに反映されるのか、具体的な方法がわからない方もいると思います。
今回は、サイトをカスタマイズする方法についてお話します。 …
Hugo機能があって、
マークダウンファイル内に指定の書式で書くだけで、コードブロックをページに表示させることができます。
特定の行をハイライト表示したり、行番号を非表示にしたりいろいろとできるのですが、
ファイル名を表示することができません。 …
このブログでは、プログラミングの用語など、少し専門的な言葉が出てくることがよくあります。
そのときに、いちいち言葉の意味を解説すると、
書き手としても、その分野の用語をよく知っている読み手としても、くどくなってしまいます。
かといって解説を書かないのも初学者に不親切です。
そのため、その言葉の意味を知らない人はマウスオーバー（スマホやタブレットならタップ）で …
Hugo には、記事内の h タグから自動で目次を出力してくれる機能があり、
通常は.TableOfContentsで呼び出すことができます。
しかし、テーマによっては何らかの事情で.TableOfContentsが使えない可能性があるので、
今回は Hugo のテンプレート文だけでがんばって実装してみたいと思います。 …
こちらの記事で、ブログにサイドバーを追加しました。
今回はこのサイドバーに目次を追加していきます。
機能的には、
ぐらいが欲しい。…
過去にブログを Hugo で作っていて、テーマはもともとサイドバーがついていないものだったのですが、
サイドバーが欲しかったので付け加えてみました。…
