我想 post 我的 'raw code' 在 'Markdown'

Question

我想 post 我的 'raw code' 但它没有。我放了我的 'html code' 但它显示了我的 url.

我使用 Jekyll 主题'Mediumish'。

原始代码

<div style="text-align: center;">
  <a href="http://hits.dwyl.com/{{ site.url | remove_first: 'https://' | remove_first: 'http://' }}{{ page.url }}" target="_blank">
    <img src="http://hits.dwyl.com/{{ site.url | remove_first: 'https://' | remove_first: 'http://' }}{{ page.url }}.svg"/>
  </a>
</div>

页面显示

<div style="text-align: center;">
  <a href="http://hits.dwyl.com/localhost:4000/GithubBlog_8/" target="_blank">
    <img src="http://hits.dwyl.com/localhost:4000/GithubBlog_8/.svg" />
  </a>
</div>

我如何 post 我的原始代码以及为什么会这样？
这是我的页面和代码。

Github Page
Repository

Answer 1

这取决于你所说的原始的意思，但我想，在这里你不希望你的液体标签被解释。

在这种情况下，您只需要使用 raw 标签。

{% raw %}
<div style="text-align: center;">
  <a href="http://hits.dwyl.com/{{ site.url | remove_first: 'https://' | remove_first: 'http://' }}{{ page.url }}" target="_blank">
    <img src="http://hits.dwyl.com/{{ site.url | remove_first: 'https://' | remove_first: 'http://' }}{{ page.url }}.svg"/>
  </a>
</div>
{% endraw %}

另一方面，如果您的意思是 HTML 不应该被您的浏览器处理，那么您需要使用 HTML pre 标签：

<pre>
  <div style="text-align: center;">
    <a href="http://hits.dwyl.com/{{ site.url | remove_first: 'https://' | remove_first: 'http://' }}{{ page.url }}" target="_blank">
      <img src="http://hits.dwyl.com/{{ site.url | remove_first: 'https://' | remove_first: 'http://' }}{{ page.url }}.svg"/>
    </a>
  </div>
</pre>

然后，当然，如果你两者都不需要处理，你可以将两者结合起来：

{% raw %}
<pre>
  <div style="text-align: center;">
    <a href="http://hits.dwyl.com/{{ site.url | remove_first: 'https://' | remove_first: 'http://' }}{{ page.url }}" target="_blank">
      <img src="http://hits.dwyl.com/{{ site.url | remove_first: 'https://' | remove_first: 'http://' }}{{ page.url }}.svg"/>
    </a>
  </div>
</pre>
{% endraw %}

我想 post 我的 'raw code' 在 'Markdown'

I want to post my 'raw code' at 'Markdown'

html

markdown

liquid

syntaxhighlighter

jekyll