導航:首頁 > IDC知識 > git博客域名

git博客域名

發布時間:2020-12-20 13:16:37

1、如何在 GitHub 上寫博客

首先確認:
擁有一個GitHub賬號
已經安裝 Git ,(在Windows下,個人推薦直接安裝 GitExtensions ,有中文界面,並且集成了git + putty + kDiff ,比較省心一點啦)

1.建立一個項目
先在GitHub創建一個項目,名字隨意,盡量全部小寫字母,避免隨後會碰到的URL沖突問題
本地運行Git,隨意選個目錄,將剛才創建的項目clone下來

2.建立配置文件_config.yml
注意:之後建立的所有文檔務必使用UTF-8 無 BOM 的編碼保存
在項目的根目錄下新建文件 _config.yml ,填寫 baseurl: /blogdemo , blogdemo是你的項目名稱,這一行內容規定了整個網站的根路徑,稍後會詳細解釋這樣做的意義。

3.建立主頁

在根目錄下新建文件 index.html , 內容像這樣:
---
title: Hello, My Blog
---
{{ page.title }}
先不用急著奇怪為什麼一個html文件會出現」{}「這樣的標簽,這里使用的是 Liquid 模板語言 ,{{ page.title }} 表示「本頁面的標題」
OK,那麼博客主頁設計完畢!

4.發布到GitHub
回到git bash, 檢查一下 git status ,確認 _config.yml 與 index.html 無誤後 add,commit,保持使用Git的良好習慣,記得添加提交描述
然後推送到GitHub,這里注意,因為我們使用的是GitHub Pages中的 Project Pages, GitHub僅會將分支 gh-pages 下的內容進行自動生成操作, 所以本地的 master 分支應推送到遠端的 gh-pages 分支
git push origin master:gh-pages
稍微等待一下,最多10分鍾(通常不用那麼久啦),訪問 yourname.github.com/blogdemo ,(其中 yourname 是你的GitHub帳戶名,blogdemo則是你的項目名)就會看見你的博客主頁(確實很醜…而且完全不像一個博客的樣子,不過別急,慢慢來比較快~)

2、如何在 GitHub 上寫博客

本文在Windows7下測試成功。

安裝和設置Git

下載Git for
Windows,採用默認安裝,安裝完成後就可以在本地使用Git了。

但要將內容放到Github上,必須先在Github網站上注冊個賬戶,然後在本機使用Git創建SSH Key。操作如下:

在Git Bash上輸入命令:
ssh-keygen -C "[email protected]" -t rsa

Note: 「[email protected]」需要更換成你在Github上注冊的Email地址或者是Username

這樣會在用戶目錄(C:\Users\用戶名)下產生一個.ssh文件夾,裡面為對應的SSH
Keys,其中id_rsa.pub是Github需要的SSH公鑰文件。

到c:\Users\用戶名\.ssh\目錄找到id_rsa.pub(可能位置不一定對,但是確認是以.pub結尾的文件),並用記事本打開復制全部內容。

Note:建議私鑰公鑰的名稱最好寫成"id_rsa",這樣連接Github的時候會找這個文件,如果文件名已定,之後改名也行。

在github網站選擇「Account Settings」>>「SSH Public Keys」>>「Add another
public key」,將剛才復制的內容粘貼到key文本框內。

這樣就可以直接使用Git和GitHub了。

Note:建議在Git Bash中輸入「ssh -v [email protected]」測試能夠正常連接github

安裝Ruby環境

下載RubyInstaller和DevKit。

因為Octopress需要的Ruby版本為1.9.2,所以選rubyinstaller-1.9.2-p290.exe,DevKit-tdm-32-4.5.2-20111229-1559-sfx.exe。

先安裝RubyInstaller,然後解壓縮DevKit(路徑中不能有中文)。

在「Start Command Prompt with Ruby」命令行中進入DevKit解壓縮的目錄,然後運行以下命令:
ruby dk.rb init
ruby dk.rb install
gem install rdiscount --platform=ruby

