GitHub上README.md教程

article/2025/9/23 14:48:51

最近对它的README.md文件颇为感兴趣。便写下这贴,帮助更多的还不会编写README文件的同学们。

README文件后缀名为md。md是markdown的缩写,markdown是一种编辑博客的语言。用惯了可视化的博客编辑器(比如CSDN博客,囧),这种编程式的博客编辑方案着实让人眼前一亮。不过GitHub支持的语法在标准markdown语法的基础上做了修改,称为Github Flavored Markdown,简称GFM。可不是GFW呀偷笑

————————————————————————————

我在GitHub上为本文建的一个仓库“test”,供大家查看代码即具体效果:https://github.com/guodongxiaren/test 

本仓库README文件持续更新,新的知识点可能不会更新到博文中。首先强烈建议一条,不要用360或搜狗浏览器访问GitHub网站,你会发现此时网站上很多按钮都不可用。。建议使用火狐或谷歌浏览器访问GitHub

————————————————————————————

开始编辑README

打开你的GitHub的某个项目,我们可以直接在线编辑你的README文件,如果你已经有了这个文件,则在文件目录中直接点击它,如果你还没有这个文件那么点击项目名称右边的一个按钮,来添加新文件:


然后你就打开了编辑页面,编辑区的左上角有填写文件名的区域,注意加上后缀.md

如果你本来就有这个文件要重新编辑它的话,那么在点击了文件目录中的该文件后,在上方有工具栏,选择Edit


然后滚动屏幕到下面,如果是新文件会有一个Commit new file的按钮,若没有内容是不能点击的。如果是旧文件重修编辑,那么这个按钮显示的是 Commit changes


//顺便吐槽一句如果是360或搜狗浏览器的话,这个按钮是永远都无法点击的,囧。。

先随便写的东西把这个新文件提交,然后再点击 Edit 重新打开它。你会发现编辑区左上角有了变化。

默认选中Code,即我们的编辑模式。若点击 Preview(预览)就能实时显示当前的显示效果了。

好了,下面正式开始编辑这个文件


关于标题

规范的README文件开头都写上一个标题,这被称为大标题

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. 大标题  
  2. ====  
在文本下面加上 等于号 = ,那么上方的文本就变成了大标题。等于号的个数无限制,但一定要大于0个哦。。

比大标题低一级的是中标题,也就是显示出来比大标题小点。

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. 中标题  
  2. -------  

在文本下面加上 下划线 - ,那么上方的文本就变成了中标题,同样的 下划线个数无限制。

除此之外,你也会发现大,中标题下面都有一条横线,没错这就是 = 和 - 的显示结果。

如果你只输入了等于号=,但其上方无文字,那么就只会显示一条直线。如果上方有了文字,但你又只想显示一条横线,而不想把上方的文字转义成大标题的话,那么你就要在等于号=和文字直接补一个空行。

补空行:是很常用的用法,当你不想上下两个不同的布局方式交错到一起的时候,就要在两种布局之间补一个空行。

如果你只输入了短横线(减号)-,其上方无文字,那么要显示直线,必须要写三个减号以上。不过与等于号的显示效果不同,它显示出来时虚线而不是实线。同减号作用相同的还有星号*和下划线_,同样的这两者符号也要写三个以上才能显示一条虚横线。

除此以外,关于标题还有等级表示法,分为六个等级,显示的文本大小依次减小。不同等级之间是以井号  #  的个数来标识的。一级标题有一个 #,二级标题有两个# ,以此类推。

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. #一级标题  
  2. ##二级标题  
  3. ###三级标题  
  4. ####四级标题  
  5. #####五级标题  
  6. ######六级标题  
注意井号#和标题名称要并排写作一行,显示效果如图:


实际上,前文所述的大标题和中标题是分别和一级标题和二级标题对应的。即大标题大小和一级标题相同,中标题大小和二级标题相同。

显示文本


普通文本

直接输入的文字就是普通文本。需要注意的是要换行的时候不能直接通过回车来换行,需要使用<br>(或者<br/>)。也就是html里面的标签事实上,markdown支持一些html标签,你可以试试。当然如果你完全使用html来写的话,就丧失意义了,毕竟markdown并非专门做前端的,然而仅实现一般效果的话,它会比html写起来要简洁得多得多啦。

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. 这是一段普通的文本,  
  2. 直接回车不能换行,<br>  
  3. 要使用\<br>  
注意第三行的<br>前加了反斜杠 \ 。目的就是像其他语言那样实现转义,也就是 <  的转义。

效果如图:

此外,要显示一个超链接的话,就直接输入这个链接的URL就好了。显示出来会自动变成可链接的形式的。

