問題タブ [hugo-shortcode]

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 に答える
316 参照

hugo - コンテンツ ページに 1 つ (または複数) の投稿リストを埋め込むことはできますか?

免責事項: これは、 Hugo フォーラムで回答が得られなかった質問の再投稿です。それが気に入らない場合はお知らせください。削除または編集します。

Hugo (静的サイト ジェネレーター) を使用して、企業のマーケティング サイトを置き換えようとしています。私はおそらくこれについて間違っているので、ハッキングされた一緒のソリューションに入る前に、私の欲求を表現しようとします.

私の目標

私の会社の Web サイトには、「ケース スタディ」や「アドバイザー」など、いくつかの繰り返しコンテンツのカテゴリがあります。これらのカテゴリは、すでにツリーに編成されています。

技術に詳しくないコンテンツ作成者がヘッダーとページ上部の一部のコンテンツをカスタマイズできる *.md ページを作成し、その下に一連のセクションを追加したいと考えています。子ディレクトリの投稿の 1 つを一覧表示します。

出力例は次のようになります。

今のやり方

準リスト ベースのインデックス ページごとにカスタム レイアウトを作成しています。レイアウトは、カスタム .Params.type に一致するすべてのページをレンダリングするパーシャルを使用します。そのため、私の /content/about/index.md ページは /layouts/about.html ファイルで大幅にカスタマイズされています。

次の少なくとも1つを行うためのより良い方法があるはずだと思います:

  • .Site.Pages オブジェクトにアクセスできるショートコードを使用して、コンテンツ作成者が{{< list 'leader' >}}コンテンツ ページの横のどこかに次のようなものを記述して、すべてのコンテンツのリストを取得できるようにします。.Params.type = 'leader'
  • カスタム レイアウトを使用しますが、すべてのページをタイプ別にフィルター処理するのではなく、そのページの「子」を反復処理します。
  • コンテンツ作成者向けにマークダウン コンテンツを簡単にカスタマイズする機能を犠牲にすることなく、list.html ページ テンプレートを使用します。

これらのアプローチは既存の技術で実現可能ですか?ドキュメントにいくつかのコアコンセプトが欠けているだけですか? 理想的には、サイトのホームページがショートコードを介していくつかのコンテンツ リストをチェリー ピックできるように、これらの複数を実行できるようにしたいと考えていますが、いくつかのセクションには子ディレクトリの自動グループ化リストがあります。そうすれば、コンテンツの作成者は、ホームページを微調整する機能を犠牲にすることなく、サブセクションを自由に追加できます。

0 投票する
4 に答える
5967 参照

hugo - Hugo コンテンツ内で変数を使用する

Hugo で静的に生成されたサイトのコンテンツ内で変数を使用しようとしています。たとえば、コンテンツは次のようになります。

  1. サイトの URL ( {{ .Site.BaseURL }})に移動します
  2. 資格情報を入力してください
  3. .....(何とか何とか何とか)

これがレンダリングされると、{{ .... }}パーツは処理されません...上記と同じままです。$フロントもつけてみました。テンプレート内の変数はうまく機能しているようです。コンテンツ ページ内で使用するショートコードを作成する必要がありますか?

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

r - blogdown を使用した RMarkdown のショートコード経由の画像が表示されない

blogdownを使ってRMarkdownファイルにショートコード経由で画像を表示したい。私はコードを使用します:

エラー メッセージは表示されず、ウェブサイトに空白が表示されるだけです。画像が表示されません。ショートコードは一般的に機能しています。Twitter カードで試してみました。

パスはknitrで同じ絵が表示されるので正解です。(パスは、通常の.mdドキュメントのショートコードとしても機能します。) ファイルで alt パラメーターを使用しない場合.Rmd、ショートコード コマンドのコードが Web サイトに表示されます -- このコマンドだけでなく、他のすべての (以前はワーキング)ショートコードも同様です。たとえば、次の Web ページのスニペットを取得しました。

図に関連する別の問題: 標準コマンドを使用している場合:

Web ページには、画像の下に「some alt text」という代替テキストが表示されます。

私はhugo-academicテーマを使用しています。これが私のセッション情報です:

0 投票する
2 に答える
1545 参照

markdown - Hugoイメージタグのタイトル要素に改行を挿入するには?

blogdown と kakawait/hugo-tranquilpeak-theme を使用して、プレーンなマークダウンのブログ投稿を書いています。のようなショートコードオプションタグで画像を追加すると

画像のタイトルを壊すことができません。今私が持っています

しかし、私はしたいです

ところで、これらの休憩:

私のために働かないでください。これを解決する方法はありますか?