如果安裝成功,就可以使用一些Ruby的工具了,也為後面搭建博客提供了基礎環境。

安裝Octopress

先通過Git從Github上克隆一份Octopress(在Git Bash上輸入命令)
git clone git://github.com/imathis/octopress.git octopress

然後安裝一些依賴的工具(後面都是在Start Command Prompt with Ruby中輸入)

cd octopress
ruby --version # Should report Ruby 1.9.2
gem install bundler
bundle install

安裝Octopress默認的Theme

rake install

配置Octopress

將octopress的文件夾下的_config.yml的編碼改成UTF-8:

保存(或另存為)時選擇編碼格式為UTF-8

修改_config.yml,批改url、title、subtitle、author等等。

到Ruby的安裝目次\lib\ruby\gems\1.9.1\gems\jekyll-0.11.2\lib\jekyll\找到convertible.rb這個文件,批改self.content
= File.read(File.join(base, name))為self.content = File.read(File.join(base,
name), :encoding => "utf-8")。

寫博文

最簡單的方式:復制octopress\source\_posts下某個文件,例如2012-07-30-the-first-post.markdown,修改文件名和文件中的內容

或者,命令行中輸入rake
new_post["title"],會創建一個新的Post,新文件在source/_post下,文件名如下面的格式:2012-07-31-title.markdown。該文件可以直接打開修改。

寫文章時,可以使用Markdown和Octopress
Plugins等工具對內容進行格式排版。

預覽效果

在修改設置或者寫完文章後,想看看具體效果,可以通過如下命令來完成:

rake generate
rake preview

將博客部署到Github上

在預覽的效果符合自己的預期後,就可以通過如下命令將內容部署到Github上了。

如果是第一次部署,需要在Github上創建一個username.github.com的repository

在github網站選擇「Create a New Repo」,如圖

填寫對應的內容即可

note:Repository
name填寫username.github.com,username一定要和github的username一致,建好的博客代表的是你這個github賬戶的主頁即page

配置octopress與github的連接:

進入Octopress目錄:

rake setup_github_pages

按照提示填入你的github項目網址,比如:

[email protected]:Username/yourname.github.com.git

note:可以按照上面的修改,也可以在github的項目頁中找地址

分發到github上:

rake deploy

第一次運行時,會詢問是否建立對github的授權,輸入:yes。然後將站點更新的內容推送到github上。

補充一點:

最後的但並不是最重要的,我們需要將修改的日誌同步到github上,因此下面的3個命令也是必須的。

git status

git add .

git commit -m 'your message'

git push origin source

大功告成!

3、如何在git上管理自己的博客需要私人倉庫嗎

git diff 對比文件的差異

git branch 列出所有分支

git log 顯示提交記錄

分支
git brach 分支名 創建分支
git checkout 分支名 切換分支

提交
git add 跟蹤新文件內或者已有文件的改動容,或者用來解決沖突
git commit 把文件從stage提交到branch

刪除
git rm 文件名 不但從stage中刪除,同時刪除物理文件。

4、如何實現在gitub在博客中粘貼代碼

首先,你要有一個github的賬號.........
然後,在github中搜索對應的項目名稱,然後在右邊就可以看專到URL了:

2 安裝屬git,創建本地倉庫
為了存放源碼,首先需要安裝版本控制工具git。
登錄官網:http://git-scm.com/download/
找到對應版本下載後安裝即可。

安裝完成後,進入想要存放源碼的文件夾,右鍵單擊git init here 初始化倉庫

5、如何在linux上使用hexo搭建git博客

安裝前提
安裝 Hexo 非常簡單。需要預先安裝:
Node.js
Git
在 Ubuntu 14.04/15.04 上安裝配置 Node.js v4.0.0 http://www.linuxidc.com/Linux/2015-10/123951.htm
如何在CentOS 7安裝Node.js http://www.linuxidc.com/Linux/2015-02/113554.htm
Ubuntu 14.04下搭建Node.js開發環境 http://www.linuxidc.com/Linux/2014-12/110983.htm
Git 伺服器搭建與客戶端安裝 http://www.linuxidc.com/Linux
Ubuntu下Git伺服器的搭建與使用指南 http://www.linuxidc.com/Linux/2015-07/120617.htm
准備條件做好了之後就可以開始安裝Hexo了

