談談你不知道的gist

1.Gist是什麼
關於Gist的詳細介紹,請閱讀官方文檔About gists,下面只簡略介紹部分功能:

  • Gist是一種與其他人共享代碼片段和粘貼的簡單方法。 當您需要與同事或朋友共享示例代碼或技術時,可以使用它。
  • GitHub提供了一個平臺,可以作爲團隊(私人倉庫)或整個世界(公共倉庫)的回購共享整個項目。
  • Gist就是小型代碼片段的分享. 類似的服務還有如 PastebinPastie, 但明顯出生於Github的Gist更有優勢了。
  • Gist可以用來寫一些東西,然後可以分享,類似筆記軟件
  • 每個Gist都是一個Git庫,有版本歷史,可以被fork或clone
  • Gist有兩種:公開的和私有的,私有的不會在你的Gist主頁顯示,也無法用搜索引擎搜索到,但這個鏈接是人人都能訪問的
  • Gist可以搜索、下載、嵌入到網頁

2.創建新Gist, 編輯修改Gist

  • https://gist.github.com/ , 直接填寫內容或者在自己的Gist 右上角上點擊 New gist即可
  • 可以一個Gist多個文件, 使用 Add file 添加即可.
  • 可以設置indent爲空格space還是tab, tab長度, 是否行縮進.
  • 點 Create secret gist 創建私有代碼, Create public gist 創建開放的gist. 前者可以不被搜索到.
  • 創建Gist後,點選自己的某個Gist, 進去後右上角可進行網上的編輯/修改: Edit, 編輯; Delete, 刪除; Star, 標星. 旁邊還有舉報 . 修改後下方的Update public/secret gist即可保存修改.
  • 編輯時上方的Make Secret可以轉爲私有庫.


image.png

3.瀏覽Gist

  • 左上角可以看到列出自己最近的gist, 右上角See all of your gists可以查看所有自己的Gist.私有gist會顯示SECRET標籤.
  • 搜索框可以進行代碼搜索(開放gist), 可能搜出相關的代碼片段
  • 點All Gists可以到Discover gists模式, 查看最近發佈或被fork的gists(或者別的排序方式). 參考意義不大.
  • 在瀏覽Gist時點擊右上GithubGist圖標或者左上頭像選Your Gists即可返回
  • 在瀏覽Gist文件時, 點Raw可以看文字的純代碼.

image.png

4.分享

點擊一個gist進去, , 在 Edit菜單下方有幾個選項:

  • 分享 (可選方式框,代碼/地址, 複製到黏貼板),
    • Embed 是HTML嵌入代碼,
    • Share是分享鏈接,
    • Clone via HTTPS是https克隆
    • Clone via SSH是ssh克隆
  • 下載下來使用Github Desktop打開管理,
  • Download Zip(下載全部內容並打包).

image.png

<script src="https://gist.github.com/Leader755/93a14d335e6650edbb7fe17e6aedb51d.js"></script>

5.創建vscode的gist的代碼片段分享

1.首先在github中創建Personal access tokens,創建成功將獲取到祕鑰保存(只會展示一次)。

image.png

2.vscode中插件中搜索share code並安裝

image.png

3.設置快捷鍵並在setting.json中配置github等相關的信息。

1>ctrl+shift+p打開搜索,輸入share code,並點擊設置配置快捷方式

image.pngimage.png

2>在setting.json中配置以下:

 //vscode的gist的分享
  "shareCode.github.username": "Leader755",
  "shareCode.github.authtoken": "3751ef6lkgds4e0befkhdwe82f1bccf907b3a6038a22",//填寫自己的
  "shareCode.pastebin.username": "...",
  "shareCode.pastebin.authtoken": "...",
  "shareCode.gitlab.baseurl": "...",
  "shareCode.gitlab.authtoken": "..."
 //vscode的gist的分享

4.vscode中分享代碼片段到github

image.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章