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

前端之家收集整理的这篇文章主要介绍了css – 如何使用Jekyll在.md文件中添加按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法添加一个简单的 HTML按钮,使用Jekyll将一些CSS格式化为Markdown文件?我是Jekyll的新手,并不知道我的方式.我想将此按钮链接到外部URL以进行文件下载.

解决方法

选项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)也是有道理的.最后一个,降价方式,是最美丽的(在我看来),但不生成一个真正的按钮.

猜你在找的CSS相关文章