CSSのGridでレイアウトを組んでいて、グリッドアイテムにcodeブロックが含まれている場合に、横幅がGridの横幅をはみ出し制御できなくなる現象を解決する方法。 前提条件<div...

Gitでステージングから、コミット、リモートまでの流れをPowerShellで自動化してみる。ゲームのセーブデータなどを保管するのに役立つ。 PowerShell#!/bin/sh $da...

このブログの文字サイズはすべて調和数列に基づいて設定している。これについては下記のサイトで提言されているものを参考にした。 文字サイズの比率と調和 - シフトブレイン／スタンダードデザインユ...

Twitterの検索はfrom:ユーザー名とすれば特定のユーザーのツイートに限定したり、until:YYYY-MM-DDとすれば期間を指定したりできる。これらのコマンドを使いやすくするブックマー...

リセットCSSといえば、destyle.cssとかnormalize.cssとかress.cssなどいろいろあります。 当ブログではressを使っているのですが、これを当てると<sel...

トップページなどで、記事タイトルの下に本文冒頭の数十文字が抜粋表示されているアレをHexoでも表示させる方法。 実装方法あらじめHelperとして用意されている、strip_html()とt...

Hexoにはpage.categoryという変数が用意されていて、カテゴリーページでカテゴリーの名前を出せるのですが、カテゴリーを階層化させているときに、そのカテゴリーが属する親カテゴリーの名前...

Hexoのブログの記事下にシェアボタンを設置する方法。現在このブログには、思想信条上の理由でシェアボタンは設置していないのですが…。 昔このブログに使っていたものを修正したもので、そのときはSV...

Hexoでは記事の属するカテゴリー情報がpage.categoriesに格納されています。この変数からカテゴリー名とURLを取り出しリンクを表示させる方法のメモ。テンプレートエンジンはEJSです...

Twitterは公式アカウントを情報収集目的で見るくらいで、他人の反応とかトレンドとか1ミリも興味ねえよ！って方向けの、PC版Twitterをカスタマイズする記事です。 Twitterの右カ...

このブログのトップページのページャーで、disabledになっているボタンにhoverしたとき、cursorをnot-allowedにしようとしたらうまく適用されず、気になって調べたことのメモ。...

ブログのtitleタグをどのページとも被らないように設定するのは、カテゴリー・タグページやそれぞれの2ページ目などを加味していくと、意外に大変だったりします。 とりあえず試行錯誤していい感じ...

CSSを動的にセットしたいときに便利なJavaScriptの関数の雛形です。 動的にセットしたいという際には、<style>タグの中に書いたCSSをhead間に差し込みたいときと...

Hexoでプルダウン式の月別アーカイブをサイドバーに置く方法。 Hexoでサイドバーに月別アーカイブを設置する際は、あらかじめ用意されているHelperを使うのが簡単です。 <%- l...

ページ上のコードにシンタックスハイライトを適用するのに、highlight.jsというプラグインがあります。 ハイライトのスタイルもたくさんの種類が用意されていて、当ブログでは今までatom-o...

Hexoのプラグイン、hexo-renderer-markdown-itでMarkdownをレンダリングした際、脚注の部分に下のようなHTMLがはき出されます。 <hr class=...

HexoでMarkdownについていろいろ調べてみると、デフォルトで入っているhexo-renderer-markedの代わりにhexo-renderer-markdown-itを導入しているブ...

(2020-07-30) コードを書き直しました。こちらをご覧ください。 前回はページにパンくずリストを表示させましたが、今回は構造化マークアップ編です。これを設置することによって、Goo...

(2020-07-30) コードを書き直しました。こちらをご覧ください。 このブログはHexoで構築しており、全ページにパンくずリストを設置しています。このパンくずリストを設置するのがな...

Google Adsenseは広告が表示されるまでに時間がかかります。空白の部分にいきなり広告が現れるとなんかびっくりするというか… ということで、広告が表示される前にローディングスピナーを...