HexoのURL関連のテンプレート変数まとめ
HexoにはURL出力関連の変数がたくさん用意されているのですが、種類がたくさんあってあまりにも煩雑なので整理してみます。
-
-
OSでもWebサイト側でも切り替えられるダークモードを実装する
昨年(2019年)あたりからダークモードが流行しているということで、様々なデバイスやアプリでダークモードが実装されています。というわけで、少し前にこのブログもダークモードに対応させました。そのときのメモ。
-
HexoでGitとNetlifyを使っていても記事の更新日を表示できるようにする
Hexoで作成したブログで、記事の公開日だけでなく更新日も表示できるようにする方法のメモ。Netlifyで公開したときに更新日がおかしくなる問題も解決します。
-
出来るだけメディアクエリを書かずにレスポンシブに対応させるためのTips
サイトをレスポンシブデザインに対応する際には、メディアクエリを使って書き分けたり、上書きしたりする必要があります。
-
2行以上の長いタイトルでも１行に収まるように文字サイズをJavaScriptで調整する
記事タイトルが長くなって折り返され、２行になってしまっている...だけど、文字サイズを小さくしてでも１行にきっちり収めたい...！！
-
Hexoのカテゴリーリストにcurrentクラスを付けて現在地をハイライト表示する
HexoではHelperという機能が備わっており、よく使う機能は簡単に出力できるようになっています。その機能を利用すると下のように記述することで、簡単にカテゴリー一覧を出力できます。
-
開いているページの構造化マークアップを簡単にチェックするブックマークレット
Googleが提供しているツールに、構造化データ テストツールというのがあり、URLを入力するだけでサイトの構造化マークアップを簡単にチェックすることができます。
-
Hexoで画像にloading="lazy"を自動で追加して画像を遅延読み込みする
Chromeでいよいよ画像の遅延読み込みがネイティブでサポートされました。
-
クリックで画像を拡大するプラグイン(Lightbox)をjQueryなしで自作してみる
Lightboxという単語は死語感が漂っており、今どき需要もなさそうですが...。
-
30分で完了！お名前.comのドメインをGoogle Domainsへ移管する
このブログのドメインはお名前.comで取得していたのですが、先日ドメインを更新しようとしたら、netドメインが1,480円（1年）へ値上がりしていました。