高雄前端社群分享 #19 github service

38
宏杰 / Jacky 2015.08.16 [email protected] 高雄前端社群分享 #19 GitHub Service

Upload: hungjie19

Post on 16-Jan-2017

751 views

Category:

Technology


4 download

TRANSCRIPT

Page 1: 高雄前端社群分享 #19 GitHub Service

宏杰 / Jacky2015.08.16

[email protected]

高雄前端社群分享 #19 GitHub Service

Page 2: 高雄前端社群分享 #19 GitHub Service

about me● junior F2E

● JavaScript / JQuery

● 目前工作:AngularJS

● 學習:nodeJS / sass

● 興趣:亂入 workshop (誤)

Page 3: 高雄前端社群分享 #19 GitHub Service

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

開始之前...● 請問各位知道 GitHub 嗎?

● 有帳號的朋友請點頭..謝謝您

Page 5: 高雄前端社群分享 #19 GitHub Service

What’s Git● 由 Linux 之父 Linus Torvalds 開發

● 分散式版本控管系統

● 開源軟體

Page 6: 高雄前端社群分享 #19 GitHub Service

What’s GitHub ?

Page 7: 高雄前端社群分享 #19 GitHub Service

What's GitHub ● 使用 Git 分散式系統,做為程式碼版本控管

● 目前最多人使用的遠端程式碼儲存庫

● 最大社群網路之一

● 並已 Git 為基礎延伸許多服務

Page 8: 高雄前端社群分享 #19 GitHub Service

● 提供 Google Code 到 GitHub 的自動移出工具

● 創立7年以來,GitHub 目前超越 9 百萬名註冊用戶

2015-03-13發表

Page 9: 高雄前端社群分享 #19 GitHub Service

來 GitHub 就是要 new Repository 阿,不然要幹嘛 !?

來 GitHub 到底要做什麼 ?

Page 10: 高雄前端社群分享 #19 GitHub Service

GitHub new Repository

Page 11: 高雄前端社群分享 #19 GitHub Service

GitHub 介面簡介

Page 12: 高雄前端社群分享 #19 GitHub Service

GitHub 介面簡介 (1)

帳號、組織 / 專案名稱 關注 讚

Page 13: 高雄前端社群分享 #19 GitHub Service

GitHub Frok

Page 14: 高雄前端社群分享 #19 GitHub Service

Frok a Repository找到喜歡的專案,然後 回家

Page 15: 高雄前端社群分享 #19 GitHub Service

GitHub 介面簡介 (2)

發布貢獻者

分支提交

目前分支

專案組成元素

Page 16: 高雄前端社群分享 #19 GitHub Service

GitHub 介面簡介 (3) MENU

問題回報 / 請求

拉取請求

包含專案介紹,使用方法

需安裝 GitHub DeskTop

下載方法

圖表

Page 17: 高雄前端社群分享 #19 GitHub Service

Explore

Page 19: 高雄前端社群分享 #19 GitHub Service
Page 21: 高雄前端社群分享 #19 GitHub Service

GitHub Pages 簡介

● 支援靜態網頁

● APP / 專案 介紹

● website DEMO

● free

● 無流量限制

GitHub

you Code

HTML file

Page 22: 高雄前端社群分享 #19 GitHub Service

GitHub Pages

分類 數量 建立方法

個人 / 組織 專頁 一個帳號一個 建立Repo名稱為帳號.github.io

專案頁面 很多個 建立分支名稱為gh-pages

Page 23: 高雄前端社群分享 #19 GitHub Service

1. new Repository2. Repository Name: 帳號.github.io

Page 24: 高雄前端社群分享 #19 GitHub Service
Page 25: 高雄前端社群分享 #19 GitHub Service

GitHub Pages Blog

Page 26: 高雄前端社群分享 #19 GitHub Service

GitHub Gist

Gist

● 公開、私人

● 程式碼 highlight 分享、Blog嵌入

● 程式碼收集庫

Page 27: 高雄前端社群分享 #19 GitHub Service
Page 28: 高雄前端社群分享 #19 GitHub Service
Page 29: 高雄前端社群分享 #19 GitHub Service
Page 30: 高雄前端社群分享 #19 GitHub Service

online edit

書目錄

資料結構

編輯區 顯示區

工具列

Page 31: 高雄前端社群分享 #19 GitHub Service

Speaker Deck

Page 32: 高雄前端社群分享 #19 GitHub Service
Page 33: 高雄前端社群分享 #19 GitHub Service

支援到 IE 9

Page 34: 高雄前端社群分享 #19 GitHub Service

Git.io (縮網址 GitHub 專案)

Git.io Link

Page 35: 高雄前端社群分享 #19 GitHub Service

GitHub Jobs

Page 36: 高雄前端社群分享 #19 GitHub Service
Page 37: 高雄前端社群分享 #19 GitHub Service

END