前言
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 |
---|---|
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
红色