安裝Hexo
打開Git Bash 執行命令
1
$ npm install -g hexo-cli

創建博客
Hexo安裝完成後,分別執行如下命令,Hexo會自動生成需要的文件夾
1
2
3
$ hexo init <folder> ##<folder> 為你指定的文件地址
$ cd <folder>
$ npm install

例如:需要將博客搭建在本地的D:\my_hexo下,則分別執行命令:hexo init D:\my_hexo ,cd D:\my_hexo,npm install
執行完命令後如果沒有問題我們就可以執行啟動命令來查看我們的博客了.

本地預覽
1
2
3
$ hexo server ## 啟動服務,默認埠4000
$ hexo server -p xxxx ## 自定義埠啟動服務
$ hexo clean ## 清除緩存,在頁面顯示不正常的時候可以執行此命令

然後在瀏覽器輸入http://127.0.0.1:4000/ 即可訪問

創建Repository
登錄github 點擊右上角的」+」,Create a new repository
Create a new repository
復制剛剛新建的https連接:https://github.com/Admol/admol.github.io.git
打開你hexo目錄下的_config.yml
設置deploy信息,如:
1
2
3
4
deploy:
type: git
repository: https://github.com/Admol/admol.github.io.git
branch: master

設置SSH key
檢驗是否已存在key
分別執行命令
1
2
cd ~
cd .ssh

再執行命令 ls 查看是有已有key文件,一般存在key的話都會顯示id_rsa.pub 和 id_dsa.pub這兩個文件,沒有key什麼都不會顯示
添加一個 SSH key
執行命令(已有key的可以跳過步驟2):
1
2
3
$ ssh-keygen -t rsa -C "[email protected]"

## t 指定密鑰類型,默認是 rsa ,可以省略。 -C 設置注釋文字,比如郵箱或其他。

然後會提示你 Enter Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter,這里是輸入一個文件名用來保存ssh key,也可以什麼都不輸,會使用默認的id_rsa.pub 和 id_dsa.pub
回車之後,需要輸入兩次密碼(該密碼是你push文件的時候要輸入的密碼,而不是github的密碼)
輸入密碼之後,看見如下顯示信息,添加SSH key成功.

Github 設置 SSH key
登錄github,點擊Settings,然後點擊 SSH keys ,在這個頁面你可以管理你所有的ssh keys
然後點擊Add SSH key
用文本編輯器打開剛剛添加的key文件id_rsa.pub,復制裡面的所有的內容
回到github頁面,將復制的內容粘貼到剛剛那個頁面的key對應的文本框裡面,title 可以隨便填寫
測試ssh key 是否添加成功
在命令行輸入:
1
$ ssh -T [email protected]

會出現一段警告代碼,輸入yes回車,然後會要求你輸入剛剛設置的密碼,然後它會和你說:Hi,帥哥....約嗎

到此SSH key就設置完畢了

部署到Github
打開命令窗口,回到你的hexo博客目錄下,如別執行如下命令:
1
2
hexo generate
hexo deploy

等待命令執行完畢後,可以查看代碼是否已提交到github上,然後在瀏覽器輸入admol.github.io就可以訪問了

新建頁面
1
$ hexo new page 'pageName'

執行命令後可以在你本地的/source 目錄下看見以為你新增頁面名為名的文件夾
顯示頁面
打開文件後可以對index.md 進行編輯.然後打開/themes/jacman目錄下的_config.yml文件(自己正在使用的主題),
添加剛剛新增的頁面:
1
2
3
4
5
menu:
首頁: /
統計: /archives
關於: /about
pageName: /pageName ##前面的pageName可以自定義,後面的pageName必須寫剛剛新增的頁面名稱

