HUGO + Lambda + Google Analytics APIを使ってPV順で記事を表示してみた②-1〜Lambda開発環境の準備〜
HUGOの記事をPV順で表示できるようにしてみました。その時の手順を解説します。
前回の記事の続きです。
SIerがいろいろ試してみるブログ
HUGOの記事をPV順で表示できるようにしてみました。その時の手順を解説します。
前回の記事の続きです。
HUGOのテーマ、「Mainroad」について解説します。新規サイトを作成したため、その時の手順やテーマの使い方について紹介します。
新しくポケ森専用のサイトを作りたいと思っていたのでHUGOで作成しました。 その際に使ったテーマ「Mainroad」の設定について紹介します。 個人的にはこのテーマはシンプルですがかなり気に入っています。
HUGOのテーマ、「Hugo Future Imperfect」について解説します。本サイトの修正を例にテンプレートのレイアウト修正について紹介します。
前回の記事の続きです。 今回は設定ファイルやカスタムCSS以外のテンプレートを編集する方法について紹介します。
HUGOのテーマ、「Hugo Future Imperfect」について解説します。本サイトの修正を例にconfigファイルやテンプレートの修正点について紹介します。
本サイトは、HUGOのテーマHugo Future Imperfectを使用しています。 テーマの適用方法は過去の記事で少し触れましたが、今回はテーマ適用後の話をしたいと思います。 各テーマによって設定方法は異なるため、“Hugo Future Imperfect"を使いたいという方は参考にしてみてください。
ブログサイトなどによくあるコメント投稿機能をDisqusというサービスを使って実装してみました。その手順を簡単にご紹介します。
ブログなどのWebサイトには、閲覧しているユーザーがコメントすることができる投稿機能がついていると思います。 そのうち詳しく解説したいと思いますが、HUGOにはさまざまなテーマが用意されており簡単にサイトのデザインを変更することができます。
Google AdSenseの導入から設定についてHUGOの場合にどのように行うか紹介します。
Google AdSense(Googleアドセンス)とは、よくあるWebサイト上の広告を掲載するために、Googleが提供しているサービスです。 Googleアナリティクスと同様に、Webサイトに専用のタグを埋め込むことで広告を表示することができます。(HUGOの場合はGoogleアナリティクス設定の機能が標準で用意されている) 本記事では、Google AdSenseの初期設定の方法およびHUGOでの設定の仕方について紹介します。
Google Analyticsの導入から設定についてHUGOの場合にどのように行うか紹介します。
「そもそもGoogleアナリティクスって何?」という方がいると思います。 GoogleアナリティクスはGoogleが提供しているツールで、Webサイトへのアクセス状況を計測することができます。 どの記事が人気なのか、よく読まれているのかを把握するために必要になるため、設定していない方は是非設定してみてください。
WebサイトをGoogleやBingの検索結果に表示するための方法を紹介します。通常しばらく待てば自動的に検索結果に表示されるようになりますが、紹介する手順を実施すればわりとすぐに検索結果に表示されるようになります。
GoogleやBingなどの検索エンジンにWebサイトを表示させるためには、各検索エンジンごとに設定が必要になります。 基本的には自動的に検索結果に表示されるようになるのですが、設定を行わないと時間がかかるため設定しておきましょう。 また、設定しておけばどういった検索キーワードでユーザーが検索しているのかなどの詳細情報を確認することもできます。
HUGOの導入方法について説明します
HUGOはMarkdownで書かれたファイルをもとに、定義したテンプレートからHTMLを作成することができるフレームワークです。HUGOのように静的なHTMLを作成するフレームワークは静的サイトジェネレーターと呼ばれ、その他の代表的なフレームワークとしてGatsby、Hexoなどがあります。