1. Spring Boot Demo
  2. ===========================
  3. 该文件用来测试和展示书写README的各种markdown语法。GitHubmarkdown语法在标准的markdown语法基础上做了扩充,称之为`GitHub Flavored Markdown`。简称`GFM`GFMGitHub上有广泛应用,除了README文件外,issueswiki均支持markdown语法。
  4.  
  5. ****
  6.  
  7. |Author|果冻虾仁|
  8. |---|---
  9. |E-mail|Jelly.K.Wang@qq.com
  10.  
  11. ****
  12. ## 目录
  13. * [横线](#横线)
  14. * [标题](#标题)
  15. * [文本](#文本)
  16. * 普通文本
  17. * 单行文本
  18. * 多行文本
  19. * 文字高亮
  20. * 换行
  21. * 斜体
  22. * 粗体
  23. * 删除线
  24. * [图片](#图片)
  25. * 来源于网络的图片
  26. * GitHub仓库中的图片
  27. * [链接](#链接)
  28. * 文字超链接
  29. * 链接外部URL
  30. * 链接本仓库里的URL
  31. * 锚点
  32. * [图片链接](#图片链接)
  33. * [列表](#列表)
  34. * 无序列表
  35. * 有序列表
  36. * 复选框列表
  37. * [块引用](#块引用)
  38. * [代码高亮](#代码高亮)
  39. * [表格](#表格)
  40. * [表情](#表情)
  41. * [diff语法](#diff语法)
  42.  
  43. ### 横线
  44. -----------
  45. ***、---、___可以显示横线效果
  46.  
  47. ***
  48. ---
  49. ___
  50.  
  51. 标题
  52. ------
  53.  
  54. # 一级标题
  55. ## 二级标题
  56. ### 三级标题
  57. #### 四级标题
  58. ##### 五级标题
  59. ###### 六级标题
  60.  
  61. 文本
  62. ------
  63. ### 普通文本
  64. 这是一段普通的文本
  65. ### 单行文本
  66. Hello,大家好,我是果冻虾仁。
  67. 在一行开头加入1Tab或者4个空格。
  68. ### 文本块
  69. #### 语法1
  70. 在连续几行的文本开头加入1Tab或者4个空格。
  71.  
  72. 欢迎到访
  73. 很高兴见到您
  74. 祝您,早上好,中午好,下午好,晚安
  75.  
  76. #### 语法2
  77. 使用一对各三个的反引号:
  78. ```
  79. 欢迎到访
  80. 我是C++码农
  81. 你可以在知乎、CSDN、简书搜索【果冻虾仁】找到我
  82. ```
  83. 该语法也可以实现代码高亮,见[代码高亮](#代码高亮)
  84. ### 文字高亮
  85. 文字高亮功能能使行内部分文字高亮,使用一对反引号。
  86. 语法:
  87. ```
  88. `linux` `网络编程` `socket` `epoll`
  89. ```
  90. 效果:`linux` `网络编程` `socket` `epoll`
  91.  
  92. 也适合做一篇文章的tag
  93. #### 换行
  94. 直接回车不能换行,
  95. 可以在上一行文本后面补两个空格,
  96. 这样下一行的文本就换行了。
  97.  
  98. 或者就是在两行文本直接加一个空行。
  99.  
  100. 也能实现换行效果,不过这个行间距有点大。
  101. #### 斜体、粗体、删除线
  102.  
  103. |语法|效果|
  104. |----|-----|
  105. |`*斜体1*`|*斜体1*|
  106. |`_斜体2_`| _斜体2_|
  107. |`**粗体1**`|**粗体1**|
  108. |`__粗体2__`|__粗体2__|
  109. |`这是一个 ~~删除线~~`|这是一个 ~~删除线~~|
  110. |`***斜粗体1***`|***斜粗体1***|
  111. |`___斜粗体2___`|___斜粗体2___|
  112. |`***~~斜粗体删除线1~~***`|***~~斜粗体删除线1~~***|
  113. |`~~***斜粗体删除线2***~~`|~~***斜粗体删除线2***~~|
  114.  
  115. 斜体、粗体、删除线可混合使用
  116.  
  117. 图片
  118. ------
  119. 基本格式:
  120. ```
  121. ![alt](URL title)
  122. ```
  123. alttitle即对应HTML中的alttitle属性(都可省略):
  124. - alt表示图片显示失败时的替换文本
  125. - title表示鼠标悬停在图片时的显示文本(注意这里要加引号)
  126.  
  127. URL即图片的url地址,如果引用本仓库中的图片,直接使用**相对路径**就可了,如果引用其他github仓库中的图片要注意格式,即:`仓库地址/raw/分支名/图片路径`,如:
  128. ```
  129. https://github.com/guodongxiaren/ImageCache/raw/master/Logo/foryou.gif
  130. ```
  131.  
  132. |#|语法|效果|
  133. |---|---|----
  134. |1|`![baidu](http://www.baidu.com/img/bdlogo.gif "百度logo")`|![baidu](http://www.baidu.com/img/bdlogo.gif "百度logo")
  135. |2|`![][foryou]`|![][foryou]
  136.  
  137. 注意例2的写法使用了**URL标识符**的形式,在[链接](#链接)一节有介绍。
  138. >在文末有foryou的定义:
  139. ```
  140. [foryou]:https://github.com/guodongxiaren/ImageCache/raw/master/Logo/foryou.gif
  141. ```
  142.  
  143. 链接
  144. ------
  145. ### 链接外部URL
  146.  
  147. |#|语法|效果|
  148. |---|----|-----|
  149. |1|`[我的博客](http://blog.csdn.net/guodongxiaren "悬停显示")`|[我的博客](http://blog.csdn.net/guodongxiaren "悬停显示")|
  150. |2|`[我的知乎][zhihu] `|[我的知乎][zhihu] |
  151.  
  152. 语法2由两部分组成:
  153. - 第一部分使用两个中括号,[ ]里的标识符(本例中zhihu),可以是数字,字母等的组合,标识符上下对应就行了(**姑且称之为URL标识符**)
  154. - 第二部分标记实际URL
  155.  
  156. >使用URL标识符能达到复用的目的,一般把全文所有的URL标识符统一放在文章末尾,这样看起来比较干净。
  157. >>URL标识符是我起的名字,不知道是否准确。囧。。
  158.  
  159. ### 链接本仓库里的URL
  160.  
  161. |语法|效果|
  162. |----|-----|
  163. |`[我的简介](/example/profile.md)`|[我的简介](/example/profile.md)|
  164. |`[Book](./Book)`|[Book](/Book)|
  165.  
  166. ### 图片链接
  167. 给图片加链接的本质是混合图片显示语法和普通的链接语法。普通的链接中[ ]内部是链接要显示的文本,而图片链接[ ]里面则是要显示的图片。
  168. 直接混合两种语法当然可以,但是十分啰嗦,为此我们可以使用URL标识符的形式。
  169.  
  170. |#|语法|效果|
  171. |---|----|:---:|
  172. |1|`[![weibo-logo]](http://weibo.com/linpiaochen)`|[![weibo-logo]](http://weibo.com/linpiaochen)|
  173. |2|`[![](/img/zhihu.png "我的知乎,欢迎关注")][zhihu]`|[![](/img/zhihu.png "我的知乎,欢迎关注")][zhihu]|
  174. |3|`[![csdn-logo]][csdn]`|[![csdn-logo]][csdn]|
  175.  
  176. 因为图片本身和链接本身都支持URL标识符的形式,所以图片链接也可以很简洁(见例3)。
  177. 注意,此时鼠标悬停时显示的文字是图片的title,而非链接本身的title了。
  178. > 本文URL标识符都放置于文末
  179.  
  180. ### 锚点
  181. 其实呢,每一个标题都是一个锚点,和HTML的锚点(`#`)类似,比如我们
  182.  
  183. |语法|效果|
  184. |---|---|
  185. |`[回到顶部](#readme)`|[回到顶部](#readme)|
  186.  
  187. 不过要注意,标题中的英文字母都被转化为**小写字母**了。
  188. > 以前GitHub对中文支持的不好,所以中文标题不能正确识别为锚点,但是现在已经没问题啦!
  189.  
  190. ## 列表
  191. ### 无序列表
  192. * 昵称:果冻虾仁
  193. - 别名:隔壁老王
  194. * 英文名:Jelly
  195.  
  196. ### 多级无序列表
  197. * 编程语言
  198. * 脚本语言
  199. * Python
  200.  
  201. ### 有序列表
  202. #### 一般效果
  203. 就是在数字后面加一个点,再加一个空格。不过看起来起来可能不够明显。
  204. 面向对象的三个基本特征:
  205.  
  206. 1. 封装
  207. 2. 继承
  208. 3. 多态
  209.  
  210. #### 多级有序列表
  211. 和无序列表一样,有序列表也有多级结构:
  212.  
  213. 1. 这是一级的有序列表,数字1还是1
  214. 1. 这是二级的有序列表,阿拉伯数字在显示的时候变成了罗马数字
  215. 1. 这是三级的有序列表,数字在显示的时候变成了英文字母
  216.  
  217. ### 复选框列表
  218. - [x] 需求分析
  219. - [x] 系统设计
  220. - [x] 详细设计
  221. - [ ] 编码
  222. - [ ] 测试
  223. - [ ] 交付
  224.  
  225. 您可以使用这个功能来标注某个项目各项任务的完成情况。
  226. > Tip:
  227. >> GitHub的**issue**中使用该语法是可以实时点击复选框来勾选或解除勾选的,而无需修改issue原文。
  228.  
  229. ## 块引用
  230.  
  231. ### 常用于引用文本
  232. #### 文本摘自《深入理解计算机系统》P27
  233.  令人吃惊的是,在哪种字节顺序是合适的这个问题上,人们表现得非常情绪化。实际上术语“little endian”(小端)和“big endian”(大端)出自Jonathan Swift的《格利佛游记》一书,其中交战的两个派别无法就应该从哪一端打开一个半熟的鸡蛋达成一致。因此,争论沦为关于社会政治的争论。只要选择了一种规则并且始终如一的坚持,其实对于哪种字节排序的选择都是任意的。
  234. > **“端”(endian)的起源**
  235. 以下是Jonathan Swift1726年关于大小端之争历史的描述:
  236. “……下面我要告诉你的是,LilliputBlefuscu这两大强国在过去36个月里一直在苦战。战争开始是由于以下的原因:我们大家都认为,吃鸡蛋前,原始的方法是打破鸡蛋较大的一端,可是当今的皇帝的祖父小时候吃鸡蛋,一次按古法打鸡蛋时碰巧将一个手指弄破了,因此他的父亲,当时的皇帝,就下了一道敕令,命令全体臣民吃鸡蛋时打破较小的一端,违令者重罚。”
  237.  
  238. ### 块引用有多级结构
  239. > 数据结构
  240. >>
  241. >>> 二叉树
  242. >>>> 平衡二叉树
  243. >>>>> 满二叉树
  244.  
  245. 代码高亮
  246. ----------
  247. 在三个反引号后面加上编程语言的名字,另起一行开始写代码,最后一行再加上三个反引号。
  248. ```Java
  249. public static void main(String[]args){} //Java
  250. ```
  251. ```c
  252. int main(int argc, char *argv[]) //C
  253. ```
  254. ```Bash
  255. echo "hello GitHub" #Bash
  256. ```
  257. ```javascript
  258. document.getElementById("myH1").innerHTML="Welcome to my Homepage"; //javascipt
  259. ```
  260. ```cpp
  261. string &operator+(const string& A,const string& B) //cpp
  262. ```
  263. 表格
  264. --------
  265.  
  266. 表头1 | 表头2|
  267. --------- | --------|
  268. 表格单元 | 表格单元 |
  269. 表格单元 | 表格单元 |
  270.  
  271. | 表头1 | 表头2|
  272. | ---------- | -----------|
  273. | 表格单元 | 表格单元 |
  274. | 表格单元 | 表格单元 |
  275.  
  276. ### 对齐
  277. 表格可以指定对齐方式
  278.  
  279. | 左对齐 | 居中 | 右对齐 |
  280. | :------------ |:---------------:| -----:|
  281. | col 3 is | some wordy text | $1600 |
  282. | col 2 is | centered | $12 |
  283. | zebra stripes | are neat | $1 |
  284.  
  285. ### 混合其他语法
  286. 表格单元中的内容可以和其他大多数GFM语法配合使用,如:
  287. #### 使用普通文本的删除线,斜体等效果
  288.  
  289. | 名字 | 描述 |
  290. | ------------- | ----------- |
  291. | Help | ~~Display the~~ help window.|
  292. | Close | _Closes_ a window |
  293.  
  294. #### 表格中嵌入图片(链接)
  295. 其实前面介绍图片显示、图片链接的时候为了清晰就是放在在表格中显示的。
  296.  
  297. | 图片 | 描述 |
  298. | ---- | ---- |
  299. |![baidu][baidu-logo] | 百度|
  300.  
  301. 表情
  302. ----------
  303. GithubMarkdown语法支持添加emoji表情,输入不同的符号码(两个冒号包围的字符)可以显示出不同的表情。
  304.  
  305. 比如`:blush:`,可以显示:blush:。
  306.  
  307. 具体每一个表情的符号码,可以查询GitHub的官方网页[http://www.emoji-cheat-sheet.com](http://www.emoji-cheat-sheet.com)。
  308.  
  309. 但是这个网页每次都打开**奇慢**。。所以我整理到了本repo中,大家可以直接在此查看[emoji](./emoji.md)。
  310.  
  311. diff语法
  312. ---------
  313. 版本控制的系统中都少不了diff的功能,即展示一个文件内容的增加与删除。
  314. GFM中可以显示的展示diff效果。使用绿色表示新增,红色表示删除。
  315.  
  316. 其语法与代码高亮类似,只是在三个反引号后面写diff
  317. 并且其内容中,以 `+ `开头表示新增,`- `开头表示删除。
  318.  
  319. 效果如下:
  320.  
  321. ```diff
  322. + 鸟宿池边树,僧敲月下门
  323. - 鸟宿池边树,僧推月下门
  324. ```
  325.  
  326. --------------------------------
  327. [csdn]:http://blog.csdn.net/guodongxiaren "我的博客"
  328. [zhihu]:https://www.zhihu.com/people/jellywong "我的知乎,欢迎关注"
  329. [weibo]:http://weibo.com/linpiaochen
  330. [baidu-logo]:http://www.baidu.com/img/bdlogo.gif "百度logo"
  331. [weibo-logo]:/img/weibo.png "点击图片进入我的微博"
  332. [csdn-logo]:/img/csdn.png "我的CSDN博客"
  333. [foryou]:https://github.com/guodongxiaren/ImageCache/raw/master/Logo/foryou.gif

README.md 编写的更多相关文章

  1. Gitlab中README.MD编写格式模板

    README.MD文件 格式: 源码: # Hbase组件 ## Maven依赖 ``` <dependency> <groupId>catf</groupId> ...

  2. GitHub上README.md编写教程(基本语法)

    一.标题写法: 第一种方法: 1.在文本下面加上 等于号 = ,那么上方的文本就变成了大标题.等于号的个数无限制,但一定要大于0个哦.. 2.在文本下面加上 下划线 - ,那么上方的文本就变成了中标题 ...

  3. README.md编写

    一.标题写法: 第一种方法: 1.在文本下面加上 等于号 = ,那么上方的文本就变成了大标题.等于号的个数无限制,但一定要大于0个哦.. 2.在文本下面加上 下划线 - ,那么上方的文本就变成了中标题 ...

  4. 为项目编写Readme.MD文件

    了解一个项目,恐怕首先都是通过其Readme文件了解信息.如果你以为Readme文件都是随便写写的那你就错了.github,oschina git gitcafe的代码托管平台上的项目的Readme. ...

  5. Markdown编写github README.md

    Markdown编写github README.md 一.在线编辑器StackEdit Markdown在线编辑器地址 中文:https://www.zybuluo.com/mdeditor 英文:h ...

  6. [转] GitHub上README.md教程

    点击阅读原文 最近对它的README.md文件颇为感兴趣.便写下这贴,帮助更多的还不会编写README文件的同学们. README文件后缀名为md.md是markdown的缩写,markdown是一种 ...

  7. GitHub上README.md教程

    最近对它的README.md文件颇为感兴趣.便写下这贴,帮助更多的还不会编写README文件的同学们. README文件后缀名为md.md是markdown的缩写,markdown是一种编辑博客的语言 ...

  8. 原来Github上的README.md文件这么有意思——Markdown语言详解

    转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 之前一直在使用github,也在上面分享了不少的项目和Demo,每次创建新项目的时候,使用的都是默认的REA ...

  9. 关于github中的README.md文件

    0x01 README.md文件是用Markdown语言编写的,md=Markdown; 在线编辑工具: https://stackedit.io/editor# https://maxiang.io ...

随机推荐

  1. f5时间设置

    方法一:NTP(推荐) 注:修改ntp server后大约需要10分钟左右才能同步成功. 查看ntp状态: 方法二:手动修改

  2. seek引发的python文件读写的问题

    我的需求很简单,就是统计一下我的安装脚本执行的次数和时间,格式是这样的 install_times:1|install_times:2018-09-03 15:58:46 install_times: ...

  3. 高盛昂赛 算法题先写corner case

    [方法] 字写大点,先注释框架 链表:指针走就行了,最多是两个同时一起走. 两个链表求交点 //corner case if (headA == null || headB == null) { re ...

  4. 在 JavaScript 中 ["1","2","3"].map(parseInt) 为何返回不是 [1,2,3] 却是 [1,NaN,NaN]?

    这个问题我是希望有很多人可以一起交流的: 我在 http://blog.csdn.net/justjavac/article/details/19473199#t0 上看到了比较详细的解释, 但是具体 ...

  5. Comparing Code Playgrounds Codepen, JSFiddle, JS Bin, Dabblet, CSS Deck, and Liveweave

    What is a code playground? Codepen, JSFiddle, JS Bin, Dabblet, CSS Deck, and Liveweave are HTML, CSS ...

  6. JS获取Dropdownlist选中值

    var dropDownList = document.getElementById("ddl_sheng"); //获取DropDownList控件 var dropDownLi ...

  7. springboot 项目添加jaeger调用链监控

    1.添加maven依赖<dependency> <groupId>io.opentracing.contrib</groupId> <artifactId&g ...

  8. Android开发之动态设置字体的样式和粗细

    字体设置通常有两种形式: 1:在xml中直接设置 android:textStyle="bold" android:typeface="sans" 2:用jav ...

  9. 简易Java文本编译器(C++)

    如何使用VS写一个Java的文本"编译器 "? 所需程序: 1.Visual Studio 2.JDK 你是否因为习惯于使用VS编译C/C++程序,在学java的时候改用新编译器而 ...

  10. hdu 1495 (搜索) 非常可乐

    http://acm.hdu.edu.cn/showproblem.php?pid=1495 搜索模拟出每此倒得情况就好,详情见代码\ (好困啊!!!!1) #include<cstdio> ...