一直有小伙伴在后台给程序和小七留言，说想了解更多关于github的使用。今天我们整理了12个绝对可以在工作学习中使用的超实用技能。快来收藏吧~#1GitHub.com上的编辑代码先从大多数人都知道的开始吧~打开GitHub上的一个文件（任何仓库中的任何文件），右上角有一个像小铅笔一样的按钮页。单击它，您可以编辑文件。当你完成编辑后，点击Proposefilechange，GitHub会为你fork这个仓库，然后创建一个pullrequest。你不再需要fork这个仓库，拉取文件到本地，修改文件提交到GitHub创建pullrequest。#2粘贴图片您可以在文本之外进行评论或错误描述。你可以直接复制一张图片到剪贴板，当你粘贴时，你的图片会自动上传到云端，然后显示在页面上。#3美化你的代码如果你想写一个代码块，用三个反引号开始它，GitHub会尝试猜测你使用的是什么语言。但是如果你直接粘贴一段Vue、Typescript或JSX代码，你可以指定它以获得适当的语法高亮。注意第一行的``jsx：表示这段代码可以正确显示：（顺便说一句，在gist中，如果你的gist文件扩展名是.jsx，你会自动得到JSX语法高亮）下面的链接是List所有支持的语法：https://github.com/github/linguist/blob/fc1404985abb95d5bc33a0eba518724f1c3c252e/vendor/README.md#4如果您创建拉取请求以修复问题#234，请巧妙地关闭PR中的问题。您可以在PR描述中编写修复#234。合并PR时，该问题将自动关闭。是不是很方便:)了解更多信息：https://help.github.com/articles/closing-issues-using-keywords/#5评论链接想要链接到特定评论？单击名称旁边的评论框用户，您可以获得链接。#6链接到代码想要链接到特定的代码行？打开一个文件，点击代码左边的行号，或者按住shift键选择多行。共享此URL以链接到代码。如果文件被修改，它会改变吗？不，因为这是永久链接。#7灵活使用GitHub地址栏GitHub的页面导航已经做得很好了，但有时候直接在导航栏进入会更快。比如你想跳转到一个branch，看看它和trunk的区别，你可以在你的仓库后面直接输入/compare/branch-name：comparewithtrunk，比较两个branch，输入/compare/**integration-branch...**my-branch为快捷键，ctrl+L或cmd+L`光标会跳转到地址栏，两个分支之间切换非常方便。#8创建一个复选框列表你想在你提交的问题中看到一个复选框列表吗？在问题列表中，看到一个“2/5”的进度条？交互式checkbox语法如下：-[]Screenwidth(integer)-[x]Serviceworkersupport-[x]Fetchsupport-[]CSSflexboxsupport-[]Customelements在项目管理界面中也用到：如果不知道是什么项目管理是，我接下来会讲到。#9GitHub中的项目管理我通常在大型项目中使用Jira来管理项目，而在单人项目中使用Trello。就在几周前，我了解到GitHub还提供项目管理。只是在你的存储库中找到项目让我有点想从Trello移植我的工作项目。GitHub中同样的项目管理：如果你想将你的issue添加到你的项目管理中，可以点击页面右上角的AddCards搜索你要添加的内容。这里的搜索有一个特殊的语法（https://help.github.com/articles/searching-issues-and-pull-requests/），比如输入is:pris:open，表示可以找到所有打开的PR，如果你想修复bug，输入label:bug。您可以将现有笔记转换为问题。或者在issues界面，将issue添加到项目管理中。首先在项目管理中划分类别，然后确保将问题归入该类别。缺点我在过去3周开始使用GitHub而不是Jira来管理项目（一个小项目）。我用得越多，就越喜欢它。但是我无法想象将它用于敏捷开发，因为我想正确地评估和计算一切。好消息是GitHub的项目管理功能非常干净简单，不需要太多的学习成本就可以轻松上手。ZenHub(https://www.zenhub.com/)弥补了GitHub的不足，你可以评估自己的问题，创建依赖关系，以及速度和燃尽图。它看起来棒极了。了解更多：https://help.github.com/articles/tracking-the-progress-of-your-work-with-project-boards/#10GitHubwiki非结构化网页集合，也就是说你所有的页面没有从属关系，没有上一个和下一个按钮，也没有面包屑。我首先创建了一个GitHubwiki，我从NodeJS文档中找到了几页作为wiki页面，然后创建了一个侧面导航来模拟实际结构。侧边栏始终存在，不会高亮显示当前页面。链接需要手动维护，但总的来说可以满足需求。查看演示(https://github.com/davidgilbertson/about-github/wiki)。我的建议：如果您的README.md文件太大并且您需要几页来更详细地描述您的文档，那么GitHubwiki适合您。如果您的页面需要导航或结构，那么您需要考虑其他方式。#11静态博客您可能已经知道可以使用GitHub部署静态网页。在这一部分，我将告诉您使用Jekyll（SimpleBlogStaticSiteGenerator）生成静态网页非常简单。Jekyll会为你的README渲染漂亮的主题。.md文件。例如，这个README页面(https://github.com/davidgilbertson/about-github)：单击设置，选择Jekyll主题。我会得到一个Jekyll主题的页面（https://davidgilbertson.github.io/about-github/）：我们通过一个markdown文件创建一个静态网站，编辑修改非常方便，所以GitHub基本可以用作为一个内容管理系统来使用。React和Bootstrap网站是如何做到的。#12使用GitHub作为CMS（内容管理系统）你有一个网站需要显示一些文本，但你不想将文本保存为HTML。您希望将文本块存储在无需开发即可轻松编辑的位置。我的建议是将文本写入降价文件并将其保存到您的存储库中。然后在前端写一个组件去请求文件，然后渲染。我喜欢使用React，所以这是一个React组件的示例：获取markdown文件路径，然后请求、解析，最后呈现为??HTML。classMarkdownextendsReact.Component{constructor(props){super(props);//这个需要换成你的urlthis.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()).然后((markdown)=>{this.setState({markdown});});}render(){return( Averyimportantdisclaimer:p>
