css - 如何使用 Jekyll 在 .md 文件中添加按钮

Question

有没有办法使用 Jekyll 将带有一些 CSS 格式的简单 HTML 按钮添加到 Markdown 文件中？我对 Jekyll 很陌生，并不真正了解如何解决它。我想让这个按钮链接到外部 URL 以下载文件。

Answer 1

选项 1. 短代码 + javascript

第一个是使用短代码 WordPress 样式并用 jQuery 替换它们。您将需要在 javascript 中使用一些巧妙的正则表达式来实现此目的。在这种情况下，您的 Markdown 可能如下所示:

Lorem ipsum dolor sit amet.

[button url="http://www.google.com"]

---

选项 2. 包含 Jekyll 文件

另一种选择是使用 Jekyll include:

Lorem ipsum dolor sit amet.

{% include button.html url="http://www.google.com" %}

---

选项 3. 纯 HTML

第三种选择是编写纯 HTML:

Lorem ipsum dolor sit amet.

<button name="button" onclick="http://www.google.com">Click me</button>

---

方案4.markdown方式

最后一个选项是使用 markdown 添加类并使用 CSS 将链接样式设置为按钮。

Lorem ipsum dolor sit amet.

[Click me](http://www.google.com){: .btn}

---

结论

您的选择取决于您的喜好。如果您想从 WordPress 移植或移植到 WordPress，第一个解决方案是最简单的。第二种是真正的 Jekyll 方式。第三个(HTML)也很有意义。最后一种，markdown 方式，是最漂亮的(在我看来)，但不会生成真正的按钮。