因为对编辑器不熟,所以将一些代码保存在博客,方便以后参考查阅。

本文转自洛小依:https://www.lovexint.com/archives/21/

常用提示代码

<scode type="share">这是灰色的短代码框,常用来引用资料什么的</scode>
<scode type="yellow">这是黄色的短代码框,常用来做提示,引起读者注意。</scode>
<scode type="red">这是红色的短代码框,用于严重警告什么的。</scode>
<scode type="lblue">这是浅蓝色的短代码框,用于显示一些信息。</scode>
<scode type="green">这是绿色的短代码框,显示一些推荐信息。</scode>
当然 如果你使用handsome主题,你可以在主题增强功能打开markdown扩展功能,然后你可以这样写
@>(空格)文字 表示银色引用框
!>(空格)文字 表示黄色警告框
x>(空格)文字 表示红色错误框
i>(空格)文字 表示蓝色信息框
√>(空格)文字 表示绿色成功框


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

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

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

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

注意如果要使用以上代码,请将<>换成[]


文章中插入收缩框

实例点击打开
一些文字内容

实例默认打开
一些文字内容

注意如果要使用以上代码,请将<>换成[]


时光机评论图片不加载

<img src="">

去后台,设置——评论——允许使用的HTML标签和属性 添加下面标签即可


文章内插入音乐

<hplayer title="歌曲名" author="歌手" url="http:\/\/xxx.com\/xxx.mp3" size="large" />

注意如果要使用以上代码,请将<>换成[]
文章页面插入播放器size默认为large时光机插入播放器size默认为small
你也可以手动改动这个标签的内容以选择不同的播放器样式:)


文章内插入视频

<vplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.png">
  1. url:视频地址
  2. pic:视频背景图片

注意如果要使用以上代码,请将<>换成[]
点击编辑器的插入音乐图标可以插入视频,只支持本地的视频地址的播放
时光机的视频插入按钮也是同样的操作
直接在输入框中输入视频的地址即可,一般以.mp4结尾的资源地址。


文章内部分隐藏回复可见

<hide></hide>

实例

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

注意如果要使用以上代码,请将<>换成[]


添加按钮

<button>矩形按钮文字</button>
<button color="succees"]矩形按钮文字</button>
<button type="round" color="success">椭圆形按钮文字</button>
<button color="success" icon="glyphicon glyphicon-eur"]图标按钮文字</button>

<button color="info" icon="glyphicon glyphicon-download-alt"><点击下载>(https://www.baidu.com)</button>

注意如果要使用以上代码,请将<>换成[]

按钮图标汇总地址:https://v3.bootcss.com/components/#glyphicons

最后修改:2018 年 12 月 03 日 10 : 52 PM
如果觉得我的文章对你有用,请随意赞赏