在GitHub上使用Hexo搭建靜態博客

搭建靜態博客需要一個前提是電腦上有安裝git並且有github帳號,這個不懂可以看廖雪峯先生的git教程

1、下載nodejs,在官網上可以下載

2、使用git進入你新建的一個文件夾,輸入命令 npm install -g hexo

3、接着輸入hexo init ~/hexo ,會建立一個初始化的目錄,目錄名爲hexo,這時你要進入到根目錄下的hexo文件夾,可以在git中輸入命令 cd ~/hexo
在git中輸入npm install

輸入 hexo g 生成靜態問津

輸入 hexo s 會在本地預覽你的博客,在瀏覽器中輸入localhost:4000/即可看到

4、將博客上傳到github上,需要在github上新建一個庫,如果你的github是https://github.com/username,那麼你就需要建的庫名是username.github.io

5、修改hexo文件夾下的_config.yml,尤其要注意格式,注意最後三行的縮進,repsitory需要填你的git庫的地址(ssh格式的,不是https格式的)

 

# Deployment

## Docs:http://hexo.io/docs/deployment.html

deploy:

  type: git

  repository:[email protected]:fonxian/fonxian.github.io.git

  branch: master


6、完成yml的配置後輸入命令

npm install hexo-deployer-git --save

再輸入 hexo clean

輸入hexo g

輸入hexo d 即可完成

 




7、當你需要改首頁的一些內容的時候,就在本地的_config.yml中改,比如改title,改author這樣的值之後,輸入命令hexo clean

hexo g 生成新的靜態內容

hexo d 推送到git上

8、如何與域名綁定?ping github.io得到ip地址,寫到萬網的域名解析中,然後在Github的庫中新建一個CNAME,內容是要綁定的域名,因爲每次hexo d 都會將github上的CNAME覆蓋,所以最好的解決辦法是在hexo的source文件夾下新建一個CNAME,每次hexo d上傳到github的時候,就會自動生成

9、改主頁的目錄,首先使用hexo new page"about" ,然後就會在source文件夾中找到about文件夾下的index.md,在index中編輯你想要添加的內容,然後在themes/{主題名}下面找到_config.yml,在menu下面添加

About:/about ,最後在hexo -g ,hexo -d,就完成目錄的添加

 


發佈了73 篇原創文章 · 獲贊 11 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章