jade模板使用心得

如何像markdown添加代码块

使用pre标签

pre.
  function(name,age){
  console.log(name+"how are you")}

所谓代码块就是要头对其,然后与pre标签保持至少2个空格的缩进

如果pre标签内部(注意作用域)增加注释,则注释行后面的代码可随意放


eg1:
pre.
 //ccc 
   function(name,age){
  console.log(name+"how are you")}
    var age=1

eg2:

pre.
  function(name,age){
  console.log(name+"how are you")}
    var name="judy"
     var mongodb=require('mongodb')

但是p标签就不能自动换行了

它会以一个空格的形式隔开

p.
  apple
  orange
  banana
-->结果为p:apple orange banana

当然是用code也可以,但是必须转义

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap 实例 - 代码</title>
  <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <script src="/scripts/jquery.min.js"></script>
  <script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>

<p><code>&lt;header&gt;</code> 作为内联元素被包围。</p>
<p>如果需要把代码显示为一个独立的块元素,请使用 <pre> 标签:</p>
<pre>
  &lt;article&gt;
    &lt;h1&gt;Article Heading&lt;/h1&gt;
  &lt;/article&gt;
</pre>
</body>
</html>
You can change the world with your heart,even a lot of changes sometimes unless you won't geiv up....
原文地址:https://www.cnblogs.com/xiongwei2017/p/6601705.html