高雄前端社群分享 #19 github service
TRANSCRIPT
![Page 2: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/2.jpg)
about me● junior F2E
● JavaScript / JQuery
● 目前工作:AngularJS
● 學習:nodeJS / sass
● 興趣:亂入 workshop (誤)
![Page 3: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/3.jpg)
Outline● What’s GitHub ?● GitHub new Repository● GitHub Frok● GitHub Pages● GitHub Gist● Gitbook● GitHub Jobs● Speaker Deck● GitHub Primer CSS Framework
![Page 4: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/4.jpg)
開始之前...● 請問各位知道 GitHub 嗎?
● 有帳號的朋友請點頭..謝謝您
![Page 5: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/5.jpg)
What’s Git● 由 Linux 之父 Linus Torvalds 開發
● 分散式版本控管系統
● 開源軟體
![Page 6: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/6.jpg)
What’s GitHub ?
![Page 7: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/7.jpg)
What's GitHub ● 使用 Git 分散式系統,做為程式碼版本控管
● 目前最多人使用的遠端程式碼儲存庫
● 最大社群網路之一
● 並已 Git 為基礎延伸許多服務
![Page 8: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/8.jpg)
● 提供 Google Code 到 GitHub 的自動移出工具
● 創立7年以來,GitHub 目前超越 9 百萬名註冊用戶
2015-03-13發表
![Page 9: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/9.jpg)
來 GitHub 就是要 new Repository 阿,不然要幹嘛 !?
來 GitHub 到底要做什麼 ?
![Page 10: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/10.jpg)
GitHub new Repository
![Page 11: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/11.jpg)
GitHub 介面簡介
![Page 12: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/12.jpg)
GitHub 介面簡介 (1)
帳號、組織 / 專案名稱 關注 讚
![Page 13: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/13.jpg)
GitHub Frok
![Page 14: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/14.jpg)
Frok a Repository找到喜歡的專案,然後 回家
![Page 15: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/15.jpg)
GitHub 介面簡介 (2)
發布貢獻者
分支提交
目前分支
專案組成元素
![Page 16: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/16.jpg)
GitHub 介面簡介 (3) MENU
問題回報 / 請求
拉取請求
包含專案介紹,使用方法
需安裝 GitHub DeskTop
下載方法
圖表
![Page 17: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/17.jpg)
Explore
![Page 19: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/19.jpg)
![Page 20: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/20.jpg)
GitHub Pages
github Pages
![Page 21: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/21.jpg)
GitHub Pages 簡介
● 支援靜態網頁
● APP / 專案 介紹
● website DEMO
● free
● 無流量限制
GitHub
you Code
HTML file
![Page 22: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/22.jpg)
GitHub Pages
分類 數量 建立方法
個人 / 組織 專頁 一個帳號一個 建立Repo名稱為帳號.github.io
專案頁面 很多個 建立分支名稱為gh-pages
![Page 23: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/23.jpg)
1. new Repository2. Repository Name: 帳號.github.io
![Page 24: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/24.jpg)
![Page 25: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/25.jpg)
GitHub Pages Blog
![Page 26: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/26.jpg)
GitHub Gist
Gist
● 公開、私人
● 程式碼 highlight 分享、Blog嵌入
● 程式碼收集庫
![Page 27: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/27.jpg)
![Page 28: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/28.jpg)
![Page 29: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/29.jpg)
![Page 30: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/30.jpg)
online edit
書目錄
資料結構
編輯區 顯示區
工具列
![Page 31: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/31.jpg)
Speaker Deck
![Page 32: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/32.jpg)
![Page 33: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/33.jpg)
支援到 IE 9
![Page 35: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/35.jpg)
GitHub Jobs
![Page 36: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/36.jpg)
![Page 37: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/37.jpg)
END
![Page 38: 高雄前端社群分享 #19 GitHub Service](https://reader034.vdocuments.site/reader034/viewer/2022042611/587bfc8d1a28ab7c668b5aef/html5/thumbnails/38.jpg)
參考
http://www.oxxostudio.tw/articles/201502/gitbook.htmlhttps://hexo.io/https://octodex.github.com/http://jekyllrb.com/http://ithelp.ithome.com.tw/question/10140305https://github.com/angular/angularhttp://www.bnext.com.tw/article/view/id/35643http://buzzorange.com/techorange/2015/04/09/linus-torvalds-talked-about-git/