Halo博客美化修改

2022-10-04 16:37:58 浏览数 (1)

Joe2.0 x Halo 美化

新增标签样式

代码语言：javascript复制

&lt;div class=&quot;note info&quot;&gt;&#x8FD9;&#x91CC;&#x662F; info &#x6807;&#x7B7E;&#x6837;&#x5F0F;&lt;/div&gt;
&lt;div class=&quot;note info no-icon&quot;&gt;&#x8FD9;&#x91CC;&#x662F;&#x4E0D;&#x5E26;&#x7B26;&#x53F7;&#x7684; info &#x6807;&#x7B7E;&#x6837;&#x5F0F;&lt;/div&gt;
&lt;div class=&quot;note primary&quot;&gt;&#x8FD9;&#x91CC;&#x662F; primary &#x6807;&#x7B7E;&#x6837;&#x5F0F;&lt;/div&gt;
&lt;div class=&quot;note primary no-icon&quot;&gt;&#x8FD9;&#x91CC;&#x662F;&#x4E0D;&#x5E26;&#x7B26;&#x53F7;&#x7684; primary &#x6807;&#x7B7E;&#x6837;&#x5F0F;&lt;/div&gt;
&lt;div class=&quot;note warning&quot;&gt;&#x8FD9;&#x91CC;&#x662F; warning &#x6807;&#x7B7E;&#x6837;&#x5F0F;&lt;/div&gt;
&lt;div class=&quot;note warning no-icon&quot;&gt;&#x8FD9;&#x91CC;&#x662F;&#x4E0D;&#x5E26;&#x7B26;&#x53F7;&#x7684; warning &#x6807;&#x7B7E;&#x6837;&#x5F0F;&lt;/div&gt;
&lt;div class=&quot;note danger&quot;&gt;&#x8FD9;&#x91CC;&#x662F; danger &#x6807;&#x7B7E;&#x6837;&#x5F0F;&lt;/div&gt;
&lt;div class=&quot;note danger no-icon&quot;&gt;&#x8FD9;&#x91CC;&#x662F;&#x4E0D;&#x5E26;&#x7B26;&#x53F7;&#x7684; danger &#x6807;&#x7B7E;&#x6837;&#x5F0F;&lt;/div&gt;

样例:

这里是 info 标签样式

这里是不带符号的 info 标签样式

这里是 primary 标签样式

这里是不带符号的 primary 标签样式

这里是 warning 标签样式

这里是不带符号的 warning 标签样式

这里是 danger 标签样式

这里是不带符号的 danger 标签样式

使用方法:

在MarkDown编写时用上述代码

markdown

0 人点赞