Hexoでショートコードを使ってAmazonの商品リンクを簡単に挿入する方法のメモ。 以前から収益以前にただAmazonの商品の画像をパク…お借りしたいと思っていて、Amazonアソシエイ...

下のサイトで紹介されているtitle属性をキャプションに変換するアイデアが素晴らしかったので、参考にさせていただいた。 画像のキャプション title属性編 デモ滝 Markdown ![滝...

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

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

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

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

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

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

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で構築しており、全ページにパンくずリストを設置しています。このパンくずリストを設置するのがな...

HexoにはURL出力関連の変数がたくさん用意されているのですが、種類がたくさんあってあまりにも煩雑なので整理してみます。 変数を一度に出力してみる<div> config....

Hexoで作成したブログで、記事の公開日だけでなく更新日も表示できるようにする方法のメモ。Netlifyで公開したときに更新日がおかしくなる問題も解決します。 Gitで管理したときの問題H...

HexoではHelperという機能が備わっており、よく使う機能は簡単に出力できるようになっています。その機能を利用すると下のように記述することで、簡単にカテゴリー一覧を出力できます。 &lt...

Chromeでいよいよ画像の遅延読み込みがネイティブでサポートされました。 imgタグにloading=”lazy”属性を指定するだけで、ライブラリなどを使わずとも画像が遅延読み込...

Hexoでブログを書いていると、記事ごとにCSSやJavaScriptを書いて読み込みたいと思うことがよくあります。 しかし記事中にインラインで記述するとごちゃごちゃになるので、style....

このブログはNetlifyという静的サイトホスティングサービスを使って運用しているのですが、サイドバーに設置しているカテゴリー一覧の英字を含んだカテゴリーをクリックしたとき、毎回301リダイレク...

Hexoのアーカイブページの設定方法のまとめです。アーカイブページはhexo-generator-archiveというプラグインで生成されています。 hexo-generator-archi...