如何在同一个 markdown 文件中包含具有不同列宽的元素?

问题描述 投票:0回答:1
markdown jekyll bootstrap-5 static-site
1个回答
0
投票

这就是你要找的吗?

HTML代码,文件名为template.html

<!DOCTYPE html>
<html>
  <head>
    <title>My HTML Page</title>
  </head>
  <body>
    <div class="container">
      <div class="col-lg-7 col-11">
        <p>{{text1}}</p>
      </div>
      <div class="col-11">
        <iframe></iframe>
      </div>
      <div class="col-lg-7 col-11">
        <p>{{text2}}</p>
      </div>
      <div class="col-11">
        <iframe></iframe>
      </div>
    </div>
  </body>
</html>

名为 index.md 的 Markdown 文件

---
title: My Page Title
---

text

<div class="col-11"><iframe></iframe></div>

more text

<div class="col-11"><iframe></iframe></div>

然后使用 Jekyll 或 Hugo 等静态站点生成器将两者链接在一起。

© www.soinside.com 2019 - 2024. All rights reserved.