What’s Git ? What’s GitHub ? GitHub new Repository GitHub Frok GitHub Pages & Build Blog GitHub Gist Gitbook GitHub Jobs Speaker Deck GitHub Primer CSS Framework

1. 宏杰 / Jacky
2015.08.16
hungjie19@gmail.com
高雄前端社群分享 #19
GitHub Service

2. about me
● junior F2E
● JavaScript / JQuery
● 目前工作：AngularJS
● 學習：nodeJS / sass
● 興趣：亂入 workshop (誤)

3. Outline
● What’s GitHub ?
● GitHub new Repository
● GitHub Frok
● GitHub Pages
● GitHub Gist
● Gitbook
● GitHub Jobs
● Speaker Deck
● GitHub Primer CSS Framework

4. 開始之前...
● 請問各位知道 GitHub 嗎?
● 有帳號的朋友請點頭..謝謝您

5. What’s Git
● 由 Linux 之父 Linus Torvalds 開發
● 分散式版本控管系統
● 開源軟體

6. What’s GitHub ?

7. What's GitHub
● 使用 Git 分散式系統，做為程式碼版本控管
● 目前最多人使用的遠端程式碼儲存庫
● 最大社群網路之一
● 並已 Git 為基礎延伸許多服務

8. ● 提供 Google Code 到 GitHub 的自動移出工具
● 創立7年以來，GitHub 目前超越 9 百萬名註冊用戶
2015-03-13發表

9. 來 GitHub 就是要 new Repository
阿，不然要幹嘛 !?
來 GitHub 到底要做什麼 ?

10. GitHub new Repository

11. GitHub 介面簡介

12. GitHub 介面簡介 (1)
帳號、組織 / 專案名稱 關注 讚

13. GitHub Frok

14. Frok a Repository
找到喜歡的專案，然後 回家

15. GitHub 介面簡介 (2)
發布
貢獻者
分支提交
目前分支
專案組成元素

16. GitHub 介面簡介 (3) MENU
問題回報 / 請求
拉取請求
包含專案介紹，使用方
法
需安裝 GitHub
DeskTop
下
載
方
法
圖
表

17. Explore

18. Explore

20. GitHub Pages
github Pages

21. GitHub Pages 簡介
● 支援靜態網頁
● APP / 專案 介紹
● website DEMO
● free
● 無流量限制
GitHub
you
Code
HTML file

22. GitHub Pages
分類 數量 建立方法
個人 / 組織 專頁 一個帳號一個 建立Repo名稱為
帳號.github.io
專案頁面 很多個 建立分支名稱為
gh-pages

23. 1. new Repository
2. Repository Name: 帳號.github.io

25. GitHub Pages Blog

26. GitHub Gist
Gist
● 公開、私人
● 程式碼 highlight 分享、Blog嵌入
● 程式碼收集庫

30. online edit
書目錄
資料結構
編輯區 顯示區
工具列

31. Speaker Deck

33. 支援到 IE 9

34. Git.io (縮網址 GitHub 專案)
Git.io Link

35. GitHub Jobs

37. END

38. 參考
http://www.oxxostudio.tw/articles/201502/gitbook.html
https://hexo.io/
https://octodex.github.com/
http://jekyllrb.com/
http://ithelp.ithome.com.tw/question/10140305
https://github.com/angular/angular
http://www.bnext.com.tw/article/view/id/35643
http://buzzorange.com/techorange/2015/04/09/linus-torvalds-talked-about-git/