Lan's note

高速HUGOブログで脱WordPress!

2020-04-08

HUGOブログにマークダウン記法による記事を書いてアドセンスコードを挿入しよう!

はじめに 前回の記事でHUGOという静的サイトジェネレータを使ったブログの開設を学びました。 本講の目的は静的ブログで安定的にアドセンス収入を得ることを目的としています。 前回の記事でブログの構築ができ、アドセンスの申請に必要な記事を書ける段階まで来ました。 アドセンスを利用するには審査が必要であり、そのた ...

2020-04-06

アドセンスで安定的に収入を得るために静的ブログ(HUGO)を使ってみよう!

ブログを運営していく上で静的ブログが良いとされるわけ まず、動的ブログと静的ブログの違い、利点、不利点のおさらいです。 動的ブログ 代表的なものにWordPressがあります。 WordPressはブログにアクセスがあるとデータベースにアクセスし、ページとして読めるようにHTMLをその都度構成してPCやスマ ...

2020-02-25

【解決】HUGOのテーマをacademicに変えたらパーマリンクの濁点・半濁点に不具合が生じたので暫定的対処

解決(2020/03/05追記) /config/_default/config.toml removePathAccents = false 設定ファイルのremovePathAccentsの設定値をtrueからfalseにすることで濁点・半濁点のあるURLが正常に処理されるようになりました。 以下、解決策までの過程を書き残しておきます。 (追記ここまで) HUGOブログのテーマを最も利用されているaca ...

2019-07-16

HUGOのフルAMP化やめました

ブログ高速化を目指してHUGO+フルAMPを構築してきました。 フルAMPとは、モバイルページのみならず、PCページもAMP化することで、ブログの表示を高速化しようという試みです。 一見いいとこだらけに見えますが、下記の理由でフルAMP化をやめ、通常のレスポンシブHUGOブログに戻しました。 なお、下記の ...

2019-07-07

HUGOのフルAMPで究極のブログ爆速化 その5~最適なアドセンスサイズとコード~

今回はフルAMPのHUGOブログにおける最適なアドセンスのサイズとコードを紹介します。 フルAMPのブログの場合テンプレートにもよりますが、PCページでアドセンス広告の表示がきれいに表示されない、または、表示されないケースがあります。 そこでアドセンスに多く広告出稿されているバナーサイズを網羅できるアド ...

2019-06-21

HUGOのセクションの構造・レイアウト・タイトル・_index.mdを学ぶ

HUGOブログのサブディレクトリを使って記事をうまく分類してみます。 HUGOではサブディレクトリ配下のことをセクションと呼びます。 セクション配下にはメイン記事とは色合いの違う記事(カテゴリ別記事)をまとめておくと何かと都合がいいです。 例えば、ブログのメイン記事はGo言語だけど、日々の雑記も書きたい場 ...

2019-06-19

HUGOとフルAMPで究極のブログ爆速化 その4~Lightboxの設置~

今回はHUGOブログのAMPページでLightbox機能を実装してみたいと思います。 Lightboxとは上の画像をクリックしたときのように、対象がズームアップして表示される機能です。 本HUGOブログはAMP公式テーマ一覧からテンプレートを選びカスタマイズして使っています。 LightboxもAMP公式 ...

2019-06-18

HUGOとフルAMPで究極のブログ爆速化 その3~SNSカード・ブログカードの設置~

フルAMP化されているこのHUGOブログ。 PCで見てもモバイルで見てもAMPページで高速表示(Googleのキャッシュページ)されています。 今回はフルAMP化するにあたってのナレッジ【SNSやブログのカード】の作り方を共有したいと思います。 ※これまでHexoでフルAMP化としていましたが、Hexoか ...

2019-06-16

HexoからHUGOに移行してみた

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