23_博客短代码记录一二
这是一篇原发布于2020-01-04 13:21:00得益小站的文章，备份在此处。
前言
handsome这个主题有好多样式代码，Markdown也有好多样式这里记录一下。
handsome
[button]矩形按钮文字[/button]
[button]矩形按钮文字[/button]
[button color="succees"]矩形按钮文字[/button]
[button color="succees"]矩形按钮文字[/button]
[button type="round" color="success"]椭圆形按钮文字[/button]
[button type="round" color="success"]椭圆形按钮文字[/button]
[button color="success" icon="glyphicon glyphicon-eur"]图标按钮文字[/button]
[button color="success" icon="glyphicon glyphicon-eur"]图标按钮文字[/button]
[post url="https://www.ihewro.com" title="友人C" intro="一个个人博客" cover="https://www.ihewro.com/img/xxx.jpg" /]
[po❤st url="https:\/\/www.ihewro.com" title="友人C" intro="一个个人博客" cover="https://www.ihewro.com/img/xxx.jpg" /]
[button color="success" icon="iconfont icon-links"]链接按钮[/button]
[button color="success" icon="iconfont icon-links"]链接按钮[/button]
[post cid="1" /]
[po❤st cid="1" /]
[hide]文章内部分隐藏回复可见[/hide]
[hi❤de]文章内部分隐藏回复可见[/hide]
[login]需要加密的内容[/login]
[lo❤gin]需要加密的内容[/login]
[scode type="share"]这是灰色的短代码框，常用来引用资料什么的[/scode]
[scode type="yellow"]这是黄色的短代码框，常用来做提示，引起读者注意。[/scode]
[scode type="red"]这是红色的短代码框，用于严重警告什么的。[/scode]
[scode type="lblue"]这是浅蓝色的短代码框，用于显示一些信息。[/scode]
[scode type="green"]这是绿色的短代码框，显示一些推荐信息。[/scode]
[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]
[collapse title="标题" status="false"]一些文字内容[/collapse]
[collapse title="标题"]一些文字内容[/collapse]
[c❤ollapse title="标题" status="false"]一些文字内容[/collapse]
[c❤ollapse title="标题"]一些文字内容[/collapse]
[tabs]
[tab name="标签页 1" active="true"]内容 1[/tab]
[tab name="标签页 2"]内容 2[/tab]
[/tabs]
[t❤abs]
[t❤ab name="标签页 1" active="true"]内容 1[/tab]
[t❤ab name="标签页 2"]内容 2[/tab]
[/tabs]
[tag]默认白色文字[/tag]
[tag type="primary"]紫色文字[/tag]
[tag type="info"]蓝色文字[/tag]
[tag type="warning"]黄色文字[/tag]
[tag type="danger"]红色文字[/tag]
[tag type="success"]绿色文字[/tag]
[tag type="dark"]黑色文字[/tag]
[tag]默认白色文字[/tag]
[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 |
|---|---|
| 1 | 2 |
| 2 | 2 |
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: "text-align:justify;white-space:normal;"; text-indent: 2em; text-align: left;">蓝色框</p>
!!!
本文0基础小白向，致力于小白也能顺利理解，用于本站其它文章引用，可能简化部分生涩难懂的概念，同时由于本人技术水平有限，出现错误在所难免，欢迎指正。
本文首发于我的博客blog.devyi.com，欢迎点击原文访问我的博客获得更好的阅读体验。
00000
!!!
蓝色
!!! 00000 !!!灰色
!!! 00000 !!!绿色
!!! 00000 !!!橙色
!!! 00000 !!!红色
!!!