有没有办法添加一个简单的HTML按钮，使用Jekyll将一些CSS格式化为Markdown文件？我是Jekyll的新手，并不知道我的方式。我想将此按钮链接到外部URL以进行文件下载。
答案 0 :(得分：7)
选项1.短代码+ javascript
第一种是使用短代码WordPress样式并用jQuery替换它们。你需要在javascript中使用一些聪明的正则表达式来实现这一点。在这种情况下，您的降价可能如下所示：
Lorem ipsum dolor sit amet.
[button url="http://www.google.com"]
选项2.包括Jekyll文件
另一种选择是使用Jekyll包括：
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添加类并使用CSS将链接设置为按钮样式。
Lorem ipsum dolor sit amet.
[Click me](http://www.google.com){: .btn}
<强>结论
您选择的内容取决于您的偏好。如果您想从WordPress移植或移植到WordPress，第一个解决方案是最简单的。第二个是真正的杰基尔方式。第三个（HTML）也是有道理的。最后一个，降价方式，是最美丽的（在我看来），但不生成真正的按钮。
答案 1 :(得分：5)
Markdown不是HTML的替代品，甚至不接近它。它的语法是 非常小，仅对应于HTML标签的一小部分。这个想法 不是要创建一个语法，以便更容易插入HTML标记。在我的 意见，HTML标签已经很容易插入。 Markdown的想法是 便于阅读，编写和编辑散文。
按钮不是散文。要创建，您必须使用HTML：
<button name="button">Click me</button>
答案 2 :(得分：2)
使用JoostS推荐的include选项（2）。这是更具体的信息，显示如何使用包含参数的按钮合并。在_includes文件夹中，创建按钮模板（例如button.html），例如：
<button type="button" class="btn btn-{{include.button_class}} active">{{include.button_name}}</button>
（此HTML代码假定您使用的是Bootstrap for your buttons。）
我编写{{include.button_name}}的地方将是您传入include中的参数。
现在在Markdown页面上，按照以下步骤输入您的按钮：
{% include button.html button_name="My Button" button_class="primary" %}
我在文档中将此技术用于标注，图像和警报。基本上每当你有复杂的HTML格式时，你都可以将它隐藏在这样的包含模板中。
答案 3 :(得分：1)
要添加一个简单的按钮，这在任何带有 Jekyll 的 .md 文件中都可以正常工作。只需在 markdown (.md) 文件中使用它并根据您的链接更改链接“https://bing.com”。
在同一个标签页中打开链接：
<button onclick="window.location.href='https://bing.com';">Click</button>
在新标签页中打开链接：
<form action="https://stackoverflow.com/" method="get" target="_blank"><button type="submit">Click me</button></form>