HUGO + Lambda + Google Analytics APIを使ってPV順で記事を表示してみた③〜HUGOでAPIから取得したJSONデータ表示〜
HUGOの記事をPV順で表示できるようにしてみました。その時の手順を解説します。
前回の記事の続きです。
SIerがいろいろ試してみるブログ
HUGOの記事をPV順で表示できるようにしてみました。その時の手順を解説します。
前回の記事の続きです。
HUGOの記事をPV順で表示できるようにしてみました。その時の手順を解説します。
前回の記事の続きです。
HUGOの記事をPV順で表示できるようにしてみました。その時の手順を解説します。
前回の記事の続きです。
HUGOの記事をPV順で表示できるようにしてみました。その時の手順を解説します。
HUGOは静的なファイルを出力するためサイト記事のPV数など動的に変わるコンテンツを表示することができません。 今回はWordPressのように記事をPV数順で表示する機能を実装したためその内容について紹介します。
HUGOのちょっとした設定についての解説です。
HUGOサイトを作成してデフォルトの挙動から修正した内容について紹介します。 この設定はわりと需要があると思うので。
GoogleカレンダーをWebページに埋め込むための手順を紹介します。今回はHUGOで作成したWebページを対象にしています。
以前の記事ではReactでカレンダーを作成しました。 今回はGoogleカレンダーとFullCalendarというJavaScriptライブラリを使用したカレンダー作成方法について紹介します。 おそらくこちらのほうがお手軽です。
HUGOのテーマ、「Mainroad」について解説します。新規サイトを作成したため、その時の手順やテーマの使い方について紹介します。
新しくポケ森専用のサイトを作りたいと思っていたのでHUGOで作成しました。 その際に使ったテーマ「Mainroad」の設定について紹介します。 個人的にはこのテーマはシンプルですがかなり気に入っています。
HUGOをAWS環境で自動デプロイするための手順です。デプロイを自動化してみたい方は参考にしてみてください。
今までHUGOのデプロイは手動で行っていました。 しかし毎回コマンドを実行してS3にアップロードする作業が面倒になり自動化したくなりました。 今回は自動化を行った際の手順を紹介したいと思います。(前提としてAWS利用)
HUGOのテーマ、「Hugo Future Imperfect」について解説します。本サイトの修正を例にテンプレートのレイアウト修正について紹介します。
前回の記事の続きです。 今回は設定ファイルやカスタムCSS以外のテンプレートを編集する方法について紹介します。
HUGOのテーマ、「Hugo Future Imperfect」について解説します。本サイトの修正を例にconfigファイルやテンプレートの修正点について紹介します。
本サイトは、HUGOのテーマHugo Future Imperfectを使用しています。 テーマの適用方法は過去の記事で少し触れましたが、今回はテーマ適用後の話をしたいと思います。 各テーマによって設定方法は異なるため、“Hugo Future Imperfect"を使いたいという方は参考にしてみてください。