問題タブ [static-site-generation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
814 参照

web - Hugo の 2 レベル メニュー

Hugoを使ってメニューが深いサイトを作りたいです。子アイテムの親を新しい下位レベルのアイテムにする機能が必要です。このサイトのチュートリアルを使ってみました。 https://codingnconcepts.com/hugo/nested-menu-hugo/

1 レベルのサブメニューを作成することはできますが、サブページを自動的に作成し続けることができるロジック システムが必要です。

上記のサンプルでは 1 つのサブメニューが作成されますが、2 つのレベルを機能させる方法がわかりません。

0 投票する
1 に答える
2240 参照

javascript - getStaticProps の「notFound」プロップは、ページの http ステータス コードには影響しません

新しい Next.js アプリをインストールしました。次のページがあります。

ブラウザが存在しないページ (http://localhost:3000/articles/d など) に移動すると、予想どおり、デフォルトの nextjs 404 ページが返されます。

しかし、ブラウザーのネットワーク タブには、メイン ドキュメント (404 エラー ページ) のステータス 200 が表示されます。ネットワーク タブでステータス 404 になっているのは、d.json と 404.js だけです。

メインドキュメントにも 404 ステータスが必要だと思います。getStaticPropsドキュメントは、戻り値について次のように述べています。

  • notFound - ページが 404 ステータスとページを返すことを許可するオプションのブール値

しかし、この場合、ページ ステータスは 404 ではなく 200 です。ステータス 404 を返すために他に何かする必要がありますか?

フォールバックがない場合、ステータスは 404 です。

0 投票する
1 に答える
562 参照

javascript - nuxtjs 動的に生成されたルートを vex ストアに保存する方法

ページのコンテンツとナビゲーションが API から取得される静的 Web サイトを作成することで、nuxtjs SSG 機能を活用しようとしています。

generate:beforeフックを使用してページのコンテンツとルートをフェッチするモジュールを定義することにより、ルートを動的に生成する方法については、すでに方法を見つけました。ルートを作成するとき、ページ コンテンツをルート ペイロードとして保存します。次のコードはまさにそれを行い、意図したとおりに機能します。

今私が直面している問題は、生成されたルートを必要とするいくつかのナビゲーション コンポーネントがあり、それらを vuex ストアに保存することを考えていたことです。

フックを試しましたgenerate:doneが、そこから vuex ストア コンテキストを取得する方法がわかりません。nuxtServerInit()ドキュメントに記載されているように、私が最終的に使用したのはアクションでした:

これはまさに私が必要としているものなので、次のコードで使用しようとしています:

アクションは実際に呼び出され、すべての期待値を取得しますがnuxtServerInit()、ストア状態の呼び出しごとにリセットされるようです。コンソールに値を出力しました (これをデバッグできるかどうかわからないため)。これは次のようになります。

私はこのテーマについてできる限り検索しましたが、私のような例は見つかりませんでしたが、できる限りのすべての要素を組み合わせて、これが私が思いついたものです.

私の考えは、(ビルド時に) API に対して 1 つのリクエストのみを行い、すべてを vuex に保存してから、そのデータをコンポーネントとページで使用することでした。

もっとうまくやる方法があるか、nuxtServerInit()アクションを完全に把握していないかのどちらかです。私は立ち往生していて、この問題を解決する方法がわからず、別の解決策が見えません。

ここまでお時間をいただきありがとうございました。

0 投票する
1 に答える
103 参照

eleventy - Eleventy ウェブサイトからページを削除するには?

Eleventy で生成した Web サイトで作成したページを削除したいと思いますa-post.md。そして、私はそれを行う正しい方法が何であるかを知りません。

「ソース」ページを削除しただけで、案の定、サイトから消えてしまいました。ただし、_siteディレクトリに生成されたファイルはまだそこにあります。これらを手で「掃除」することになっていますか、それとも何か間違っていますか?

この種のことは Stackoverflow で問題視されるべきではないことはわかっていますが、Eleventy (および静的サイト ジェネレーター) の世界の初心者として、この問題に関する初心者向けのドキュメントがないことに困惑しました。ページを作成およびカスタマイズする方法に関する多くの記事や投稿もありますが、ページを正しく破棄する方法については記載されていません。