当我使用降价时，我的第一个元素的格式与其他元素不同

Question

我正在学习有关如何使用 markdown 以及何时执行此操作的教程

# H1
## H2
### H3
#### H4
##### H5
###### H6

H1被包裹在井中。当我从控制台查看输出时，它显示

<p class="content-markdown"><pre><code>   # H1
  </code></pre><h2 id="h2">H2</h2>
  <h3 id="h3">H3</h3>
  <h4 id="h4">H4</h4>
  <h5 id="h5">H5</h5>
  <h6 id="h6">H6</h6>
  <h2 id="alt-h2">Alt-H2</h2>
</p>

如果我的广告是

在 h1 之上，它显示正常，但爆炸标志现在在井中

这是我的脚本标签

<script type="text/javascript">

$(document).ready(function(){
    $(".content-markdown").each(function(){
    var content =  $(this).text()
    console.log(content)
    var markedContent = marked(content)
    console.log(markedContent)
    $(this).html(markedContent)
    })
})

这是我的头标签，我认为这并不重要，但我可能错了

<script   src="https://code.jquery.com/jquery-1.12.3.min.js"
              integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ="   crossorigin="anonymous"></script>

       <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" >

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" >

    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>

这可能是什么原因造成的？欢迎所有指导

Answer 1

您的 Markdown 文档开头似乎有一些额外的空格。当您从 HTML 文档中拉出 Markdown（但您没有显示该部分）时，请检查 HTML 是否有空格。

当我使用降价时，我的第一个元素的格式与其他元素不同

When I use markdown my first element is not formatted like the other elements

javascript

jquery

html

markdown