写在前面的话:是因为需要在GitHub上的md格式文件添加描述性图片,于是乎查到了Markdown的相关编辑语法。很久之前就知道Markdown的普及,以及Markdown为日常码农用的最多的记录文档的编辑器之一,故自己也就做了相关的了解和学习。 在没有安装Markdown客户端的前提下,我使用的“有道云笔记”的Markdown编辑器实现demo操作,同时参考的简书文章!以下为链接:
http://www.jianshu.com/p/1e402922ee32/
http://blog.csdn.net/lanxuezaipiao/article/details/44307757
图片与链接
插入链接与插入图片的语法很像,区别在一个 !号
图片为:![](){ImgCap}{/ImgCap}
链接为:[]()
插入图片的地址需要图床,这里推荐围脖图床修复计划 与 CloudApp 的服务,生成URL地址即可。
==========Markdown-简单语法======================================================
# 标题一 ## 标题二 ### 标题三 #### 标题四 ##### 标题五 ###### 标题六 * 粗体 ### 只需要在文本前加入 > 这种尖括号(大于号)即可 > 引用1 > 引用2 > 引用3 #### Markdown 的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文本就是斜体的语法。 *斜体* **粗体** * 1 * 2 * 3 * 4 1. 1 2. 2 3. 3 4. 4 5. 5 6. 6 ### 图片与链接 #### 插入链接与插入图片的语法很像,区别在一个 !号 #### 图片为:![](){ImgCap}{/ImgCap} #### 链接为:[]() ##### 插入图片的地址需要图床,这里推荐围脖图床修复计划 与 CloudApp 的服务,生成URL地址即可。 ## 比如: ## 图片为: ![](http://img-prod.kkkd.com/Fu0SWAsuO6_by7MB4EGZ_KoDyC-G?imageMogr2/auto-orient/strip/thumbnail/750x/quality/90/interlace/1/format/webp) ## 链接为: [叶上初阳~清新连帽短款白色防晒衣轻薄纯色外搭长袖外套](http://m.mdscj.com/proDetail?channel=amcdl&productId=381112) # 表格: | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | # 代码框 #### 如果你是个程序猿,需要在文章里优雅的引用代码框,在 Markdown下实现也非常简单,只需要用两个 ` 把中间的代码包裹起来。图例: ```javascript equipmentCheck(); var goods_id = e.getAttribute("data-id"); var murl = domain + "/shop/index.php?act=goods&op=index&goods_id=" + goods_id; if(native_flag==0) { FHMall.gotoActivity("com.fanglin.fenhong.microbuyer.buyer.GoodsDetailsActivity", goods_id,jdkfhk,kjfdk,kjsldf,klsjf,sdklfj,erf,rgggggggggg,tr,tttttttttt,ttttttt,ttttttt,444444444,tttttttttt,666666666666,5555555); }else if(native_flag==1){ }else if(native_flag==-1){ window.location.href = murl; } ``` *** --------------------- ## 插入代码片段: ```javascript equipmentCheck(); var goods_id = e.getAttribute("data-id"); var murl = domain + "/shop/index.php?act=goods&op=index&goods_id=" + goods_id; if(native_flag==0) { FHMall.gotoActivity("com.fanglin.fenhong.microbuyer.buyer.GoodsDetailsActivity", goods_id,jdkfhk,kjfdk,kjsldf,klsjf,sdklfj,erf,rgggggggggg,tr,tttttttttt,ttttttt,ttttttt,444444444,tttttttttt,666666666666,5555555); }else if(native_flag==1){ }else if(native_flag==-1){ window.location.href = murl; } ``` *** ---------- ___________ ### Markdown语法说明: #### 你可以在一行中用三个或以上的星号*、减号-、底线_来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立一条分隔线。 * * * *** ***** - - - --------------------------------------- ### 这是一小段代码的插入 ##### 比如:让我们看看`printf()` 函数有哪些参数。
效果如下: