HUGOによる静的ウェブサイト環境構築
📅 Jul 13, 2019 · 📝 Jun 23, 2020 · ☕ 10 min read · ✍️ Reeve 本ブログ初投稿の記事。 今回はこのサイト自体の環境構築の話をしたい。 この記事の内容 Markdownで書いた記事を簡単に投稿できるウェブサイトを(維持費無料で)構築できる はじめに ブログを書こうとする場合、WordPressを使うのが一般的だと思う。 今までもWordPressで作成したブログは持っていたが、更新が億劫になり、完全に放置している状況になってしまった。 さくらのレンタルサーバーを借りているため、安いとは言え運用にはお金がかかる。 正直放置しているのはもったいないと感じた。 久々にWordPressにログインして、プラグインなどの更新をしたところ、記事を作成するインターフェースが大きく変化してしまった。 ここで完全にやる気を失った… 私が感じている
[Hugo] 記事にシェア数を表示する - atuweb 開発ブログ
やりたいこと 記事にシェア数を表示したい。 当ブログのシェア数表示 なぜ ? Hugo は静的サイトジェネレーターです。 この「静的サイト」であることが大きなメリットであり、逆に言うと制限が大きくデメリットでもあります。 具体的には、Hugo で生成したサイトには通常「検索やお問い合わせフォーム」を設置できません。 同じように、「記事ごとのシェア数というデータ」は可変なもののため、取扱が難しいのです。 実装方針 JavaScript は使用しない 静的サイトに動的機能を実装する手段として、まず思い浮かぶのは JavaScript で頑張る方法です。 しかしながら「ブログ記事閲覧のたびにシェア数を取得する」ような実装ですと、「静的だから軽い」というメリットを潰してしまい、本末転倒です。 data から情報をロードする 調べてみると、Hugo では「data ディレクトリ以下のファイルにアクセ
![[Hugo] 記事にシェア数を表示する - atuweb 開発ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a307f248fa73a443acb2268d14a64076c8e6f956/height=288;version=1;width=512/https%3A%2F%2Fatuweb.info%2Fimages%2Feyecatches%2Fhugo_lg.png)
静的サイトジェネレータ「Hugo」について - UUUMエンジニアブログ
こんにちは、村上です。 今回紹介するHugoは静的サイトジェネレータ(static site generator)と呼ばれるフレームワークの一種です。 静的サイトジェネレータとは 1リクエスト毎にサーバサイドスクリプト(ruby/perl/phpなど)でHTMLを生成する仕組みを動的サイトと呼びますが、 サーバサイドスクリプトを介さずに予め設置されたHTMLをWebサーバが直接クライアントへ返却する仕組みを静的サイトと呼びます。 一般的に、ホームページと呼ばれるものですね。 昔からHTMLなどをFTPなどでアップロードし、無料で使えるレンタルサーバのサービスが存在しています。 静的サイトジェネレータのメリット テンプレートエンジンによりヘッダー/フッターなどの共通部分をコンポーネント化出来るため、HTMLをのそまま記述するよりも効率が上がる CMSと違いDBとサーバサイドスクリプトが存在し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://creative-tweet.net/blog/2015/10/usage-hugo-2.html
https://blog.mismithportfolio.com/web/hugo-netlify-build
Installation
