如何在github上展示作品——為你的項目生成一個快速訪問的網址如(DaisyWang88.github.io)


  (這里值針對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命令
$ 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是一個手風琴效果,如圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM