前言

handsome这个主题有好多样式代码,Markdown也有好多样式这里记录一下。

handsome


[button]矩形按钮文字[/button]


[button color="succees"]矩形按钮文字[/button]


[button type="round" color="success"]椭圆形按钮文字[/button]


[button color="success" icon="glyphicon glyphicon-eur"]图标按钮文字[/button]


[po❤st url="https:\/\/www.ihewro.com" title="友人C" intro="一个个人博客" cover="https://www.ihewro.com/img/xxx.jpg" /]



[po❤st cid="1" /]

此处内容需要评论回复后(审核通过)方可阅读。

[hi❤de]文章内部分隐藏回复可见[/hide]

该部分仅登录用户可见

[lo❤gin]需要加密的内容[/login]


这是黄色的短代码框,常用来做提示,引起读者注意。

这是红色的短代码框,用于严重警告什么的。

这是浅蓝色的短代码框,用于显示一些信息。

这是绿色的短代码框,显示一些推荐信息。

[s❤code type="share"]这是灰色的短代码框,常用来引用资料什么的[/scode]
[s❤code type="yellow"]这是黄色的短代码框,常用来做提示,引起读者注意。[/scode]
[s❤code type="red"]这是红色的短代码框,用于严重警告什么的。[/scode]
[s❤code type="lblue"]这是浅蓝色的短代码框,用于显示一些信息。[/scode]
[s❤code type="green"]这是绿色的短代码框,显示一些推荐信息。[/scode]

标题

一些文字内容


标题

一些文字内容


[c❤ollapse title="标题" status="false"]一些文字内容[/collapse]
[c❤ollapse title="标题"]一些文字内容[/collapse]

内容 1
内容 2

[t❤abs]
[t❤ab name="标签页 1" active="true"]内容 1[/tab]
[t❤ab name="标签页 2"]内容 2[/tab]
[/tabs]

默认白色文字
紫色文字
蓝色文字
黄色文字
红色文字
绿色文字
黑色文字
默认白色文字
[t❤ag type="primary"]紫色文字[/tag]
[t❤ag type="info"]蓝色文字[/tag]
[t❤ag type="warning"]黄色文字[/tag]
[t❤ag type="danger"]红色文字[/tag]
[t❤ag type="success"]绿色文字[/tag]
[t❤ag type="dark"]黑色文字[/tag]

Markdown

h1标题

h2标题

h3标题

h4标题

h5标题
h6标题
h7标题

加粗

引用

表格1
12
22

html

以下内容可以直接使用f12尝试效果

控制图片大小

测试

红色

蓝色框

<p style="margin-top: 2em; 
margin-bottom: 2em; 
white-space: normal; 
padding: 12px 24px 12px 30px; 
font-size: 15px; 
border-left: 4px solid rgb(29, 172, 245);
background-color: rgb(248, 248, 248); 
position: relative; border-bottom-right-radius: 2px; 
border-top-right-radius: 2px; color: rgb(44, 62, 80); 
font-family: &quot;text-align:justify;white-space:normal;&quot;; text-indent: 2em; text-align: left;">蓝色框</p>

本文0基础小白向,致力于小白也能顺利理解,用于本站其它文章引用,可能简化部分生涩难懂的概念,同时由于本人技术水平有限,出现错误在所难免,欢迎指正。
本文首发于我的博客blog.devyi.com,欢迎点击原文访问我的博客获得更好的阅读体验。

00000

蓝色

00000

灰色

00000

绿色

00000

橙色

00000

红色

最后修改:2020 年 06 月 12 日
如果觉得我的文章对你有用,请随意赞赏