文章撰写常用组件

常用


<pre>
    <code class="lang-dart"></code>
</pre>

[epcl_box type="information"][/epcl_box]
💡 代码解析
🟢 运行项目

代码高亮

Line Numbers

展示代码行数

    class A {
    void main() => runApp(MyApp());
}

<pre class="line-numbers">
    <code class="lang-dart">
    </code>
</pre>

Line Highlight

高亮指定行代码

    class A {
    void main() => runApp(MyApp());
}

<pre data-line="1">
    <code class="lang-dart">
    </code>
</pre>

指定data-line可以为: 1-2, 5, 9-20

可与Line Numbers配合使用


Diff Highlight

-    println("A");
+    println("B");
     println("C")

<pre>
    <code class="language-diff-dart diff-highlight">
    </code>
</pre>

Command Line

    pwd
/usr/home/chris/bin
ls -la
total 2
drwxr-xr-x   2 chris  chris     11 Jan 10 16:48 .
drwxr--r-x  45 chris  chris     92 Feb 14 11:10 ..
-rwxr-xr-x   1 chris  chris    444 Aug 25  2013 backup
-rwxr-xr-x   1 chris  chris    642 Jan 17 14:42 deploy
<pre  data-output="" class="command-line" data-user="root" data-host="localhost">
    <code class="lang-bash">
    </code>
</pre>

windows使用data-prompt参数代替data-userdata-host

布局

提示信息

information
error
success
[epcl_box type="information"][/epcl_box]