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個基本流程，手把手教你搭建自己的網站
網站開發：網站建設幾大要點 你知道幾個
東營網站排名用戶體驗在搜索引擎百度排名中占比有多大？
我們新建的網站應該注意哪些問題？