新建文章
1
$ hexo new [layout] 'name'

[layout] 為可選,不寫默認為post. /source 目錄下的文件夾名稱即為 layout 名
安裝主題
1
$ git clone https://github.com/JamesPan/hexo-theme-icarus.git themes/icarus

更換主題
首先下載主題,然後打開根目錄下的 _cinfig.yml ,修改 theme: 要更換的主題名
修改主題顏色
打開 /themes/jacman目錄下的_config.yml文件,修改:
1
2
theme_color:
theme: '色值'

修改logo圖片
打開主題下的 _config.yml 文件,修改:
1
2
3
4
imglogo:
enable: false ## 是否顯示logo
src: img/logo.gif ## logo圖片地址
favicon: img/qq.ico ## 頁面左上角圖標

Hexo 版本升級
1
$ npm update hexo -g

6、如何將託管在github上的hexo博客轉到gitcafe

您好,ithub雖然非常好用,而且也已經相當成熟,但由於國內網路原因,導致訪問速度很慢,還經常被牆,於是動手將其同步託管到gitcafe上,這樣既可以解決國內訪問慢的問題,同時也算在github上做了個備份。以下說明是建立在已經在github上搭建過基於hexo的博客,如果還沒有在github上搭建或者想直接將博客託管在gitcafe上的也可以參考。
gitcafe邀請注冊地址:gitcafe
首先必須注意git全局變數中的user.name與user.email在兩個網站的注冊信息中必須都是一樣的。使用以下代碼設置。
1
2

git
config --global user.name 'blueyi'
git config --global user.email
'[email protected]'

參考gitcafe官網說明創建一個用戶名相同的項目並初始化,本地目錄任意,鏈接在這里
進入你的hexo博客目錄下面的』.deploy』目錄,創建gitcafe-pages分支,並切換到該分支
1

git
checkout -b gitcafe-pages

添加到gitcafe的遠程倉庫
1

git remote add
origin '[email protected]:yourname/yourname.git'

push到gitcafe倉庫(以後使用hexo
g生成之後到.deploy目錄執行即可)
1

git push -u origin
gitcafe-pages

完成,下面根據官方以下說明綁定域名即可
如果你想綁定 www 子域名, 你需要將此 www
子域名添加到自定義域名里, 然後在你的域名管理頁面增加一條 A 記錄, 將它指向 GitCafe 伺服器的 IP 地址
117.79.146.98
想以後直接使用hexo
d就可以直接提交到gitcafe請修改_config.yml

1
2
3
4

deploy:
type:
github
repository: [email protected]:yourname/yourname.git
branch:
gitcafe-pages

想同時同步到github請執行以下命令(注意這里的git操作需要在.deploy目錄)
首先切換git工作分支為master

1

git
checkout master

然後就直接像之前使用hexo一樣即可,』hexo
d』可以直接提交到github。
如果再想提交到gitcafe直接再切換回gitcafe-pages分支即可。可以使用以下命令查看當前工作分支。

1

git
branch

如果覺得每次提交需要輸入這么多命令,可以寫個復合命令別名添加到.bashrc文件然後在你的博客目錄執行

1

alias
upblog='cd .deploy/ && git checkout gitcafe-pages && git push -u
origin gitcafe-pages && git checkout master && cd .. &&
hexo d' 收起

7、怎麼用github搭建個人博客

GitHub 是一個用於使用Git版本控制系統的項目的基於互聯網的存取服務,GitHub於2008年2月運行。在2010年6月,GitHub宣布它現在已經提供可1百萬項目,可以說非常強大。
Github雖然是一個代碼倉庫,但是Github還免費為大家提供一個免費開源Github Pages空間,利用這個空間可以搭建輕量級的博客系統,綁定自己的域名,存放一些圖片和文件等等。
於是我這幾天都在研究怎麼用Github Pages搭建一個個人博客,可惜由於對代碼和git命令不熟悉,磕磕碰碰,在網上搜索Github Pages免費空間使用教程,比較少,而且不全面,或者說不適合像我這樣從未接觸過Github的人,有幾次的按照網上的教程來做都失敗了,主要是好步驟不知道如何操作。
中途也想到過放棄Github Pages,因為這樣一個「如此麻煩」的空間即使搞定估計用途也不大。最後終於在大牛的指導和自己的摸索下建成了。並且Github是老牌開源的空間——穩定、不會隨便刪除用戶數據,且沒有外鏈流量限制。所以也是獨一無二的了,就是操作麻煩點,新手不建議用。
一、申請Github Pages賬號和創建項目
1、打開空間地址:https://github.com/,點擊「sign UP」注冊一個賬號。

2、登錄後,點擊右上角新建一個項目,如下圖:

3、創建完成後,會給出來該項目的代碼。這里暫時不用管。

二、本地連接和管理Git項目
1、首先下載Git工具,這里為大家提供一個安裝包RailsInstaller,裡面已經包括了Rails 3.0.3 、Ruby 1.8.7、SQLite 3.7.3 、Git 1.7.3.1 、DevKit,這些工具都是你深入學習git所必備的。

2、在RailsInstaller中運行git bash,然後依次執行下列命令,配置你的git,代碼如下:
git config --global user.name "用戶名"
git config --global user.email "郵箱"
git config --global credential.helper cache
git config --global credential.helper 'cache --timeout=3600'
3、執行代碼效果如下圖:

4、創建一個SSH Keys,輸入下列語句,看看本地有沒有ssh keys。
cd ~/.ssh
5、顯示如下圖表示沒有。

6、接下來創建SSH Keys,執行下列代碼。
ssh-keygen -t rsa -C "郵箱"
7、然後會要你選擇保存的位置,直接回車即可,如下圖:

8、接下來還要輸入密碼,如下圖:

9、完成後,你就可以在你剛才保存的文件路徑中看到一個id_rsa.pub文件了,公鑰就在這里。

三、添加SSH Keys成功連接Github
1、用記事本打開id_rsa.pub,復制裡面的東西,粘貼到Github項目的SSH Keys中,如下圖

2、輸入以下代碼,測試是否可以成功連接。
ssh -T [email protected]
3、第一次連接還要輸入Yes,確認一下,如下圖

4、最後出現如下提示就表示連接成功了。

四、Github Pages搭建個人博客空間
1、在Github創建一個個人空間,有兩種方法,一種純代碼手工創建。這里要涉及的專業知識就比較多了,有興趣的朋友可以深入研究一下。如下圖:

2、第二次方法就是,利用Github Pages自動生成網站頁面。選擇右上角的account setting(賬戶設置)後選擇repositories(信息庫),在右側選擇你的應用,然後選擇setting(設置)如下圖:

3、選擇中間的「自動生成頁面」,如下圖:

4、接下來選擇頁面模板,如下圖:

5、完成後,10分鍾後就自動生成個人主頁了。

8、如何在github上搭建自己的博客

一、為什麼在GitHub上託管個人博客

為什麼在GitHub上託管博客,這個問題可以分兩步來問:

首先,為什麼 可以 在GitHub上託管博客看

GitHub是一個基於git的版本託管服務網站,上面聚集著幾乎全世界的程序大牛,還有著大量的牛逼開源項目。而項目一旦成長壯大,一個簡單的名稱和一段描述很可能就無法滿足作者與讀者的需要。此時,GitHub Pages 就應運而生,它允許用戶用更具描述性的自定義頁面代替源碼列表。同時,用戶也可以利用其作為個人或組織主頁,將 靜態 網頁託管其上。

那麼,在有著WordPress等等大量的開源博客系統的情況下,為什麼選擇在GitHub上託管博客呢看

對程序猿來說無比親切,光是看起來感覺就很牛逼的"Git驅動式博客開發與發布流程"。

超級容易,5分鍾包學包會的發布方式。

