github pages 鏈接怎么創建
1Git簡介
Git是一個開源的分布式版本控制系統,用以有效、高速的處理從很小到非常大的項目版本管理。
GitHub可以托管各種git庫的站點。
GitHubPages免費的靜態站點,三個特點:免費托管、自帶主題、支持自制頁面和Jekyll。
2為什么使用GithubPages
1.搭建簡單而且免費;
2.支持靜態腳本;
3.可以綁定你的域名;
4.DIY自由發揮,動手實踐一些有意思的東西git,markdown,bootstrap,jekyll;
5.理想寫博環境,git+github+markdown+jekyll;
3創建GithubPages
3.1安裝git工具
3.2兩種pages模式
1.User/OrganizationPages個人或公司站點
1)使用自己的用戶名,每個用戶名下面只能建立一個;
2)資源命名必須符合這樣的規則username/username.github.com;
3)主干上內容被用來構建和發布頁面
2.ProjectPages項目站點
1)gh-pages分支用于構建和發布;
2)如果user/orgpages使用了獨立域名,那么托管在賬戶下的所有projectpages將使用相同的域名進行重定向,除非projectpages使用了自己的獨立域名;
3)如果沒有使用獨立域名,projectpages將通過子路徑的形式提供服務username.github.com/projectname;
4)自定義404頁面只能在獨立域名下使用,否則會使用UserPages404;
5)創建項目站點步驟:
$gitclone
PROJECT
$gitcheckout--orphangh-pages
$gitrm-rf.
$gitadd.
$gitcommit-a-m"Firstpagescommit"
$gitpushorigingh-pages
3.可以通過User/OrganizationPages建立主站,而通過ProjectPages掛載二級應用頁面。
3.3創建步驟
第一步:創建個人站點
第二步:設置站點主題
進入資源-setting
更新你的站點
選擇主題并發布
3.4常用命令
$gitclonegit@github.com:username/username.github.com.git//本地如果無遠程代碼,先做這步,不然就忽略
$cd.ssh/username.github.com//定位到你blog的目錄下
$gitpulloriginmaster//先同步遠程文件,后面的參數會自動連接你遠程的文件
$gitstatus//查看本地自己修改了多少文件
$gitadd.//添加遠程不存在的git文件
$gitcommit*-m"whatIwanttoldtosomeone"
$gitpushoriginmaster//更新到遠程服務器上
4使用Jekyll搭建博客
4.1什么是jekyll
Jekyll是一種簡單的、適用于博客的、靜態網站生成引擎。它使用一個模板目錄作為網站布局的基礎框架,支持Markdown、Textile等標記語言的解析,提供了模板、變量、插件等功能,最終生成一個完整的靜態Web站點。說白了就是,只要安裝Jekyll的規范和結構,不用寫html,就可以生成網站。[jekyll介紹][jekyllongithub][jekyllbootstrap]。
Jekyll使用Liquid模板語言,{{page.title}}表示文章標題,{{content}}表示文章內容。我們可以用兩種Liquid標記語言:輸出標記(outputmarkup)和標簽標記(tagmarkup)。輸出標記會輸出文本(如果被引用的變量存在),而標簽標記不會。輸出標記是用雙花括號分隔,而標簽標記是用花括號-百分號對分隔。[Liquid模板語言][Liquid模板變量參考]。
jekyll與github的關系:GitHubPages一個由GitHub提供的用于托管項目主頁或博客的服務,jekyll是后臺所運行的引擎。
4.2jekyll本地環境搭建
1.下載最新的RubyInstaller并安裝(我下載的是rubyinstaller-1.9.3-p194.exe),設置環境變量,path中配置C:\Ruby193\bin目錄,然后在命令行終端下輸入gemupdate--system來升級gem;
2.下載最新的DevKit,DevKit是windows平臺下編譯和使用本地C/C++擴展包的工具。它就是用來模擬Linux平臺下的make,gcc,sh來進行編譯。但是這個方法目前僅支持通過RubyInstaller安裝的Ruby,并雙擊運行解壓到C:\DevKit。然后打開終端cmd,輸入下列命令進行安裝:
cdC:\DevKit
rubydk.rbinit
rubydk.rbinstall
3.完成上面的準備就可以安裝Jekyll了,因為Jekyll是用Ruby編寫的,最好的安裝方式是通過RubyGems(gem):
geminstallJekyll
并使用命令檢驗是否安裝成功
jekyll--version
4.安裝Rdiscount,這個用來解析Markdown標記的包,使用如下命令:
geminstallrdiscount
5.運行本地工程:
cd到工程目錄,啟動服務:
jekyll--server
4.3jekyll目錄結構
_posts:_posts中的數據文檔,通過注入_layouts定義的模板,通過jekyll--server最終生成的靜態頁面在_sites目錄。目錄是用來存放你的文章的,一般以日期的形式書寫標題。
_layouts:_layouts中的模板一般指向了_includes/themes中的模板。目錄是用來存放模板的,在這里你可以定義頁面中不同的頭部和底部。
_includes:
1)_includes/JB中有一些常用的工具,用于列表顯示、評論等;
2)_includes/themes中可參看主題的相關html文檔。
3)_includes/themes中的主題一般包含default.html、post.html和page.html三個文檔。default.html定義了網站的最上層框架(模板),post.html和page.html是其子框架(模板)。
4)生成好的html子頁面通過default.html的{{content}}變量調用,生成整個頁面。
assets渲染頁面的CSS和JS文檔在assets/themes中
_config.yml站點生成需要用到_config.yml配置文件,站點的全局變量在_config.yml中定義,用site.訪問;頁面的變量在YAMLFrontMatter中定義,用page.訪問,更多的模板變量可參考模板數據。
index.html是你的頁面首頁。
4.4Jekyll-Bootstrap創建博客
1.創建個人站點,即創建一個新資源,格式為username.github.com;
2.安裝Jekyll-Bootstrap:
$gitclone
USERNAME.github.com
$cdUSERNAME.github.com
$gitremoteset-urlorigingit@github.com:USERNAME/USERNAME.github.com.git
$gitpushoriginmaster
3.訪問創建好的個人站點:username.github.com
4.在本地測試查看效果:
cdUSERNAME.github.com
jekyll--server
如何用github page搭建博客
1.先去github官網申請一個賬號,然后創建一個倉庫:
2.進入倉庫的右上角的Setting里,找到這里,改為master分支:
3.然后先保存
4.隨便選擇一個主題后退出來
多了一個文件,相當于是倉庫默認首頁index.html,之后把這個文件刪了也沒有影響,這一步主要是和github沒更新以前的gh-pages分支的作用相同.
5.在本地建一個文件夾:
6.打開github客戶端,登陸自己的賬號
7.進入命令行
8.進入github的命令行:
首先要將云端的倉庫地址克隆下來:
9.先在命令行里進入本地所建的文件夾:
10.開始克隆地址:
11.在本地文件夾發現多出這么些文件(部分文件可能隱藏,可以將他們調出來)
12.將博客的代碼(網上有博客模板,自己不想寫,就去下載一些現成的帶有完整源碼的博客代碼)放進這里:
13.將代碼上傳:
依次在命令行輸入:(注意命令行當前所在的位置必須是在博客代碼所在目錄)代碼如下:
黑體部分全部要替換為自己的路徑或者倉庫名:
cdF:\blog\xiaohe
gitadd.(有一個點)
gitcommit-m'demo'
gitpulloriginmaster(注意是master分支,不是以前的gh-pages分支)
gitpushoriginmaster
(以后博客頁面的跟新以及代碼的上傳,都可以在本地文件夾xiaohe里操作,然后通過上面相同的幾行代碼執行即可。)
具體代碼執行結果如下截圖所示:
14.此時,所有工作就已經完成,可以到倉庫的Setting里查看到自己博客的地址:
本回答由提問者推薦
電腦高手來想做個公司內部網站說是自己做!那網頁的模板還有步驟怎么做?
用dreamvaver怎么做公司網站?
以上就是【第2個太瘋狂了!githubpage做公司網站】的全部內容。


評論