Github添加README.md教程 | 您所在的位置:网站首页 › 搜狗浏览器如何添加新文件 › Github添加README.md教程 |
最近对它的README.md文件颇为感兴趣。便写下这贴,帮助更多的还不会编写README文件的同学们。
README文件后缀名为md。md是markdown的缩写,markdown是一种编辑博客的语言。用惯了可视化的博客编辑器(比如CSDN博客,囧),这种编程式的博客编辑方案着实让人眼前一亮。不过GitHub支持的语法在标准markdown语法的基础上做了修改,称为Github Flavored Markdown,简称GFM。可不是GFW呀 ————————————————————————————
本仓库README文件持续更新,新的知识点可能不会更新到博文中。首先强烈建议一条,不要用360或搜狗浏览器访问GitHub网站,你会发现此时网站上很多按钮都不可用。。建议使用火狐或谷歌浏览器访问GitHub ———————————————————————————— 开始编辑README打开你的GitHub的某个项目,我们可以直接在线编辑你的README文件,如果你已经有了这个文件,则在文件目录中直接点击它,如果你还没有这个文件那么点击项目名称右边的一个按钮,来添加新文件:
然后你就打开了编辑页面,编辑区的左上角有填写文件名的区域,注意加上后缀.md
如果你本来就有这个文件要重新编辑它的话,那么在点击了文件目录中的该文件后,在上方有工具栏,选择Edit
然后滚动屏幕到下面,如果是新文件会有一个Commit new file的按钮,若没有内容是不能点击的。如果是旧文件重修编辑,那么这个按钮显示的是 Commit changes
//顺便吐槽一句如果是360或搜狗浏览器的话,这个按钮是永远都无法点击的,囧。。 先随便写的东西把这个新文件提交,然后再点击 Edit 重新打开它。你会发现编辑区左上角有了变化。
默认选中Code,即我们的编辑模式。若点击 Preview(预览)就能实时显示当前的显示效果了。 好了,下面正式开始编辑这个文件 关于标题 规范的README文件开头都写上一个标题,这被称为大标题。 [plain] view plaincopy ![]()
比大标题低一级的是中标题,也就是显示出来比大标题小点。 [plain] view plaincopy ![]() 在文本下面加上 下划线 - ,那么上方的文本就变成了中标题,同样的 下划线个数无限制。 除此之外,你也会发现大,中标题下面都有一条横线,没错这就是 = 和 - 的显示结果。 如果你只输入了等于号=,但其上方无文字,那么就只会显示一条直线。如果上方有了文字,但你又只想显示一条横线,而不想把上方的文字转义成大标题的话,那么你就要在等于号=和文字直接补一个空行。 补空行:是很常用的用法,当你不想上下两个不同的布局方式交错到一起的时候,就要在两种布局之间补一个空行。 如果你只输入了短横线(减号)-,其上方无文字,那么要显示直线,必须要写三个减号以上。不过与等于号的显示效果不同,它显示出来时虚线而不是实线。同减号作用相同的还有星号*和下划线_,同样的这两者符号也要写三个以上才能显示一条虚横线。
除此以外,关于标题还有等级表示法,分为六个等级,显示的文本大小依次减小。不同等级之间是以井号 # 的个数来标识的。一级标题有一个 #,二级标题有两个# ,以此类推。 [plain] view plaincopy ![]()
实际上,前文所述的大标题和中标题是分别和一级标题和二级标题对应的。即大标题大小和一级标题相同,中标题大小和二级标题相同。 显示文本普通文本 直接输入的文字就是普通文本。需要注意的是要换行的时候不能直接通过回车来换行,需要使用(或者)。也就是html里面的标签。事实上,markdown支持一些html标签,你可以试试。当然如果你完全使用html来写的话,就丧失意义了,毕竟markdown并非专门做前端的,然而仅实现一般效果的话,它会比html写起来要简洁得多得多啦。 [plain] view plaincopy ![]()
当然比这个更一般的用法是这样。常常能在书籍里面看到的效果,比如引用别人的文章。直接看效果。
具体这个“缩进”的用法。大家自己摸索吧。 插入图片来源于网络的图片
网上有很多README插入图片的教程了,经我自己多次测试呢,发现可以使用的最简单,最基本的语法是: [plain] view plaincopy ![]() 即 叹号! + 方括号[ ] + 括号( ) 其中叹号里是图片的URL。 如果不加叹号! ,就会变成普通文本baidu了。 在方括号里可以加入一些 标识性的信息,比如 [plain] view plaincopy ![]()
这个方括号里的baidu并不会对图像显示造成任何改动,如果你想达到鼠标悬停显示提示信息,那么可以仿照前面介绍的文本中的方法,就是这样: [plain] view plaincopy ![]()
GitHub仓库里的图片 有时候我们想显示一个GitHub仓库(或者说项目)里的图片而不是一张其他来源网络图片,因为其他来源的URL很可能会失效。那么如何显示一个GitHub项目里的图片呢? 其实与上面的格式基本一致的,所不同的就是括号里的URL该怎么写。 https://github.com/ 你的用户名 / 你的项目名 / raw / 分支名 / 存放图片的文件夹 / 该文件夹下的图片 这样一目了然了吧。比如: [plain] view plaincopy ![]() 给图片加上超链接 如果你想使图片带有超链接的功能,即点击一个图片进入一个指定的网页。那么可以这样写: [plain] view plaincopy ![]() 这样就能实现 点击图片进入网页的功能了。
插入代码片段 我们需要在代码的上一行和下一行用` `` 标记。``` 不是三个单引号,而是数字1左边,Tab键上面的键。要实现语法高亮那么只要在 ``` 之后加上你的编程语言即可(忽略大小写)。c++语言可以写成c++也可以是cpp。看代码:
实际显示效果
看了这么多markdown的语法,你一定不满足于仅仅写一个README文件了,开始跃跃欲试想实际用markdown语法来编写博客或文章了吧。的确,网上也有依托或者支持markdown语法的博客。但是呢,更方便的是,你可以借助GitHub本身就有的一个功能——Gist。 Gist是以文件为单位的,不是以项目为单位的。而且与普通的GitHub上建的仓库不同,Gist是private的哦。普通的项目默认都是public的,要想弄成private貌似还要交钱的样子。既然是private那么用来写写日记,是极好的。 GitHub网页的顶部有:
点进去:
这就是你可以编辑的私有文件,它不仅支持Text文本,还支持各种编程语言呢!当然也包括markdown。输入文件名:
最后保存,选中 Create Secret Gist 就是私有的喽。
https://github.com/chuangwailinjie/RunStone/blob/master/README.md 我在我的仓库里面使用的示例. 图片使用方法: ![](image.url) ![image](https://raw.githubusercontent.com/chuangwailinjie/RunStone/master/screenshot/mainactivity.jpeg) ![](https://raw.githubusercontent.com/chuangwailinjie/RunStone/master/screenshot/outdooe_mode.jpeg
用户名:chuangwailinjie +某个仓库:RunStone+存放图片的目录:screenshot+图片名称:mainactivity.jpeg
Ps:需要注意的是 在添加图片的时候,一定要在一行的开始,否则无法正常显示,我在这里困了好久。url后面最好也不要留有空格,本人没有试验。 |
今日新闻 |
推荐新闻 |
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 |