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是否有空格。

当我使用markdown时，我的第一个元素的格式不像其他元素

1 个答案: