GitHub如何编写README.md项目自述文件

一:

建好项目后:

A:


B:



C:



D:



下面可以进行编辑了


1、编辑README文件

大标题(一级标题):在文本下面加等于号,那么上方的文字就变成了大标题,等于号的个数无限制,但一定要大于0

大标题
====

中标题(二级标题):在文本下面加下划线,那么上方的文本就变成了中标题,下划线个数无限制,中标题比大标题低一级

中标题
-------

 

 1~6级标题:文本大小依次减小,以#号开头,多少个#号就是多少级标题,#号和标题名称要并排写

#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题

插入圆点符号:编辑的时候使用的是星号 *,星号后面要有一个空格,否则为普通星号

* 列表一
* 列表二
* 列表三

 

二级圆点、三级圆点:多加一个Tab,即第二行一个Tab,第三行两个Tab

* 列表一
    * 列表二
        *列表三

 

缩进:

>缩进一
>>缩进二
>>>缩进三
>>>>缩进四
>>>>>缩进五

插入网络图片:![](网络图片链接地址),即叹号!+方括号[]+括号(),如果不加叹号!就会变成普通文本,方括号里可以加入一些 标识性的信息

![baidu](http://www.baidu.com/img/bdlogo.gif "百度logo")  

 

插入GITHub仓库里的图片:![](图片链接地址),即叹号!+方括号[]+括号(),URL写法:http://github.com/自己的用户名/项目名/raw/分支名/存放图片的文件夹/文件夹里的图片名字

给图片加上超链接:即点击一个图片进入指定网页,方括号里写自己起的标识名称,上下两行标识要一致。

[![baidu]](http://baidu.com)  
[baidu]:http://www.baidu.com/img/bdlogo.gif "百度Logo"  

 

插入代码片段:在代码上下行用```标记,注意`符号是tab键上面那个,要实现语法高亮,则在```后面加上编程语言的名称

复制代码
```Java
public static void main(String[] args){}
```

```javascript
document.getElementById("ts").innerHTML="Hello"
```
复制代码

换行:使用标签<br>

单行文本:前面使用两个Tab

多行文本:每行行首加两个Tab

部分文字高亮:使用``包围,这个符号不是单引号,而是Tab上方,数字1左边那个按键的符号

文字超链接格式:[要显示的文字](链接的地址"鼠标悬停显示"),在URL之后用双引号括起来一个字符串,即鼠标悬停显示的文本,可不写


显示效果:

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

[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. >>>>>满二叉树  
显示效果:

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

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 是你自己起的标识的名称,可以随意,但是一定要保证上下两行的 标识 是一致的。

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


  • 5
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值