显示空格的小Tip

默认的文本行首空格都会被忽略的,但是如果你想用空格来排一下版的话怎么办呢,有个小技巧,那就是把你的输入法由半角改成全角就OK啦。

单行文本

使用两个Tab符实现单行文本。

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Hello,大家好,我是果冻虾仁。  
注意前面有两个Tab。在GitHub上单行文本显示效果如图:


多行文本

多行文本和单行文本异曲同工,只要在每行行首加两个Tab

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. 欢迎到访  
  2. 很高兴见到您  
  3. 祝您,早上好,中午好,下午好,晚安  

部分文字的高亮

如果你想使一段话中部分文字高亮显示,来起到突出强调的作用,那么可以把它用 `  ` 包围起来。注意这不是单引号,而是Tab上方,数字1左边的按键(注意使用英文输入法)。

Thank `You` . Please `Call` Me `Coder`


文字超链接

给一段文字加入超链接的格式是这样的 要显示的文字 ]( 链接的地址 )。比如:

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. [我的博客](http://blog.csdn.net/guodongxiaren)  
显示效果:

你还可以给他加上一个鼠标悬停显示的文本。

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. [我的博客](http://blog.csdn.net/guodongxiaren "悬停显示")  
即在URL之后 用双引号括起来一个字符串。同样要注意这里是英文双引号。


插入符号

圆点符

  • 这是一个圆点符
  • 这也是一个圆点符

上面这段的圆点是CSDN博客编辑器里面的符号列表。写文章在列出条目时经常用到。在GitHub的markdown语法里也支持使用圆点符。编辑的时候使用的是星号 *

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. * 昵称:果冻虾仁  
  2. * 别名:隔壁老王  
  3. * 英文名:Jelly  
要注意的是星号* 后面要有一个空格。否则显示为普通星号。上文的显示效果如图:


此外还有二级圆点和三级圆点。就是多加一个Tab。

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. * 编程语言  
  2.     * 脚本语言  
  3.         * Python  
第二行一个Tab,第三行两个Tab。这样用来表示层级结构就更清晰了吧,看效果:


如果你觉得三级的结构还不够表达清楚的话,我们可以试着换一种形式,请看字符包围


缩进

缩进的含义是很容易理解的。。

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. >数据结构  
  2. >>树  
  3. >>>二叉树  
  4. >>>>平衡二叉树  
  5. >>>>>满二叉树  
显示效果:

当然比这个更一般的用法是这样。常常能在书籍里面看到的效果,比如引用别人的文章。直接看效果。



具体这个“缩进”的用法。大家自己摸索吧。

插入图片


来源于网络的图片


网上有很多README插入图片的教程了,经我自己多次测试呢,发现可以使用的最简单,最基本的语法是:

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. ![](http://www.baidu.com/img/bdlogo.gif)  

即 叹号! + 方括号[ ] + 括号( ) 其中叹号里是图片的URL。

如果不加叹号! ,就会变成普通文本baidu了。

在方括号里可以加入一些 标识性的信息,比如

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. ![baidu](http://www.baidu.com/img/bdlogo.gif)  

这个方括号里的baidu并不会对图像显示造成任何改动,如果你想达到鼠标悬停显示提示信息,那么可以仿照前面介绍的文本中的方法,就是这样:

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. ![baidu](http://www.baidu.com/img/bdlogo.gif "百度logo")  
在URL后面,加一个双引号包围的字符串,显示效果如图:


GitHub仓库里的图片

有时候我们想显示一个GitHub仓库(或者说项目)里的图片而不是一张其他来源网络图片,因为其他来源的URL很可能会失效。那么如何显示一个GitHub项目里的图片呢?

其实与上面的格式基本一致的,所不同的就是括号里的URL该怎么写。

    https://github.com你的用户名 / 你的项目名 / raw / 分支名 / 存放图片的文件夹 / 该文件夹下的图片

这样一目了然了吧。比如:

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. ![](https://github.com/guodongxiaren/ImageCache/raw/master/Logo/foryou.gif)  
我在GitHub上的用户名guodongxiaren;有一个项目ImageCache;raw表示原数据的意思吧,不用管它;主分支master;项目里有一个文件夹Logo;Logo文件夹下有一张图片foryou.gif


给图片加上超链接

如果你想使图片带有超链接的功能,即点击一个图片进入一个指定的网页。那么可以这样写:

[plain]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. [![baidu]](http://baidu.com)  
  2. [baidu]:http://www.baidu.com/img/bdlogo.gif "百度Logo"  
这两句和前面的写法差异较大,但是也极易模仿着写出,就不过多介绍了。只需注意上下文中的 baidu 是你自己起的标识的名称,可以随意,但是一定要保证上下两行的 标识 是一致的。

这样就能实现 点击图片进入网页的功能了。

插入代码片段

我们需要在代码的上一行和下一行用` `` 标记。``` 不是三个单引号,而是数字1左边,Tab键上面的键。要实现语法高亮那么只要在 ``` 之后加上你的编程语言即可(忽略大小写)。c++语言可以写成c++也可以是cpp。看代码:


实际显示效果


[题外话]在GitHub上用Gist写日记吧

看了这么多markdown的语法,你一定不满足于仅仅写一个README文件了,开始跃跃欲试想实际用markdown语法来编写博客或文章了吧。的确,网上也有依托或者支持markdown语法的博客。但是呢,更方便的是,你可以借助GitHub本身就有的一个功能——Gist。

Gist是以文件为单位的,不是以项目为单位的。而且与普通的GitHub上建的仓库不同,Gist是private的哦。普通的项目默认都是public的,要想弄成private貌似还要交钱的样子。既然是private那么用来写写日记,是极好的。

GitHub网页的顶部有


点进去:


这就是你可以编辑的私有文件,它不仅支持Text文本,还支持各种编程语言呢!当然也包括markdown。输入文件名:


最后保存,选中 Create Secret Gist 就是私有的喽。

我在GitHub上为本文建的一个项目,供大家查看代码即具体效果:https://github.com/guodongxiaren/test


http://chatgpt.dhexx.cn/article/LOla61Ho.shtml

相关文章

README文档的规范写法

看过很多开源库&#xff0c;发现有些库的文档写的一团糟&#xff0c;有的甚至就是一个标题&#xff0c;让你自己下载之后运行&#xff0c;自己摸索&#xff0c;看的很头疼。而那些使用量大的库的文档写的很标准&#xff0c;很详细&#xff0c;看的很舒服。 README文档写的好的…

你真的知道README吗?

目录 README MarkDown README的要素 API文档 总结 README是我们开发项目必备的文件&#xff0c;之前没有认真的研究过&#xff0c;都是大概的了解下&#xff0c;没想到里面也是一门大学问&#xff0c;话不多说&#xff0c;直接码起来。 README README是项目自我描述文件…

软件项目规范(1):README文件的基本写作规范

看Github的开源项目&#xff0c;我们都能看到README.md文件的身影。 有不少同学都喜欢将自己的项目上传到Git托管起来&#xff0c;但是总能发现一个问题&#xff1a;明明自己这个项目挺有市场的啊&#xff0c;怎么这个代码放上去&#xff0c;就显得很“非官方”&#xff01; …

Java基础-快速入门

Java基础 Java基础-快速入门java简介java介绍java版本为什么学习javajava特点java优缺点优点缺点 java应用范围适用于不适用于 java规范java平台 安装JDK第一个Java程序安装并使用EclipseEclipse介绍Eclipse安装使用Eclipse创建第一个项目 安装Eclipse插件 Java基础-快速入门 …

Java-基础入门

1.发展历史 1995年Sun公司发布Java1.0版本 1997年发布Java1.1版本 1998年发布Java1.2版本 2000年发布Java1.3版本 2002年发布Java1.4版本 2004年发布Java1.5版本 2006年发布Java1.6版本 2009年Oracle甲骨文公司收购Sun公司&#xff0c;并于2011发布Java1.7版本 2014年…

java入门笔记

1. Java相关概念 编程&#xff1a;用倾向于自然语言的方式编写指令代码的过程 编译&#xff1a;将自然语言指令代码转化为机器语言&#xff08;二进制&#xff09;的过程系统差异化&#xff1a;为了用不同类型的芯片实现相同的功能&#xff0c;就需要用不同的指令代码操作不同…

一、Java基础入门

一、java简介 1.1 前言 Java语言是美国Sun公司(stanford University Network),在1995年推出的高级编程语言。所谓编程语言是计算机的语言&#xff0c;人们可以使用编程语言对计算机下达命令&#xff0c;让计算机完成人们需要的功能。 1996年1月&#xff0c;Sun公司发布了Java的…

Java基础及入门

一、软件开发基础 1.什么是JavaEE JavaEE是一门接收来自客户端的请求&#xff0c;并通过响应返回给客户端数据的技术。 2.JavaEE理解图 2.常用的开发语言 二、Java开发环境搭建 1.什么是JDK及JRE 安装JRE的目的是什么&#xff1f;&#xff08;是为了编译代码&#xff09; JDK&…

java入门的基础(入门必读)

Java入门基础 什么是java程序开发Java的运行环境开发Java程序的步骤java的基本框架数据类型、变量数据类型变量变量名命名规则 运算符关系运算符逻辑运算符算术运算符 扫描仪的使用if选择结构多重if选择结构嵌套if选择结构 switch选择结构循环结构while循环结构do-while循环结构…

JAVA基础学习入门

JAVA入门之基本语法&#xff08;一&#xff09; 最近开始复习JAVA语言为找工作做准备&#xff0c;方便以后再次复习或者用到的时候回顾。先是从JAVA的基本语法学起&#xff0c;因为有c和c语言的基础知识铺垫&#xff0c;所以这部分的笔记会比较粗略&#xff0c;毕竟语言都是贯…

Java基础入门(六)

Java基础入门&#xff08;六&#xff09; 1 Debug调试1.1 Debug概述1.2 Debug操作流程1.2.1 设置断点1.2.2 运行加了断点的程序1.2.3 Debugger窗口和Console窗口1.2.4 分步执行1.2.5 取消断点1.2.6 结束Debug1.2.7 注意事项 2.基础中常用的类2.1 Random随机数2.2 Scanner获取用…

Java基础之入门(一)

文章目录 Java帝国的诞生1. Java初生2. Java的发展3. Java特性和优势4. JVM、JRE、JDK5. Java程序的运行机制6.注释7. 标识符和关键字7.1 关键字7.2 标识符 8. 数据类型8.1 基本数据类型8.1.1 字符案例8.1.2 整型案例8.1.3 浮点型案例 8.2 引用数据类型 9. 类型转换9.1 转换方式…

java入门基础

语法基础 变量和常量 字符串 tring 类型是引用类型 字符串拼接可以直接用加号连接 自动类型转换 向上类型转换&#xff0c;是小类型到大类型的转换。 和C语音一样 int类型可以自动转换为double 但是double需要强制转换才能转换为int 强制类型转换 向下类型转换&…

JAVA基础入门学习

书籍推荐和视频推荐 Java核心卷I java核心卷II可以买也可以不买。java核心卷I只看前9章&#xff0c;其他不用看。身边同学都认为这本书不适合初学者&#xff0c;但是如果你之前看过java学习视频&#xff0c;那么这本书很适合你。这本书主要让你对java知识有个系统的学习&…

JAVA入门及基础

随着技术的不断发展&#xff0c;编程语言的种类也在越来越多&#xff0c;由全国知名TIOBE编程语言社区发布的编程语言排行榜来看&#xff0c;我们的JAVA在近两年来仍然占据榜二榜三&#xff0c;那么能一直稳居前排必然是有他的原因的&#xff1a;我们的JAVA具有使用广泛&#x…

《Java基础入门》第三版--黑马程序员课后习题(编程部分)

第 1 章 Java 开发入门 第 2 章 Java 编程基础 1. 编写程序,计算13…99的值,要求如下&#xff1a; (1)使用循环语句实现1~99的遍历 (2)在遍历过程中,通过条件判断当前的数是否为奇数,如果是就累加,否则不加。 public class getSum { 2 public static void main(String[] ar…

《Java基础入门》笔记——01 Java初步

1 关于Java 1.1 Java的发展简史 Java之父——Gosling(高司令)98年&#xff0c;Java2企业平台J2EE发布99年发布J2SE(标准版)、J2EE(企业版)、J2ME(微型版)04年&#xff0c;发布JavaSE5.009年&#xff0c;Oracle收购Sun14年&#xff0c;发布JavaSE8 1.2 Java语言的特点 简单。…

java基础入门(完整详细版)

前言&#xff1a; 这篇教程对没学过java的完全适用这篇教程是一个学习方向的引导&#xff0c;且只针对基础入门。 一.入门篇 1.安装JDK的运行环境 1.1 下载JDK 直接官网下载&#xff1a;http://www.oracle.com/&#xff1b;链接&#xff1a;网盘安装JDK点击就可以下载(推荐…

Linux udev规则编写

编写本文的目的: 看完本章,朋友们可以进行随心所欲的运用udev,编写udev规则,更好的管理Linux设备。例如,把硬盘sda根据盘的SN码生成一个软连接,使得SN码当做sda一样使用。 在文章结束后,既可以有方案可以实现。 udev是什么? udev 是 Linux2.6 内核里的一个功能,它替代…

udev的rules编写

1.综述 本文简单介绍udev机制&#xff0c;并编写udev规则&#xff0c;实现手机即U盘自动挂载 2.udev介绍 udev 是 Linux2.6 内核里的一个功能&#xff0c;它替代了原来的 devfs&#xff0c;成为当前 Linux 默认的设备管理工具。udev 以守护进程的形式运行&#xff0c;通过帧听内…