github上面如何编辑README

╰+哭是因爲堅強的太久メ 2022-06-06 04:59 369阅读 0赞

今天把自己做好的 [《手机摇一摇震动刷新（支持ListView、GridView、Webview）》][ListView_GridView_Webview]上传到github,之前代码都上传好了，就差介绍了

## 第一步：找到READM.md文件进入编辑状态 ##

找到了READM.md文件，修改一番以后，我想试下水，先提交看看，如下图

![Center][]

感觉还行，然后我想修改里面的内容添加gif图片，因为和csdn里面的一样上传下就可以，然后我就去找怎么编辑README.md文件，到网上找了一下，在红色的按钮哪里添加如下

![Center 1][]

搞了一番之后提交了，发现然并卵，好吧，可能是搞错地方了，导致多添加了一个这样的文件，如下

![Center 2][]

我勒个去，后来我想想，不能能没有编辑吧，后来用找啊找，点击了下面红色的地方然后进去修改提交，发现还是然并卵。

![Center 3][]

最后终于找到地方了，先进去，然后修改，一步一步来

![Center 4][]

![Center 5][]

终于确定自己进来了。然后进行修改，我插，和csdn上写博客不一样啊，

## 第二步：注意一定的规范来编辑 ##

上传图片怎么没有，原来是要代码控制，好吧，你赢了，是怎么样的代码控制呢？而且图片分为2种

### 第一种：在github仓库的代码里面的图片 ###

比如我要显示我的git图片的时候，可以这样使用 !\[\](https://github.com/changechenyu/ShakeToFresh/blob/master/app/src/main/res/drawable/shake.gif)  ，亲，前提是仓库里面有这个图片呀。

### 第二种：来源于网络上面的图片 ###

可以这样 !\[\](http://www.baidu.com/img/bdlogo.gif)，和上面的差不多， 在方括号里可以加入一些 标识性的信息，比如   !\[baidu\](http://www.baidu.com/img/bdlogo.gif)

还可以这样!\[baidu\](http://www.baidu.com/img/bdlogo.gif “百度LOGO”)这个时候鼠标放到图片上面会有 “百度LOGO”这4个字。

## 给图片加上超链接 \[!\[baidu\]\](http://baidu.com)    \[baidu\]:http://www.baidu.com/img/bdlogo.gif "百度Logo" ##

### 插入标题： ###

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

如下图

![Center 6][]

### 很关键的一个东西<br>换行 ###

因为我们需要控制样式的时候需要换行，特别是显示图片的时候，如果图片不是从左边显示的话很尴尬的，所以很<br>很重要

### 文字超链接 ###

\[我的博客\](http://blog.csdn.net/guodongxiaren)

### 插入代码片段 ###

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

![Center 7][]

![Center 8][]

[ListView_GridView_Webview]: https://github.com/changechenyu/ShakeToFresh
[Center]: /images/20220606/8651be7d92374650ac681346a9577537.png
[Center 1]: /images/20220606/fb32773af8a447feb5ea4c763593601b.png
[Center 2]: /images/20220606/b998b27c281745fcbab8a772433820ca.png
[Center 3]: /images/20220606/13626d80f0cd4e0589a1993c772f943e.png
[Center 4]: /images/20220606/7ebdc302f54448818330ae5e8145535d.png
[Center 5]: /images/20220606/c69f3fc061aa48b7b66e545052c64e8b.png
[Center 6]: /images/20220606/be201f19cc504456ada47de0f8539a19.png
[Center 7]: /images/20220606/e0a0351667dc466eb82509431f7dc74b.png
[Center 8]: /images/20220606/9149fea40405445fa99c00bdb87cfd9d.png