html - 在 octopress 帖子中添加锚点

Question

我正在使用 Octopress，我知道为了在我的帖子中添加图片，而不是写：

<img src="src" alt="alt" class="class" />

我可以写：

{% img class src alt %}

而且，如果写：

<a href="href">text</a>

我可以写：

[text](href)

但是我该怎么写：

<a href="href" target="target">text</a>

?

如果这是不可能的，唯一的解决方案是编写 html 标记，我可以在哪里以及如何添加 ruby​​ 代码将其翻译为例如：[text](href target)to this: <a href="href" target="target">text</a>？

此外，我在哪里可以找到所有这些 html octopress 快捷方式的列表？

Answer 1

这实际上是由用于处理文本的 Markdown 引擎而不是任何 Octopress 代码控制的。根据您使用的引擎，您可以编写

[text](href){: target="target" }

这称为“内联属性列表”，是 Markdown 语法的扩展。它得到Maruku和Kramdown的支持。

（请注意，Maruku 是 Jekyll 的默认 Markdown 引擎，因此如果您没有接触过配置的这方面，则支持此语法。）

Answer 2

这{% img class src alt %}是一个 octopress 标签，请参阅插件文档了解更多标签。

[text](href)遵循markdown sintax，并且不允许您向元素添加类、属性或 id。

因此，要解决目标问题，请在自定义标题布局中使用下面的片段，并在 url 末尾添加锚点#_blank，以在新窗口中打开。

<script type="text/javascript">
function addBlankTargetForLinks () {
    $('a[href^="http"],a[href*="#_blank"]').each(function(){
        $(this).attr('target', '_blank');
    });
}

$(document).bind('DOMNodeInserted', function(event) {
    addBlankTargetForLinks();
});
</script>

Answer 3

使用 Markdown 语法：

[text](#target)

为了<a href="href" target="target">text</a>

[text](href){: target="target" }