博客文章编辑器常用代码存档

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

本文转自洛小依: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
如果觉得我的文章对你有用,请随意赞赏

8 条评论

  1. 英雄大人

    测试下贴吧表情,我果然很帅

    1. 英雄大人
      @英雄大人

      我又来测试了。

      1. VPS推荐
        @英雄大人

        帮你展示下评论的bug
        看到了么?

        1. 英雄大人
          @VPS推荐

          emmmm 什么BUG。。。?

          1. VPS推荐
            @英雄大人

            排版有问题啊,@的信息是在下面一行的,而不是在首行。看图

            1. VPS推荐
              @VPS推荐

              图片被吞没了,,,
              ww1点sinaimg点cn/large/007iUjdily1fxv5a1hm45j30av03cjrc点jpg

              1. 英雄大人
                @VPS推荐

                好的 我看看 感谢

                1. 英雄大人
                  @英雄大人

                  再测试下回复看看
                  这样就没有问题了吧!!!

发表评论