靜態頁面,建立簡單,幾乎沒有安全性隱患,當然這也是缺點之一,靜態頁面無法做到太過復雜的交互設計和網站結構。不過作為一個簡單的個人博客,也不太會有這樣的需求

而可靠

更加詳細的內容可以參見這里 todo: Jekyll + GitHub Pages 的優點與缺點

話不多說,現在就來試試看。

<p id="002"></p>

二、10分鍾快速搭建一個博客原型

首先確認:

擁有一個GitHub賬號

已經安裝 Git ,(在Windows下,個人推薦直接安裝 GitExtensions ,有中文界面,並且集成了git + putty + kDiff ,比較省心一點啦)

1.建立一個項目

先在GitHub創建一個項目,名字隨意,盡量全部小寫字母,避免隨後會碰到的URL沖突問題

本地運行Git,隨意選個目錄,將剛才創建的項目clone下來
<!-- lang: bash -->
cd /d/
git clone
cd blogdemo

<br/>
<br/>

2.建立配置文件_config.yml

注意:之後建立的所有文檔務必使用UTF-8 無 BOM 的編碼保存

在項目的根目錄下新建文件 _config.yml ,填寫 baseurl: /blogdemo , blogdemo是你的項目名稱,這一行內容規定了整個網站的根路徑,稍後會詳細解釋這樣做的意義。
<br/>
<br/>

3.建立主頁

在根目錄下新建文件 index.html , 內容像這樣:
<!-- lang: html -->

---
title: Hello, My Blog
---

{{ page.title }}

先不用急著奇怪為什麼一個html文件會出現"{}"這樣的標簽,這里使用的是 Liquid 模板語言 ,{{ page.title }} 表示逗本頁面的標題地,更詳細的介紹我們以後再講,不妨這樣理解:
<!-- lang: python -->

#--- begin of page's head
title = "Hello, My Blog"
#--- end of page's head

print(page.title)

OK,那麼博客主頁設計完畢!(別吵...我答應過你要10分鍾內搭建完成的...先弄個毛胚房意思意思,美化啊功能啊什麼的晚點再說)
<br/>
<br/>

4.發布到GitHub

回到git bash, 檢查一下 git status ,確認 _config.yml 與 index.html 無誤後 add,commit,保持使用Git的良好習慣,記得添加提交描述

然後推送到GitHub,這里注意,因為我們使用的是GitHub Pages中的 Project Pages, GitHub僅會將分支 gh-pages 下的內容進行自動生成操作, 所以本地的 master 分支應推送到遠端的 gh-pages 分支
<!-- lang: bash -->

git push origin master:gh-pages

稍微等待一下,最多10分鍾(通常不用那麼久啦),訪問 yourname.github.com/blogdemo
,(其中 yourname
是你的GitHub帳戶名,blogdemo則是你的項目名)就會看見你的博客主頁(確實很醜...而且完全不像一個博客的樣子,不過別急,慢慢來比較
快~)

另外,如果不幸發現你的中文頁面出現了亂碼的情況,別著急,還是該死的UTF-8問題,後面我們會一勞永逸的解決他的,暫時先手動調整一下瀏覽器的編碼。

<br/>
<br/>

5.在_posts內撰寫文章,並在首頁加入文章列表

在這段時間里,我們繼續為你的博客添磚加瓦,讓他擁有最基本的文章閱讀功能,另外不斷F5頁面的同時也可以關注一下自己在GitHub注冊時所用的郵箱,如果之前推送的內容有誤的話,GitHub將以郵件形式提醒你生成失敗。

回到項目根目錄, mkdir _posts 新建一個目錄,看名字也知道啦,這里存放你所有的文章。

進入_posts目錄,新建一篇文章。注意默認的文件名格式是 year-month-day-postTitle 這樣。比如 2013-03-23-my_first_article.md,盡量避免空格或者其他亂七八糟的字元,這個文件名將作為URL的生成依據。文件名的格式可以通過修改 _config.yml 中的 permalink 屬性而改變,默認值為 date ,也就是我們剛剛創建的文件的樣子,具體的規則可以看這里,後面我們也會講到。

