E25DX

E25DX

次のドキュメントのテーマは...

画面.録画.2024-03-12.at.7.32.01.PM.mov

インスピレーション

• シンプルでモジュール式でありながらカスタマイズ可能な技術ドキュメントを作成します。

• Node/npmや外部フレームワーク(CSS、JS、アイコン、フォント)を使用せずにWebサイトを構築します。

• デモ

特徴

• レスポンシブでアダプティブなレイアウト。

• ライトモードとダークモードを内蔵。

• Hugo データ テンプレートを使用したカスタマイズ可能なサイドバー。

• 複数のドキュメント セットのサポート。

• Hugo configs を介してメニューを実装します。

• 検索または AI アシスタントを統合します。

はじめる

1. Hugoをインストールします。

• https://github.com/gohugoio/hugo/releases/latest から事前に構築されたバイナリを使用します

• hugo versionでインストールを確認する

2. E25DX テーマを使用して新しい Hugo サイトを作成します。

• 概要についてはnewsite/content/en/docs/_overview.mdを追加

  ---タイトル: 概要url: "docs/overview"エイリアス:
  - "/docs"---

• 最初のセクションの最初のページとしてnewsite/content/en/docs/a1.hello-world.mdを追加します

  ---タイトル: Hello Worldslug: hello-world---

• newsite/content/en/docs/b1.modules.mdを 2 番目のセクションの最初のページとして追加します

  ---タイトル: Modulesslug: モジュール---

• セクション タイトルとページ タイトルにnewsite/data/en/docs/sidebar.ymlを追加します。

   - タイトル: ドキュメント
    ページ:- タイトル: 概要- タイトル: 基本
    ページ:- タイトル: Hello World- タイトル: 基本を超えて
    ページ:- タイトル: モジュール

• newsite/hugo.yaml

• newsite/static/sw.js

• newsite/static/manifest.json

• 言語: en:title および en:description

• params: プロジェクト、作成者、ホーム

• キャッシュ名のプレフィックス: 例。とどー

• 名前、短い名前、説明

1. 財団

   ヒューゴの新しいサイト ニュースサイトcd ニュースサイト
   
   gitの初期化
   git サブモジュール追加 https://github.com/dumindu/E25DX.git Strategies/E25DX
   
   rm huge.toml && cp テーマ/E25DX/hugo.yaml .cp テーマ/E25DX/static/sw.js ./static/
   cp テーマ/E25DX/static/manifest.json ./static/

   newsiteフォルダー内に生成されたarchetypes 、 assets 、 i18n 、 layoutsフォルダーは必要ありません。

2. 構成

3. サンプルコンテンツとサイドバー

4. hugo server実行する

   変更をコミットする前にhugo server実行する場合は、 newsite/hugo.yaml -> enableGitInfo: false変更します。