:-: 如何在github上展示作品——為你的項目生成一個快速訪問的網址
原文鏈接地址:http://www.cnblogs.com/DaisyWang/p/5468761.html
(這里值針對Windos系統的,因為本人用的是Window系統,暫時沒有條件在其他平臺上測試)
1.創建命名為 <userName>.github.io的倉庫。
這里的userName為用戶名,一般是你注冊時的用戶名。比如個人主頁的網址是https://github.com/DaisyWang88。那這里的userName就是DaisyWang88。

2.將DaisyWang88.github.io這個倉庫生成靜態網頁。

進入DaisyWang88.github.io,點擊設置按鈕“Settings”。
往下拉,如圖會看到"Launch automatic page generator"這個按鈕。這是給你的DaisyWang88.github.io生成一個靜態網頁。

填寫“Page name”和“Tagline”根據自己的喜好填寫。

往下拉, 點擊“Continue to layouts”

跳轉到新的頁面之后,點擊“Publish page”,主題什么的的無所謂。現在就可以通過username.github.io(這里是DaisyWang88.github.io)訪問了,但只能看到主題的效果。如下圖給的主題效果。

而且DaisyWang88.github.io這個倉庫里會多出,主題的html、css、json等 代碼。而且從index.html文件開始運行。如果要用來展示自己寫的網頁或者作品,就需要替換或者改寫這些代碼了。
3.clone 遠程代碼庫到本地,寫自己的網頁。
怎么clone簡單說一下步驟:進入你想存放本地版本庫的文件夾(我這里是e://gitHub文件夾)下面——單擊右鍵進入Git Bash(前提是要安裝Git Bash并完成相關配置)——輸入clone命令
>[info] git clone git@github.com:DaisyWang88/DaisyWang88.github.io
Ok!搞定
(這里可以參考https://segmentfault.com/a/1190000000738398,Git Bash的安裝及配置,還有github具體的一些操作及git命令可以參考http://my.oschina.net/bxxfighting/blog/378196?fromerr=fdYQv17q寫得比較詳細。
我這里給DaisyWang88.github.io的本地倉庫添加一個自己寫的index.html(注意這里必須是index.html,默認是從這個開始執行的)文件,add——commit——push之后,就可以訪問自己寫的網頁了。在地址欄輸入:DaisyWang88.github.io或者daisywang88.github.io或者http://daisywang88.github.io,就可以訪問自己寫的網頁了。可以放上自己的作品在這里。
我這里的index.html是一個自己寫的效果,如圖:

加載完畢的效果如圖:

- 1. KanCloud快捷鍵
- algate.github.io的網站建設
- algate.github.io基礎完善
- 如何在github上展示作品——為你的項目生成一個快速訪問的網址
- Github README.md 添加圖片
- git上傳github常用命令
- WEB開發文檔
- 工具相關文檔說明
- GulpJs開發文檔
- 安裝Gulp詳細教程
- 如何上傳到github
- 服務端相關文檔
- tomcat配置多域名多端口訪問
- Vue遇到的那些大坑
- vue-bulid新建問題解決方案
- vue-prev功能實現方案優劣(element)
- 常用組件使用和功能實現
- 1-文件上傳功能
- 2-select插件實現利弊
- 3-實現分步驟流程效果
- ES6-export與export default遇到的坑
- require.context()-route去中心化管理
- webpack.ensure(webpack代碼分割)
- angular爬-跪著也要爬完
- 新建遇到的問題
- 常用angular核心知識
- React初生牛犢不怕虎
- react初次見面之泥坑深譚
- react+webpack+es6精簡版HelloWorld
- create-react-app創建失敗
- create-react-app不歸路
- react用到的組件module
- react-hot-loader
- JavaScript成長之路
- Js進階
- Js模塊化編程:require.js的用法
- 淺談前端架構
- Js常見問題匯總
- 瀏覽器渲染原理及解剖瀏覽器內部工作原理
- 雅虎前端優化的35條軍規
- 常見問題描述-面試常問
- 前端性能優化-algate
- http狀態碼詳解
- 作用域,閉包,面向對象
- Js基礎知識
- Js基本功必須扎實
- 各個瀏覽器加載icon
- html特殊標簽和屬性的說明
- 個人資源總結
- 個人簡歷-絕對真實有效
- Jekyll博客創建
- Jekyll開始創建
- Jekyll文檔說明
- jekyll-paginate分頁問題
- HEXO博客創建
- es6新用法解析以及使用
- 神奇的三個點:...
- 幾大類
- coding創建hexo
- sublime相關配置
- Atom使用