javascript - HUGO:在 Markdown 内容之间插入 JS

Question

我正在使用一个 HUGO 博客帖子模板网站，我想修改我的一个页面以在内容中嵌入一个 JS 计算器。因此，我需要以某种方式拆分 .Content 变量。理想情况下，我希望它看起来像这样:

表头

文本块 #1

JS计算器

文本块 #2

文本块 #3

页脚

到目前为止，我设法修改它，使内容首先出现在一个大块中，然后是计算器。我如何为此拆分计算器变量？

我以前发现过这样的事情:

到目前为止我的尝试:

{{ define "main" }}

<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <h2 class="mb-4">{{.Title }}</h2>
        {{ .Content }}
        <br/><br/>
        <br/><br/>
        <br/><br/>
            <!-- Begin Scheidungskosten-Rechner von www.cool-funky-calculator.de -->
            <div id="s_r_de_calculator">
              <script type="text/javascript">
              </script>
              <script
                 type="text/javascript"
                 charset="utf-8"
                 src="https://www.cool-funky-calculator.de/widget/calculator.js">
              </script>
            </div>
            <br/><br/>
            <br/><br/>
            <br/><br/>
          <!-- </div> -->
        <!-- </form> -->
      </div>
    </div>
  </div>
</section>

Answer 1

你可以写一个自定义 shortcode为了这。例如，编写一个名为 js_calculator.html 的短代码在 /layouts/shortcodes/ :

文件夹结构

Hugo Project
├── content
├── layouts
│   └── shortcodes
│      ├── js_calculator.html
├── static
├── themes
└──config.toml

自定义简码:

<div id="s_r_de_calculator">        
  <script type="text/javascript">
  </script>
  <script
     type="text/javascript"
     charset="utf-8"
     src="https://www.cool-funky-calculator.de/widget/calculator.js">
  </script>
</div>

然后在 Markdown 文件中，像这样使用

## Your content

Some lines

{{< js_calculator >}}

More lines