HUGO：在标记内容之间插入JS

Question

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

• HEADER

• 文本块＃1

• JS Caculator

  ] >>

• 文本块＃2

• 文本块＃3

• FOOTER

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

我之前找到了类似的东西：

到目前为止，我的尝试：

{{ 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>

我正在使用HUGO博客文章模板网站，我想修改我的页面之一以在内容中嵌入JS计算器。因此，我需要以某种方式拆分.Content变量。理想情况下，我想要...

Answer 1

您可以为此编写自定义shortcode。例如，在js_calculator.html中写一个名为/layouts/shortcodes/的简码：