JavaScriptを学ぶ

Hugo Blox Builderは、テクニカルコンテンツ制作者にシームレスな体験を提供するように設計されています。あなたはコンテンツに集中し、このテンプレートが基盤としているHugo Blox Builderが残りの部分を処理します。

ビデオ、ポッドキャスト、コード、LaTeX数学、さらにはテスト学生を埋め込む！。

このページでは、Hugo Bloxでレンダリングできる技術系コンテンツの例をいくつかご紹介します。

動画

生徒とビデオを共有することで、コースを教えることができます。以下の方法からお選びください：

プレースホルダ_2_0

Youtube：

{{< youtube w7Ft2ymGmfc >}}.

ビリビリ：

{{< bilibili id=“BV1WV4y1r7DF” >}}}.

ビデオファイル

動画をページに追加するには、assets/media/メディアライブラリかページのフォルダに置き、_video_ショートコードで埋め込みます：

お試しください：

プレースホルダー_5_1

テスト生

spoilerショートコードを使って課題の解答を公開することで、シンプルで楽しい自己評価を提供しましょう：

プレースホルダー_10_9

としてレンダリングします。

プレースホルダ_6_2

数学

Hugo Blox Builderは、$LaTeX$ math用のMarkdown拡張機能をサポートしています。config/_default/params.yamlファイルのmathオプションを切り替えることで、この機能を有効にできます。

inline_または_block_の数式をレンダリングするには、LaTeXの数式をそれぞれ{{< math >}}$...${{< /math >}}または{{< math >}}$$...$${{< /math >}}で囲みます。

プレースホルダ_9_7 Hugoが数式をMarkdownとしてレンダリングするのを防ぐために、LaTeXの数式をHugo Blox _math_ショートコードでラップします。 プレースホルダ_9_8

mathブロック**の例：

プレースホルダ_10_10

としてレンダリングする

プレースホルダ_7_3

例 inline math {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}} は $\nabla F(\mathbf{x}_{n})$ としてレンダリングされます。

数学の改行 (\\) を使用した 複数行の数学 の例：

プレースホルダー_10_11

としてレンダリングされる。

プレースホルダ_7_5

コード

Hugo Blox Builderはコードの構文をハイライトするためにHugoのMarkdown拡張機能を利用します。コードのテーマはconfig/_default/params.yamlファイルで選択できます。

プレースホルダー_10_12

としてレンダリングされます。

プレースホルダ_10_12

インライン画像

プレースホルダ_10_14

としてレンダリングする。

パイソン

このページは役に立ちましたか？シェアしてください🙌。