setup

HUGOのテーマ「Mainroad」の設定方法を紹介

HUGOのテーマ、「Mainroad」について解説します。新規サイトを作成したため、その時の手順やテーマの使い方について紹介します。

Ishiguro Suguru

新しくポケ森専用のサイトを作りたいと思っていたのでHUGOで作成しました。 その際に使ったテーマ「Mainroad」の設定について紹介します。 個人的にはこのテーマはシンプルですがかなり気に入っています。

Hugo Future Imperfect の設定とデザイン調整について

HUGOのテーマ、「Hugo Future Imperfect」について解説します。本サイトの修正を例にconfigファイルやテンプレートの修正点について紹介します。

Ishiguro Suguru

本サイトは、HUGOのテーマHugo Future Imperfectを使用しています。 テーマの適用方法は過去の記事で少し触れましたが、今回はテーマ適用後の話をしたいと思います。 各テーマによって設定方法は異なるため、“Hugo Future Imperfect"を使いたいという方は参考にしてみてください。

HUGOにコメント投稿機能(Disqus)を組み込む方法

ブログサイトなどによくあるコメント投稿機能をDisqusというサービスを使って実装してみました。その手順を簡単にご紹介します。

Ishiguro Suguru

ブログなどのWebサイトには、閲覧しているユーザーがコメントすることができる投稿機能がついていると思います。 そのうち詳しく解説したいと思いますが、HUGOにはさまざまなテーマが用意されており簡単にサイトのデザインを変更することができます。

Google AdSenseの導入方法とHUGOで行う設定手順を紹介

Google AdSenseの導入から設定についてHUGOの場合にどのように行うか紹介します。

Ishiguro Suguru

Google AdSense(Googleアドセンス)とは、よくあるWebサイト上の広告を掲載するために、Googleが提供しているサービスです。 Googleアナリティクスと同様に、Webサイトに専用のタグを埋め込むことで広告を表示することができます。(HUGOの場合はGoogleアナリティクス設定の機能が標準で用意されている) 本記事では、Google AdSenseの初期設定の方法およびHUGOでの設定の仕方について紹介します。

HUGOで行うGoogleアナリティクスの導入から設定方法の紹介

Google Analyticsの導入から設定についてHUGOの場合にどのように行うか紹介します。

Ishiguro Suguru

「そもそもGoogleアナリティクスって何?」という方がいると思います。 GoogleアナリティクスはGoogleが提供しているツールで、Webサイトへのアクセス状況を計測することができます。 どの記事が人気なのか、よく読まれているのかを把握するために必要になるため、設定していない方は是非設定してみてください。

WebサイトのSEO(Google Search ConsoleとBing)初期設定

WebサイトをGoogleやBingの検索結果に表示するための方法を紹介します。通常しばらく待てば自動的に検索結果に表示されるようになりますが、紹介する手順を実施すればわりとすぐに検索結果に表示されるようになります。

Ishiguro Suguru

GoogleやBingなどの検索エンジンにWebサイトを表示させるためには、各検索エンジンごとに設定が必要になります。 基本的には自動的に検索結果に表示されるようになるのですが、設定を行わないと時間がかかるため設定しておきましょう。 また、設定しておけばどういった検索キーワードでユーザーが検索しているのかなどの詳細情報を確認することもできます。

HUGOの導入手順について

HUGOの導入方法について説明します

Ishiguro Suguru

HUGOはMarkdownで書かれたファイルをもとに、定義したテンプレートからHTMLを作成することができるフレームワークです。HUGOのように静的なHTMLを作成するフレームワークは静的サイトジェネレーターと呼ばれ、その他の代表的なフレームワークとしてGatsby、Hexoなどがあります。