ヒューゴ・ドク

Hugo は Hexo、Jekyll、Octopress に似ています。これらはどちらも静的 Web サイト ジェネレーターです。Hexo は Node.js に基づいており、Hugo は Golang に基づいています。この記事は、私の下手な CET - 4 を記念して Hugo Doc の紹介部分を翻訳したものです。

Hugo - 静的ページ ジェネレーター

Hugo とは?

Hugo は、Web サイトを構築するためのフレームワークです。 技術的な観点から見ると、Hugo は、Web サイトを動的に構築する他のシステムとは異なり、生成する必要があります。通常、Web サイトの閲覧数は Web サイトの編集数よりはるかに多いため、Hugo は Web サイトの閲覧速度を完全に最適化できます。非常にフレンドリーな開発エクスペリエンスを提供します。

使用 Hugo を使用した Web サイトの構築は高速かつ安全です。Hugo で構築されたサイトは、Heraku、GoDaddy、DreamHost、GitHub Pages、Google Cloud Storage、Amazon S3、CloudFront などのどこにでもデプロイでき、CND を使用できます。 Hugo で構築されたサイトは、Ruby、Python、PHP とは異なり、プログラムの実行を継続するのに費用がかかり、データベースに依存しません

Hugo は、開発時間とリファクタリング時間が非常に短い理想的な Web サイト構築ツールであると考えています。これは、Web サイトの開発にとって非常に重要であり、 Hugo は異なります

Web サイト ジェネレーターは、コンテンツを HTML ファイルにレンダリングします。 HTTP サーバーは、新しいユーザーがアクセスするたびに新しい HTML ファイルを生成します。

ページを動的に生成するということは、HTTP サーバーが正常に機能するために十分なメモリと強力な CPU サポートを必要とすることを意味します。ページの動的生成を待ちます

ユーザーがあまり長く待たされることを望んでいません。そのため、動的 Web サイト ジェネレーターは、ファイルがキャッシュされると、そのコピーがサーバーに一時的に保存されます。

ただし、Hugo のキャッシュは、サーバーに展開する前にすべてのファイルを事前にコンピューター上でレンダリングするため、Hugo を呼び出します。 「静的ページ ジェネレーター」

HTTP サーバー上で Web サイト ジェネレーターを実行しないことには多くの利点があります。最も明白な利点はパフォーマンスです。したがって、HTTP は静的ファイルの転送に非常に適しており、動的 Web サイトと比較して、より多くの機能を効果的に提供できます。

Hugo には、Web サイトの構築とテストに役立つ 2 つのコンポーネントがあり、そのうちの 1 つは、Hugo サーバーを実行するときにすべてのコンテンツをレンダリングします。 HTML ファイルを作成し、コンピューター上で HTTP サービスを開始すると、最終ページがレンダリングされます。

Web サイトを公開する準備ができたときに 2 番目のコンポーネントが使用されます。他の操作には、baseurl Hugo を使用する必要はありません。

Hugo はどれくらい速いですか?

https://youtu.be/CdiDYZ51a2o

技術的に見ると、Hugo はすべてのソース ファイルとテンプレートを受け取ります。

Hugo には次の機能があります:

通常

高速 (ページあたり最大 1 ミリ秒)

クロスプラットフォーム (Mac、Linux、Windows など)

インストールが簡単

1. 優れた開発エクスペリエンス - 自動更新
   豊富なテーマのサポート
   • どこにでも展開
   • 構造
   • シンプルな構造
   • ウェブサイトフラグメントのサポート
   完全にカスタマイズ可能なURL
2. カテゴリを含む構成可能なカテゴリをサポートそしてタグ。独自のカスタム コンテンツ構造を作成
   ニーズに応じてコンテンツを分類する機能
   • 目次の自動生成
   • 動的メニュー作成
   • エレガントな URL のサポート
   • パーマリンク モードのサポート
   • エイリアス (リダイレクト)
   内容
   • Markdownのネイティブサポート
   • 拡張メソッドを通じて他の言語をサポート、サポートされている形式を参照
3. 前付でTOML、YAML、JSONをサポート
   完全にカスタマイズされたホームページ
   • 多数のコンテンツタイプをサポート
     • カスタマイズ/自動生成された要約
     ショートコードによりMarkdownコンテンツを改善可能
   • 「読む時間」機能
   • 「ワードカウント」機能
   • 拡張機能
   • • Disqus コメントの統合
     • Google Analytics の統合
     • RSS の自動作成
     • Go、Amber、Ace の HTML テンプレートをサポート
     • Pygments による構文ハイライト

Hugo の使用に適している人

• と比較して閲覧 デバイスでの書き込み エディターでの書き込みを好む人
• 自分の Web サイトを持ちたいが、プログラムを実行したりデータベースに依存したくない人
• ブログ、企業サイト、個人のブログ、ポートフォリオ、ドキュメントの構築に適しています、単一ページの Web サイト、または何千ページもの Web サイトを持っている人

なぜ Hugo を書いたのですか?

私が Hugo を書いたのはいくつかの単純な理由からです。まず、WordPress に非常に不満を感じ、その後、WordPress のレンダリングの解決策を探しました。コンテンツを思うように効率的に作成できません。オンラインで投稿を書くと、多くのセキュリティ アップグレードが発生し、ブログ攻撃の恐ろしい話がたくさん発生します。私は、一般に、単純な Markdown で作成することを好みます。つまり、WordPress を使用して記事を書くときに遭遇する問題は、WordPress がもたらす利便性をはるかに超えていると感じています。

Jekyll、Middleman、nanoc などの既存の静的 Web サイト ジェネレーターに注目しました。これらはすべて静的です。サイト ジェネレーターは複雑なインストールが必要で、何千もの記事をレンダリングするのに時間がかかります。これは私が許容できる以上の時間です。テンプレートを変更したときにすぐにフィードバックを提供できるフレームワークが必要です。レンダリング時間は 5 分程度ではあまりにも長すぎます。全体として、それらはまだブログのようであり、さまざまな種類のコンテンツや柔軟な URL をサポートするには十分ではありません

依存関係のない、高速でフル機能のフレームワークを開発したいと考えています。私が必要な機能を備えた言語です。私は Go で Hugo の開発を始めましたが、Hugo を気に入っていただければ幸いです (そしてそれに貢献してください)。メーリングリスト

GitHub でいいね

フォーラム

• はじめに 拙い翻訳の一部が最初に完成しました。以前に Hex も試しましたが、今は Hugo と Golang で遊ぶのが待ちきれません