0

マークダウンの公式デモは素晴らしいです。ガイドに従おうとしましたが、結果は期待と一致しません。言葉の色は緑色です。

<!DOCTYPE html>
<html>
<head>
    <title>highlight.js example</title>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/styles/darkula.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
<pre><code class="markdown">
    # hello world

    you can write text [with links](http://example.com) inline or [link references][1].

    * one _thing_ has *em*phasis
    * two __things__ are **bold**

    [1]: http://example.com

    ---

    hello world
    ===========

    > markdown is so cool

    so are code segments

    1. one thing (yeah!)
    2. two thing `i can write code`, and `more` wipee!
</code></pre>
</body>
</html>

4

1 に答える 1

3

コード例全体が 4 つのスペースでインデントされています。事前にフォーマットされたコードを意味する Markdown 構文と、選択したテーマを使用した highlight.js では、コード ブロックが緑色で色付けされます。

各行の先頭から 4 つのスペースを削除すると、すべてが期待どおりに機能します。

<!DOCTYPE html>
<html>

<head>
  <title>highlight.js example</title>
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/styles/darkula.min.css">
  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/highlight.min.js"></script>
  <script>
    hljs.initHighlightingOnLoad();
  </script>
</head>

<body>
  <pre><code class="markdown">
# hello world

you can write text [with links](http://example.com) inline or [link references][1].

* one _thing_ has *em*phasis
* two __things__ are **bold**

[1]: http://example.com

---

hello world
===========

> markdown is so cool

so are code segments

1. one thing (yeah!)
2. two thing `i can write code`, and `more` wipee!
</code></pre>
</body>

</html>

于 2015-08-10T05:24:32.513 に答える