github是什么，12个github实用技巧
发布时间：2025-10-02 点击：5
github 是基于 git 的一个代码托管网站。开发者可以将代码在 github 上开源，可以浏览其它项目的代码，fork 到自己名下做修改，clone 回本地（没有访问权限的 private repo 除外）使用，也可以发起 pull request 向上游提交自己的修改。github 围绕项目（即 git 中的 repository）做了许多功能，例如 wiki，首页（github pages）等，也可以通过 graph 来查看其他人 fork 的情况。github 也有 gists，用于分享代码片段。除此之外也有许多包管理器以 github 作为包仓库（cargo，aur 上的部分包，小一些如 oh-my-fish 什么的）。下面小编为大家分享12个github实用技巧。
#1 在github.com上编辑代码先从一个大多数人都知道的开始吧（尽管我是上个星期才知道的）
在github上打开一个文件（任何仓库的任何文件），在页面的右上角有一个像小铅笔的按钮。点击它，你就可以编辑文件了。当你编辑完成，点击propose file change，github将为你fork这个仓库，然后创建pull request。
你不再需要fork这个仓库，pull文件到本地，修改文件后再提交到github创建一个pull request。
#2 粘贴图片你可以不仅限于用文字来评论或者bug描述。你可以直接复制一个图片到剪贴板，当你粘贴的时候，你的图片将会自动上传到云，然后展示在页面上。
#3 美化代码如果你想编写一个代码块，以三个反引号开头，github会尝试猜测你用的什么语言。
但是如果你直接粘贴一个段vue，typescript或者jsx代码，你可以指定出来以得到正确的语法高亮。
注意第一行的```jsx :
意味着这段代码可以正确的显示：
(顺便说下，在gist中，如果你的gist文件后缀名是.jsx， 将自动获得jsx语法高亮)
这是所有支持?的语法列表.
#4 在prs中巧妙关闭issues如果你创建了一个pull request来修复问题单 #234. 你可以在pr的描述中写fixes #234。
当合并pr的时候，会自动关闭那个issue。是不是很方便：）
#5 链接到评论是否想要链接到某个特定的评论？
点击评论框用户名旁边的时间，就可以得到链接了。
#6 链接到代码是否想要链接到一行特定代码？
打开一个文件，点击代码左边的行号，或者按住shift选择多行。
分享这个url，可以链接到这些代码。如果文件被修改了，会发生变化吗？不会，因为这是永久链接。
#7 灵活使用github地址栏github的页面导航已经做的很好了，但是有些时候直接在导航栏中输入会更快。比如你想跳转到一个分支，看下它与主干的区别，就可以直接在你仓库的后面输入/compare/branch-name：
与主干对比，两个分支对比，输入
/compare/**integration-branch...**my-branch
对于快捷键的话，ctrl+l或者cmd+l` 光标将跳转到地址栏，这使得在两个分支切换变得很方便。
#8 create lists, in issues你是否想在你提交的issue中看到复选框列表？
以及在issue列表中，看到“2/5”的进度条？
交互式复选框语法如下：
- [ ] screen width (integer) - [x] service worker support - [x] fetch support - [ ] css flexbox support - [ ] custom elements 在项目管理界面使用也一样：
如果你不知道项目管理是什么，我接下来就讲。
#9 在github中进行项目管理我在大项目中通常使用jira来管理项目，对于单人项目我一般用trello。
就在几周前我了解到github也提供项目管理。就在你的仓库中找到projects，我都有点想把我在trello的工作项移植过来了。
在github中一模一样的项目管理：
如果你想把你的issues添加到你的项目管理中来，你可以在页面右上方点击add cards搜索你想添加的，这里的搜索有特殊的语法，比如输入is:pr is:open，意味着你可以找到所有打开的prs，如果你想修复bugs，输入label:bug。
你可以把存在的notes转换成issues。
或者在issues界面，把issue添加到项目管理中。
先在项目管理中把类别分好，再确定你把issues放入那个类目中。
缺点我在最近的三周开始使用github来替代jira来进行管理项目（一个小项目）。越用越喜欢。
但是我不敢想象用它来进行敏捷开发，因为我想要正确的评估和计算所有事物。
好消息是，github的项目管理功能很清爽简洁，不需要太大的学习成本，就可以轻松上手。
zenhub弥补了github不足，可以评估自己的issues，创建依赖，还有速度和燃尽图。看起来很牛逼。
了解更多
#10 github wiki非结构化网页集合，也就是说你所有的网页没有从属关系，没有上一段和下一段按钮，也没有面包屑导航。
我先创建一个github wiki，我从nodejs文档找了几个页面作为wiki的页面，然后创建一个侧边导航来模拟实际的结构。侧边栏一直存在，不会对当前页面高亮。
链接需要手动维护，但总的来说已经满足需求了。 查看demo 。
我的建议：如果你的readme.md 文件太大了，而且你需要几个页面来更详细的描述你的文档，那么github wiki是很适合你的。如果你的页面需要导航或者结构化，那么你需要想其他办法了。
#11 静态博客你可能已经知道你可以使用github部署静态网页，这个部分我将告诉你用jekyll（简单博客静态网站生成器）生成静态网页
非常简单，jekyll会用漂亮的主题去渲染你的readme.md文件。比如这个readme页面（链接）:
点击设置，选择jekyll主题。
我将得到一个jekyll主题的页面:
我们通过一个markdown文件就创建一个静态网站，编辑修改非常方便，所以github基本上可以当内容管理系统来用了。
react和bootstrap的网站已经怎么做了。
#12 用github作为cms(内容管理系统)你有一个网站需要展示一些文本，但是你又不想把文本存成html。
您想将文本块存储在某个地方，而且可以很方便的编辑，且不需要开发。
我的建议是文本写在markdown文件中，然后存到你的仓库。接着在前端写一个组件来请求文件然后渲染。
我用喜欢用react，所以这是一个react组件的例子：得到markdown文件路径，然后请求，解析，最后渲染成html。
class markdown extends react.component { constructor(props) { super(props); // 这里需要替换成你的url this.baseurl = 'https://raw.githubusercontent.com/davidgilbertson/about-github/master/text-snippets'; this.state = { markdown: '', }; } componentdidmount() { fetch(`${this.baseurl}/${this.props.url}`) .then(response => response.text()) .then((markdown) => { this.setstate({markdown}); }); } render() { return ( ); } }
(我用的是marked 插件来解析markdown)
然后你可以这样使用组件:
const page = () => (
a very important disclaimer:
); 至此，你可以把github当成你的cms了。
github 谷歌插件我只用这个 octobox谷歌插件一段时间了，现在我推荐给你。
它在左侧生成一个面板，通过树形结构来浏览你的仓库。
这个视屏了解如何使用 octobox谷歌插件。
说到颜色，我怎么容忍一个苍白的github呢？
插件组合： stylish（这个插件允许你把主题应用到任何一个网站） 和 github 黑色主题。 为了看上去统一，把谷歌开发工具换成黑色（这个是内置的，在设置中打开），然后换成atom one dark 黑色主题 。
最后就这些。 希望对你有用，祝你生活愉快。
版权声明本译文仅用于学习、研究和交流目的，欢迎非商业转载。转载请注明出处、译者和众成翻译的完整链接。要获取包含以上信息的本文markdown源文本，请点击这里。
企业网站怎么做百度排名优化
网站建设前需要做的准备工作
多样化搜索结果对网站内容体验度的启示
为什么每家大的互联网公司都要推行自己的小程序生态？
网站建设的7个基本流程，手把手教你搭建自己的网站
网站开发：网站建设几大要点 你知道几个
东营网站排名用户体验在搜索引擎百度排名中占比有多大？
我们新建的网站应该注意哪些问题？
#1 在github.com上编辑代码先从一个大多数人都知道的开始吧（尽管我是上个星期才知道的）
在github上打开一个文件（任何仓库的任何文件），在页面的右上角有一个像小铅笔的按钮。点击它，你就可以编辑文件了。当你编辑完成，点击propose file change，github将为你fork这个仓库，然后创建pull request。
你不再需要fork这个仓库，pull文件到本地，修改文件后再提交到github创建一个pull request。
#2 粘贴图片你可以不仅限于用文字来评论或者bug描述。你可以直接复制一个图片到剪贴板，当你粘贴的时候，你的图片将会自动上传到云，然后展示在页面上。
#3 美化代码如果你想编写一个代码块，以三个反引号开头，github会尝试猜测你用的什么语言。
但是如果你直接粘贴一个段vue，typescript或者jsx代码，你可以指定出来以得到正确的语法高亮。
注意第一行的```jsx :
意味着这段代码可以正确的显示：
(顺便说下，在gist中，如果你的gist文件后缀名是.jsx， 将自动获得jsx语法高亮)
这是所有支持?的语法列表.
#4 在prs中巧妙关闭issues如果你创建了一个pull request来修复问题单 #234. 你可以在pr的描述中写fixes #234。
当合并pr的时候，会自动关闭那个issue。是不是很方便：）
#5 链接到评论是否想要链接到某个特定的评论？
点击评论框用户名旁边的时间，就可以得到链接了。
#6 链接到代码是否想要链接到一行特定代码？
打开一个文件，点击代码左边的行号，或者按住shift选择多行。
分享这个url，可以链接到这些代码。如果文件被修改了，会发生变化吗？不会，因为这是永久链接。
#7 灵活使用github地址栏github的页面导航已经做的很好了，但是有些时候直接在导航栏中输入会更快。比如你想跳转到一个分支，看下它与主干的区别，就可以直接在你仓库的后面输入/compare/branch-name：
与主干对比，两个分支对比，输入
/compare/**integration-branch...**my-branch
对于快捷键的话，ctrl+l或者cmd+l` 光标将跳转到地址栏，这使得在两个分支切换变得很方便。
#8 create lists, in issues你是否想在你提交的issue中看到复选框列表？
以及在issue列表中，看到“2/5”的进度条？
交互式复选框语法如下：
- [ ] screen width (integer) - [x] service worker support - [x] fetch support - [ ] css flexbox support - [ ] custom elements 在项目管理界面使用也一样：
如果你不知道项目管理是什么，我接下来就讲。
#9 在github中进行项目管理我在大项目中通常使用jira来管理项目，对于单人项目我一般用trello。
就在几周前我了解到github也提供项目管理。就在你的仓库中找到projects，我都有点想把我在trello的工作项移植过来了。
在github中一模一样的项目管理：
如果你想把你的issues添加到你的项目管理中来，你可以在页面右上方点击add cards搜索你想添加的，这里的搜索有特殊的语法，比如输入is:pr is:open，意味着你可以找到所有打开的prs，如果你想修复bugs，输入label:bug。
你可以把存在的notes转换成issues。
或者在issues界面，把issue添加到项目管理中。
先在项目管理中把类别分好，再确定你把issues放入那个类目中。
缺点我在最近的三周开始使用github来替代jira来进行管理项目（一个小项目）。越用越喜欢。
但是我不敢想象用它来进行敏捷开发，因为我想要正确的评估和计算所有事物。
好消息是，github的项目管理功能很清爽简洁，不需要太大的学习成本，就可以轻松上手。
zenhub弥补了github不足，可以评估自己的issues，创建依赖，还有速度和燃尽图。看起来很牛逼。
了解更多
#10 github wiki非结构化网页集合，也就是说你所有的网页没有从属关系，没有上一段和下一段按钮，也没有面包屑导航。
我先创建一个github wiki，我从nodejs文档找了几个页面作为wiki的页面，然后创建一个侧边导航来模拟实际的结构。侧边栏一直存在，不会对当前页面高亮。
链接需要手动维护，但总的来说已经满足需求了。 查看demo 。
我的建议：如果你的readme.md 文件太大了，而且你需要几个页面来更详细的描述你的文档，那么github wiki是很适合你的。如果你的页面需要导航或者结构化，那么你需要想其他办法了。
#11 静态博客你可能已经知道你可以使用github部署静态网页，这个部分我将告诉你用jekyll（简单博客静态网站生成器）生成静态网页
非常简单，jekyll会用漂亮的主题去渲染你的readme.md文件。比如这个readme页面（链接）:
点击设置，选择jekyll主题。
我将得到一个jekyll主题的页面:
我们通过一个markdown文件就创建一个静态网站，编辑修改非常方便，所以github基本上可以当内容管理系统来用了。
react和bootstrap的网站已经怎么做了。
#12 用github作为cms(内容管理系统)你有一个网站需要展示一些文本，但是你又不想把文本存成html。
您想将文本块存储在某个地方，而且可以很方便的编辑，且不需要开发。
我的建议是文本写在markdown文件中，然后存到你的仓库。接着在前端写一个组件来请求文件然后渲染。
我用喜欢用react，所以这是一个react组件的例子：得到markdown文件路径，然后请求，解析，最后渲染成html。
class markdown extends react.component { constructor(props) { super(props); // 这里需要替换成你的url this.baseurl = 'https://raw.githubusercontent.com/davidgilbertson/about-github/master/text-snippets'; this.state = { markdown: '', }; } componentdidmount() { fetch(`${this.baseurl}/${this.props.url}`) .then(response => response.text()) .then((markdown) => { this.setstate({markdown}); }); } render() { return ( ); } }
(我用的是marked 插件来解析markdown)
然后你可以这样使用组件:
const page = () => (
a very important disclaimer:
); 至此，你可以把github当成你的cms了。
github 谷歌插件我只用这个 octobox谷歌插件一段时间了，现在我推荐给你。
它在左侧生成一个面板，通过树形结构来浏览你的仓库。
这个视屏了解如何使用 octobox谷歌插件。
说到颜色，我怎么容忍一个苍白的github呢？
插件组合： stylish（这个插件允许你把主题应用到任何一个网站） 和 github 黑色主题。 为了看上去统一，把谷歌开发工具换成黑色（这个是内置的，在设置中打开），然后换成atom one dark 黑色主题 。
最后就这些。 希望对你有用，祝你生活愉快。
版权声明本译文仅用于学习、研究和交流目的，欢迎非商业转载。转载请注明出处、译者和众成翻译的完整链接。要获取包含以上信息的本文markdown源文本，请点击这里。
企业网站怎么做百度排名优化
网站建设前需要做的准备工作
多样化搜索结果对网站内容体验度的启示
为什么每家大的互联网公司都要推行自己的小程序生态？
网站建设的7个基本流程，手把手教你搭建自己的网站
网站开发：网站建设几大要点 你知道几个
东营网站排名用户体验在搜索引擎百度排名中占比有多大？
我们新建的网站应该注意哪些问题？
下一篇：美国服务器租用是怎么计算费用的