Loading... <!--more--> ##文本 - 标题 >注释:#和标题之前最好加空格!有的编辑器不加空格不给你解析== ``` # 这是一级标题 ## 这是二级标题 ### 这是三级标题 ###### 这是六级标题 这是高阶标题(效果和一级标题一样 ) ======== 这是次阶标题(效果和二级标题一样) -------------- ``` - 增强 ``` 加粗:**文字** 斜体:*斜体* 删除线:~~删除线~~ ``` - hr横线 ``` 使用---或者***或者* * *表示水平分割线。(≥3个) ``` >注释:使用---作为水平分割线时,要在它的前后都空一行,防止---被当成标题标记的表示方式。 - 字号、字体、颜色、背景色:markdown没有直接的规则,但是可以直接使用HTML代码 ```html <center>这一行需要居中</center> <font face="STCAIYUN">我是华文彩云</font> <font color=gray size=5>color=gray</font> <font color=#0099ff size=5 face="黑体">color=#0099ff size=5 face="黑体"</font> <table><tr><td bgcolor=#FF4500></td></tr></table> <table><tr><td bgcolor=#FF4500>(这里面添加文字)这里的背景色是:OrangeRed, 十六进制颜色值:#FF4500, rgb(255, 69, 0)</td></tr></table> ``` - 无序列表 ``` * 或 - 或 +(空格)文字 ``` >注释:无序列表的项目符号是按照实心圆、空心圆、实心方格的层级关系递进的(Tab键) ``` + 呵呵 * 嘉嘉 - 嘻嘻 - 吼吼 - 嘎嘎 + 桀桀 * 哈哈 ``` - 有序列表 ``` >1.(空格)文字 ``` - 引用 ``` 使用>表示引用,>>表示引用里面再套一层引用,依次类推。 ``` - 行内代码: ``` `行内代码文字` ``` - 代码块: ``` //你的代码 (去掉#号) ``` ##链接 ``` [我的博客](http://www.ddli.cn "uimao") ``` - 简写url ``` <http://www.baidu.com> ``` - 图片形式(在链接前面加个英文!) ``` ![图片名称]![Alt text](/path/to/img.jpg(空格)"Optional title") ![alt_text]![id] [id]:url(空格)"可选title" ``` ##主题 - 灯箱 >文章中如果某个图片不想显示灯箱效果,可以给图片标签中加入nogallery属性: ```html <img nogallery src=""> ``` >如果某张图片高度很大,想折叠展示,可以给图片标签加入max属性: ```html <img max src=""> ``` - 可用图标 ![iconfont图标](https://handsome.ihewro.com/media/15565128177607.jpg) ![fontello图标](https://handsome.ihewro.com/media/15565128226100.jpg) [<font color=gray size=3>Glyphicons 字体图标</font>](http://v3.bootcss.com/components/#glyphicons "Glyphicons 字体图标") <center><font color=gray size=4>用法</font></center> ``` iconfont icon-xxx glyphicon glyphicon-eur fontello fontello-xxx <i class="iconfont icon-fork i-sm m-r-sm"></i> ``` ###按钮 handsome支持以下类型的按钮: - 矩形文字按钮 - 椭圆形文字按钮 - 矩形图标文字按钮 <center><font color=gray size=4>用法</font></center> ```html <button class=" btn m-b-xs btn-primary " onclick=''>矩形按钮文字</button> <button class=" btn m-b-xs btn-succees " onclick=''>矩形按钮文字</button> <button class=" btn m-b-xs btn-success btn-rounded " onclick=''>椭圆形按钮文字</button> <button class=" btn m-b-xs btn-success btn-addon" onclick=''><i class="glyphicon glyphicon-eur"></i>图标按钮文字</button> ``` <center><font color=gray size=4>效果</font> <button class=" btn m-b-xs btn-primary " onclick=''>矩形按钮文字</button> <button class=" btn m-b-xs btn-succees " onclick=''>矩形按钮文字</button> <button class=" btn m-b-xs btn-success btn-rounded " onclick=''>椭圆形按钮文字</button> <button class=" btn m-b-xs btn-success btn-addon" onclick=''><i class="glyphicon glyphicon-eur"></i>图标按钮文字</button></center> - type:选填,不填默认为矩形按钮。可选值: >round:椭圆形按钮 - color: 选填,不填默认为success(绿色),可选值: >light:白色 info:蓝色 dark:深色 success:绿色 black:黑色 warning:黄色 primary:紫色 danger:红色 icon:选填,不填默认为文字按钮,可用按钮见图标列表 - url:选填,填写点击的链接 ``` 如果你的链接是http://www.baidu.com,请手动将/前面加一个反斜杆\,即http:\/\/www.baidu.com ``` <center><font color=gray size=4>用法</font></center> ```html <button class=" btn m-b-xs btn-danger btn-addon" onclick='window.open("http://wpa.qq.com/msgrd?v=3&uin=10669764&site=qq&menu=yes","_blank")'><i class="fontello fontello-gratipay"></i>点击QQ咨询购买(√推荐)</button> <button class=" btn m-b-xs btn-success btn-addon" onclick='window.open("mailto:hello@uimao.com","_blank")'><i class="glyphicon glyphicon-send"></i>hello@uimao.com</button> ``` <center><font color=gray size=4>效果</font> <button class=" btn m-b-xs btn-danger btn-addon" onclick='window.open("http://wpa.qq.com/msgrd?v=3&uin=10669764&site=qq&menu=yes","_blank")'><i class="fontello fontello-gratipay"></i>点击QQ咨询购买(√推荐)</button> <button class=" btn m-b-xs btn-success btn-addon" onclick='window.open("mailto:hello@uimao.com","_blank")'><i class="glyphicon glyphicon-send"></i>hello@uimao.com</button></center> ###音乐 >点击编辑器的插入音乐图标可以在文章内可以插入音乐歌曲地址,支持云解析和本地MP3地址两种方式: 时光机的音乐插入按钮也是同样的操作 - 云解析歌曲:暂时支持解析单曲,不支持歌单,支持以下媒体: >网易云音乐:http://music.163.com/#/song?id=40147556 QQ音乐:https://y.qq.com/n/yqq/song/000jDQWP4JiB3y.html 虾米音乐:http://www.xiami.com/song/bf08DNT3035f 酷狗音乐:http://www.kugou.com/song/#hash=09E8DE70A24C97B92A29F6A19F3528A2 百度音乐:http://music.baidu.com/song/268275324 - 本地mp3地址播放: >示例:直接在输入框中输入.mp3结尾的地址,并填写歌曲名和歌手的名称。 ``` <div class='handsome_aplayer player-content' data-preload="auto" data-autoplay="false" data-listMaxHeight="340px" data-order="list" data-title="歌曲名" data-author="歌手" data-url="http://xxx.com/xxx.mp3" data-size="large"> <div class="handsomePlayer-tip-loading"><span></span> <span></span> <span></span> <span></span><span></span></div><div class="handsome_aplayer_music" data-name="歌曲名" data-artist="歌手" data-url="http://xxx.com/xxx.mp3" data-cover="" data-lrc=""></div> </div> ``` >文章页面插入播放器size默认为large时光机插入播放器size默认为small 你也可以手动改动这个标签的内容以选择不同的播放器样式:) ###视频 >点击编辑器的插入音乐图标可以插入视频,只支持本地的视频地址的播放 时光机的视频插入按钮也是同样的操作 直接在输入框中输入视频的地址即可,一般以.mp4结尾的资源地址。 <center><font color=gray size=4>用法</font></center> ``` <video src="http://xxx.com/xxx.mp4" style="background-image:url(http://xxx.com/xxx.png);background-size: cover;"></video> ``` - url:视频地址 - pic:视频背景图片 ###调用 ####调用其他文章 >点击编辑器的调用文章的按钮可以调用其他文章并显示 ```html [删除post cid="1" /] [删除post cid="1" cover="http:\/\/localhost\/build\/usr\/themes\/handsome\/usr\/img\/sj\/6.jpg"/] ``` - cid:必填,是文章的唯一编号,在后台的编辑文章的地址可以看到,比如http://localhost/build/admin/write-post.php?cid=23,值为23 - cover:可选项,调用文章显示的封面,如果不填则默认显示随机缩略图。 ####调用外链网站 ``` [删除post url="https:\/\/www.ddli.cn" title="uimao" intro="个人博客" cover="http://www.uimao.com/img/xxx.jpg" /] ``` - title:必填,外链的名称/标题 - url:必填,外链的地址(请填写绝对地址,就是浏览器地址栏什么样的就填什么样的) - intro:(可选)外链网站的简介/介绍 - cover:(选填)外链网站的介绍图片地址 ####插入相册 - 使用方法: ``` [删除album](插入图片,支持图片的HTML格式或者是markdown语法都可以,支持外链或者附件上传均可)[/album] ``` - 举例: ``` //方式1(markdown语法) [删除album] ![图片描述1][1] ![图片描述2][2] [/album] [1]: http://xxx.com/xxx1.jpg [2]: http://xxx.com/xxx2.jpg //方式2(markdown语法) [删除album] ![图片描述1](http://xxx.com/xxx1.jpg) ![图片描述2](http://xxx.com/xxx2.jpg) [/album] //方式3(HTML语法) [删除album] <img src="http://xxx.com/xxx1.jpg" alt="图片描述1" style=""> <img src="http://xxx.com/xxx2.jpg" alt="图片描述2" style=""> [/album] ``` ###内容 - 文章内部分隐藏回复可见 ``` [删除hide]回复可见[/hide] ``` >标签包裹住你想要隐藏的内容,游客必须先回复后才能查看隐藏内容。 - 文章内部分内容登录可见 >为什么增加这样的功能呢?因为有时候一篇文章并不想完全的加密,部分内容由于隐私问题需要加密。该部分内容仅登录用户(如果是个人博客就是仅博主)可见。 ``` [删除login]需要加密的内容[/login] ``` - 文章中插入短代码高亮文本 ``` [删除scode type="share"]这是灰色的短代码框,常用来引用资料什么的[/scode] [删除scode type="yellow"]这是黄色的短代码框,常用来做提示,引起读者注意。[/scode] [删除scode type="red"]这是红色的短代码框,用于严重警告什么的。[/scode] [删除scode type="lblue"]这是浅蓝色的短代码框,用于显示一些信息。[/scode] [删除scode type="green"]这是绿色的短代码框,显示一些推荐信息。[/scode] ``` <center><font color=gray size=4>效果</font> <div class="tip inlineBlock share"> 这是灰色的短代码框,常用来引用资料什么的 </div> <div class="tip inlineBlock warning"> 这是黄色的短代码框,常用来做提示,引起读者注意。 </div> <div class="tip inlineBlock error"> 这是红色的短代码框,用于严重警告什么的。 </div> <div class="tip inlineBlock info"> 这是浅蓝色的短代码框,用于显示一些信息。 </div> <div class="tip inlineBlock success"> 这是绿色的短代码框,显示一些推荐信息。 </div></center> - 文章中插入收缩框 ``` [删除collapse title="标题" status="false"]一些文字内容[/collapse] [删除collapse title="标题"]一些文字内容[/collapse] ``` >其中status为false 表示默认不显示文字内容,为true表示默认显示内容。 不写status 属性,默认是展开内容的。 - 文章内插入图集 ``` [alubm] [普通的图片插入,支持markdown语法和html语法,混合也可以] [/album] ``` 最后修改:2020 年 03 月 19 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 1 如果觉得我的文章对你有用,请随意赞赏
1 条评论
OωO