在Harp Markdown

时间:2016-03-03 12:36:44

标签: image markdown harp

我在Harp中整理了一个网站,该网站将由多个主题组成,由不同的贡献者编写,可能使用不同的语言。我目前的文件夹结构是这样的:

+public
 |_layout.jade
 +en
  +topic 1
   |_data.json
   |pg1.md
   |pg2.md
   +img
    |pic.png

理想情况下,为了让他们的生活变得轻松,每个贡献者只需要担心一个文件夹:他们的主题。这也让我把它们作为子回购,人们只能干涉自己的工作。

我遇到的问题是以Markdown表示的图像路径与Markdown文件的位置无关,即

pg1.md

![My image](/img/pic.png "A title")

正在翻译

pg1.html

<img src="/img/pic.png" alt="My image" title="A title">

而不是

<img src="/en/topic1/img/pic.png" alt="My image" title="A title">

有什么方法可以让我想要的行为发生,或者我是否必须让贡献者进入完整的路径?

谢谢!

1 个答案:

答案 0 :(得分:0)

以斜杠开头的路径不是相对路径。从URL的开头删除斜杠:

    <script>
    document.getElementById('div2').appendChild(
          document.getElementById('C')
       );
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("div").animate({left: '250px'});
    });
});
</script>

现在图像路径相对于Markdown文件的位置。

请注意,当URL以斜杠开头时,第一个斜杠表示Web服务器的根。因此,任何以斜杠开头的路径都是绝对路径。如果您想要相对路径,则不能有以斜杠开头的路径。