合作榆木疙瘩 發表於 2021-1-14 12:43:00

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

<div class="article-header-box">
<div class="article-header">
<div class="article-title-box">
<h1 id="articleContentId" class="title-article">GitHub上README.md编写教程(基本语法)</h1>
</div>
<div class="article-info-box">
<div class="article-bar-top"><img alt="" class="article-type-img lazyload" data-src="https://csdnimg.cn/release/blogv2/dist/pc/img/original.png"></div>
</div>
</div>
</div>
<div id="article_content" class="article_content clearfix">
<div id="content_views" class="htmledit_views">
<p>今天在编写github中的readme.md文档时,发现自己写的和别人写的样式完全不一样,自己的好难看,于是百度了一番,很多都是转载的别人13年的博客,其中还发现一片17年写的原创,本以为发现了一个新的文章,结果发现其实就是转载的别人13年的博客,一个字都没修改居然可以编辑为原创,真心服了哪位仁兄了,本来打算在他文章底部评论的,最后想想算了吧。一番百度后,根据他人的博客重新归正了下。</p>
<p>参考博客:</p>
<p>https://blog.csdn.net/zhao_jing_bo/article/details/68063070</p>
<p>https://blog.csdn.net/baochanghong/article/details/51984862</p>
<p>https://blog.csdn.net/qq_31796651/article/details/80803599</p>
<p>README文件后缀名为md;md是markdown的缩写,markdown是一种编辑博客的语言。</p>
<p>&nbsp;</p>
<p>顺便推荐几款编辑器:</p>
<p>(推荐)直接在csdn写文章选择Markdown编辑器:https://mp.csdn.net/mdeditor?</p>
<p>在线编辑器:stackedit</p>
<p>网址:http://mahua.jser.me/</p>
<p>网址:https://stackedit.io/</p>
<p>Mac下离线编辑器Mou</p>
<p>下载地址(不支持Mac&nbsp;Sierra版本):http://mouapp.com/</p>
<p>MacDown&nbsp;下载地址:https://macdown.uranusjr.com/</p>
<p>还有一种可以直接在android studio上进行编辑:参考他人博客:https://www.jianshu.com/p/3a79fe462ffb</p>
<h2>自动生成目录</h2>
<p>自动根据markdown语法识别标题生成目录,点击目录可以直接跳转到指定位置</p>
<p>&nbsp;</p>
<p>关于Markdown的基本编写语法,我直接以代码的形式展示,你可以直接copy下面代码去看显示结果:</p>
<ol class="hljs-ln"><ol class="hljs-ln">
<li>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><br class="Apple-interchange-newline">一、标题写法:</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">第一种方法:</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">1、在文本下面加上 等于号 = ,那么上方的文本就变成了大标题。等于号的个数无限制,但一定要大于<span class="hljs-number">0个哦。。</span></span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">2、在文本下面加上 下划线 - ,那么上方的文本就变成了中标题,同样的 下划线个数无限制。</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">3、要想输入=号,上面有文本而不让其转化为大标题,则需要在两者之间加一个空行。</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">另一种方法:(推荐这种方法;注意⚠️中间需要有一个空格)</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">关于标题还有等级表示法,分为六个等级,显示的文本大小依次减小。不同等级之间是以井号#的个数来标识的。一级标题有一个 #,二级标题有两个# ,以此类推。</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">例如:</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"># 一级标题</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">## 二级标题</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">### 三级标题</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">#### 四级标题</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">##### 五级标题</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">###### 六级标题 </div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">二、编辑基本语法</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">1、字体格式强调</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> 我们可以使用下面的方式给我们的文本添加强调的效果</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">*强调*(示例:斜体)</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> _强调_(示例:斜体)</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">**加重强调**(示例:粗体)</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> __加重强调__ (示例:粗体)</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">***特别强调*** (示例:粗斜体)</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">___特别强调___(示例:粗斜体)</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">2、代码</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">`&lt;hello world&gt;`</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">3、代码块高亮</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">```</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-meta">@Override</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-function"><span class="hljs-keyword">protected <span class="hljs-keyword">void <span class="hljs-title">onDestroy<span class="hljs-params">() {</span></span></span></span></span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">    EventBus.getDefault().unregister(<span class="hljs-keyword">this);</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">    <span class="hljs-keyword">super.onDestroy();</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">}</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">```</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">4、表格 (建议在表格前空一行,否则可能影响表格无法显示)</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">&nbsp;</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> 表头| 表头| 表头</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> ---- | ----- | ------</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> 单元格内容| 单元格内容 | 单元格内容 </div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> 单元格内容| 单元格内容 | 单元格内容</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">&nbsp;</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">5、其他引用</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">图片</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">![图片名称](https:<span class="hljs-comment">//www.baidu.com/img/bd_logo1.png)</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">链接</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">[链接名称](https:<span class="hljs-comment">//www.baidu.com/)    </span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">6、列表 </span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">1. 项目<span class="hljs-number">1</span></span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">2. 项目<span class="hljs-number">2</span></span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">3. 项目<span class="hljs-number">3</span></span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">   * 项目<span class="hljs-number">1 (一个*号会显示为一个黑点,注意⚠️有空格,否则直接显示为*项目<span class="hljs-number">1) </span></span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">   * 项目<span class="hljs-number">2   </span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">&nbsp;</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">7、换行(建议直接在前一行后面补两个空格)</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">直接回车不能换行,</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">可以在上一行文本后面补两个空格,</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">这样下一行的文本就换行了。</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">或者就是在两行文本直接加一个空行。</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">也能实现换行效果,不过这个行间距有点大。</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">&nbsp;</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-number">8、引用</span></div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">&gt; 第一行引用文字</div>

</div>

</li>
<li>
<div class="hljs-ln-numbers">&nbsp;</div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">&gt; 第二行引用文字 </div>

</div>

</li>

</ol></ol>
<p>好了,以上的语法已经能基本满足你写github中的README.md说明文档了。</p>
</div>
</div><br><br>
来源:https://www.cnblogs.com/xuLessReigns/p/14276583.html
頁: [1]
查看完整版本: GitHub上README.md编写教程(基本语法)