Lan's note

高速HUGOブログで脱WordPress!

2019-06-16

HexoからHUGOに移行してみた

Hexoで生成していた当ブログですが、この度、Go言語ベースのHUGOという静的サイトジェネレーターに移行しました。 HexoはNode.jsベースなのですが、本業がNode.jsということもあり非常に使いやすく、またカスタマイズしやすいものでした。 ところが、記事数が増えると静的コンテンツを生成するの ...

2019-06-04

Firebase Hosting firebase.jsonでリダイレクトのキャプチャをする方法

当ブログはFirebase Hostingにホスティングしていますが、運営上、301リダイレクト(URLパスの変更)を行う必要が発生しました。 Firebase Hostingでは通常のサイトやWordPressなどの.htaccessで行うような処理をfirebase.jsonに記述して処理するようになっています。 単 ...

2019-06-04

HexoとフルAMPで究極のブログ爆速化 その2~head.ejsの解説~

前回の記事「HexoとAMPで究極のブログ爆速化 その1~テーマのカスタマイズ~」 前回は、AMP公式ページのAMPテンプレートを使いHexoテーマをカスタマイズし、HexoブログのフルAMP化を行いました。 ※フルAMP化・・・PCページもモバイルページも全てAMP化することで更にサイトの高速化を図るこ ...

2019-05-30

HexoとフルAMPで究極のブログ爆速化 その1~テーマのカスタマイズ~

前回、HexoのフルAMP化による爆速化という記事を書きました。 ※フルAMP化とはパソコンページもAMP化するという意味で使っています。 ※現在のこの記事も、パソコンで見てもモバイルで見てもAMPページが表示されています。 前回は序章ということでフルAMP化に至る経緯を書きました。 今回から、実際にフルA ...

2019-05-28

HexoとAMPで究極のブログ爆速化を実現する(パソコン&モバイル仕様)

SEO対策にとってブログやサイトの高速化は今や必須対策となっています。 このブログもこれまで色々な高速化対策を施してきました。 Firebase、Netlify、Cloudflareなどのホスティングサービス移行やCDN利用 CSSやJSファイルのインライン化 HTMLソースの圧縮 画像のwebp化 画像の遅延 ...

2019-05-27

Hexoブログは簡単に複製・量産できる

Hexoブログもかなりなれてきました。 評判通りHexoでのブログ更新はかなりサクサク行うことができます。 こうなると新しくブログをどんどん作りたくなります。 そう、ブログの量産です。 ブログの量産というと一見面倒くさそうに考えてしまいますが、テーマを変えることがなければ意外に簡単にブログを開設することがで ...

2019-05-20

Hexo->Netlifyで静的サイトを公開する方法をわかりやすく解説

以前Hexo->GitHub->Netlifyデプロイという記事を書きました。 この記事では静的サイトジェネレーターであるHexoで生成されたHTMLソースなどをGitHubへ送ると、GitHubからへNetlifyへ自動でデプロイしてくれるという内容でした。 ところが最近になって、GitH ...

2019-05-15

Hexo heap out of memoryでソース生成できない状況を解決する

Hexoでheap out of memoryエラーが出てしまい、HTMLソースを生成できなくなってしまいました。 このエラーはヒープサイズ不足(メモリ不足)ということなのですが、よくある解決方法に以下のものがあります。 /プロジェクト名/node_modules/hexo/node_modules/hexo-cl ...

2019-05-06

Firebaseのたまりまくった過去のデプロイファイルを定期的に消す方法

Firebase(このブログのホスティング先)の無料枠である1GBを超えてしまいました!!!・・・ん??? 静的ファイルを数十MBアップしただけのハズなんだけど・・・??? そこでFirebaseのコンソール画面を見に行くと、なんと、これまでデプロイした分が大量に保存され容量を圧迫していました。 そっか同 ...

2019-04-30

HexoでLazyLoadが動かないので修正した

LazyLoadが動かない、Hexoブログに移行してからずっとこの現象に悩んでいました。 プラグインを一部自作(カスタマイズ)するなど試行錯誤の末、なんとかLazyLoadによる画像遅延読み込みを再現できましたので、記事に残しておきます。 結論を先に書くと、プラグインを使わずに純粋なjavasccrip ...