如果你發現了我剛才創建的文件後綴名是 .md ,熟悉GitHub或者StackOverFlow的朋友應該知道Markdown 格式,推薦使用GitHub託管博客的原因之一也正是如此,我們可以在大部分時候避開惱人的HTML,轉而使用更加直觀的Markdown語法。如果不熟悉也沒關系,可以參見這份Markdown 語法說明,應該說是相當易學,並且在熟悉之後非常易用的。

回到主題,打開剛才創建的文件,輸入如下內容:
<!-- lang: html -->

---
title: 我的第一篇文章
---

# {{ page.title }}

## 目錄
+ [第一部分](#partI)
+ [第二部分](#partII)
+ [第三部分](#partIII)

----------------------------------

## 第一部分 <p id="partI"></p>
這里是第一部分的內容

----------------------------------

## 第二部分 <p id="partII"></p>
這里是第二部分的內容

----------------------------------

## 第三部分 <p id="partIII"></p>
這里是第三部分的內容

{{ page.date|date_to_string }}

這段內容中使用了最常用的幾種Markdown語法,比如使用 # ,## 表示 HTML 中的 <h1></h1> , <h2></h2>。使用[text](link)創建超鏈接,使用 連續多個 - 創建水平線(注意:不包括最上端包圍title所使用的橫線,那裡表示一個頁面的逗頭屬性地),等等。更多詳細的語法可以在之前提到的頁面查詢,這里不再贅述,總之,這是一種更加貼近真實寫作的語法,推薦大家嘗試。

啊對了,最後面的那個 {{ page.date|date_to_string }} 是指顯示本頁的日期屬性,並且轉換為可讀的字元串形式。同樣也是Liquid語法。

OK,那麼第一篇文章也寫好了,再把最新的repo推送到github,稍等片刻,就可以...等下,忘記給文章加上入口的鏈接了。

Sorry啦,重新打開我們的 index.html 文件,添加內容,變成下面這樣:
<!-- lang: html -->

---
title: My Blog
---

{{ page.title }}

{% for post in site.posts %}

{{ post.date|date_to_string }} <a href='{{ site.baseurl }}{{ post.url }}'>{{ post.title }}</a>

{% endfor %}

唔...都是Liquid的內容,簡單解釋一下,Liquid標記最主要分為兩種,一種是直接輸出變數內容,像這樣:

{{ page.title }}

另一種則是邏輯命令形式的,像這樣:

{% for x in y %} ... {% endfor %}

而剛才寫進主頁的內容,就是遍歷所有post文件,然後逐一顯示在頁面上,這里需要注意的一點就是在創建文章的超鏈接時,除了 post.url 之外,也要注意在前面加上site.url
,原因前面也有提到過,我們正在創建的是 Project Pages
類型的網站,其最終生成的網址根目錄是:username.github.com/projectname,而 post.url
生成的超鏈接僅僅會自動加上 username.github.com/ 這樣的前綴。

現在檢查一下更改的所有內容,確認不要犯下愚蠢的錯誤,比如把 "." 打成 "。"或者單詞拼錯之類的,提交並推送!

當當!如果一切順利,就能看到你的首頁外加文章列表閃亮登場。

<br/>
<br/>

6.增加模板套裝_layouts

文章進行到這里,或許開頭承諾的10分鍾已經超過不少了...很抱歉我欺騙了你,不過至少我們進展很快~接下來——如果你仍有興趣的話,讓我們為網站增加一些統一性的風格設置。

回到項目根目錄,新建文件夾 _layouts,顧名思義,逗布局地是也。在 _layouts 中新建一個最基本的布局文件,姑且命名為default.html好了:
<!-- lang: html -->

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{{ page.title }}</title>
</head>
<body>

{{ content }}

</body>
</html>

諾,首先解決了UTF-8的編碼問題,隨後指定了正文內容的位置,當然在這里只是一個最簡單的內容,在body內僅有一個 {{ content }} 標簽,你可以根據自己的喜好對頁面進行任何改動,只要記得保留這個內容標簽在你想要的位置就好。

然後我們修改index.html和剛寫完的那篇文章,只要在頭屬性上加一句就好:
<!-- lang: html -->

---
title: xxoo
layout: default.html
---

我們當然還可以把這個結構變得更靈活一些,比如繼續新增兩個模板分別叫做l_post.html與
l_index.html,他們首先引用default.html,但在其基礎上做出一定的修改。然後首頁使用l_index模板,而所有的post文件
則使用l_post模板,等等等等,請隨意發揮。但始終記得加上 {{ content }} 標簽

再次推送到服務端,查看效果。

至少這一點我沒騙你,要發布最新的更改實在是太簡單了,只需要一次push而已。

那麼,基本的項目結構如下:
.
|-- _config.yml
|-- _includes
|-- _layouts
| |-- default.html
| `-- post.html
|-- _posts
| |-- 2007-10-29-why-every-programmer-should-play-nethack.textile
| `-- 2009-04-26-barcamp-boston-4-rounp.textile
|-- _site
`-- index.html

這幅圖來自於:Yes We Jekyll,原諒我的懶惰,我實在不擅長排版...

9、hexo每一次寫完博客怎麼使用git更新

我是把hexo的source文件放在了master branch上,也用git來管理,這樣不管怎麼換電腦都可以很方便的寫博客了。

10、如何備份 Github 博客至 GitCafe

github雖然非常好用,而且也已經相當成熟,但由於國內網路原因,導致訪問速度很慢,還經常被牆,於是動手將其同步託管到gitcafe上,這樣既可以解決國內訪問慢的問題,同時也算在github上做了個備份。以下說明是建立在已經在github上搭建過基於hexo的博客,如果還沒有在github上搭建或者想直接將博客託管在gitcafe上的也可以參考。關於如何github上搭建,請參考這里。
gitcafe邀請注冊地址:gitcafe
首先必須注意git全局變數中的user.name與user.email在兩個網站的注冊信息中必須都是一樣的。使用以下代碼設置。

git config --global user.name 'blueyi'
git config --global user.email '[email protected]'

參考gitcafe官網說明創建一個用戶名相同的項目並初始化,本地目錄任意,鏈接在這里
進入你的hexo博客目錄下面的』.deploy』目錄,創建gitcafe-pages分支,並切換到該分支

git checkout -b gitcafe-pages

添加到gitcafe的遠程倉庫

git remote add origin '[email protected]:yourname/yourname.git'

push到gitcafe倉庫(以後使用hexo g生成之後到.deploy目錄執行即可)

git push -u origin gitcafe-pages

完成,下面根據官方以下說明綁定域名即可
如果你想綁定 www 子域名, 你需要將此 www 子域名添加到自定義域名里, 然後在你的域名管理頁面增加一條 A 記錄, 將它指向 GitCafe 伺服器的 IP 地址 117.79.146.98
想以後直接使用hexo d就可以直接提交到gitcafe請修改_config.yml

deploy:
type: github
repository: [email protected]:yourname/yourname.git
branch: gitcafe-pages

想同時同步到github請執行以下命令(注意這里的git操作需要在.deploy目錄)
首先切換git工作分支為master

git checkout master

然後就直接像之前使用hexo一樣即可,』hexo d』可以直接提交到github。
如果再想提交到gitcafe直接再切換回gitcafe-pages分支即可。可以使用以下命令查看當前工作分支。

git branch

如果覺得每次提交需要輸入這么多命令,可以寫個復合命令別名添加到.bashrc文件然後在你的博客目錄執行

alias upblog='cd .deploy/ && git checkout gitcafe-pages && git push -u origin gitcafe-pages && git checkout master && cd .. && hexo d'

與git博客域名相關的知識