本文主要介紹如何在github上面使用hexo搭建我的主頁,以及一些基本操做和須要注意的地方。同時介紹瞭如何給本身的我的主頁綁定頂級域名等。
html
首先搭建環境咱們須要的是gitbash以及nodejs環境。這裏就不介紹如何去安裝這兩個工具,同git操做不太熟悉的也能夠看下這兩個教程:
Git教程
GitHub教程
這裏默認你們安裝好了這些環境,首先咱們在任意地方右鍵打開gitbash,經過npm去安裝hexo:node
npm install -g hexo
以後咱們在本身隨便找個地方新建一個文件夾,文件夾名稱任意(這裏用「hexo」來命名)。而後進入文件夾右鍵打開gitbash,執行如下命令,hexo會在該文件夾下生成網站所須要的文件。git
hexo init
安裝完了以後能夠發現咱們的文件夾下面生成了不少的文件。而後安裝依賴包:github
npm install
到此咱們本地的環境已經搭建完畢了,如何查看網站,咱們能夠經過如下命令生成靜態頁面而後在本地啓動:npm
hexo g hexo s
咱們只須要在本地瀏覽器中輸入地址:localhost:4000 就能夠看到hexo的頁面。瀏覽器
首先在咱們hexo文件夾根目錄下有一個_config.yml文件,咱們要對它進行修改,找到deploy這一項而後添加以下配置:bash
deploy: type: github repository: https://github.com/luoxiaowang/luoxiaowang.github.io.git branch: master
注意:必定要注意配置項":"與值之間是有空格的,若是格式出現錯誤會致使部署失敗,切記!
以上是個人github配置,請自行修更名稱。這些配置項完成以後,就能夠執行命令將hexo部署到github上去了:markdown
hexo clean hexo g hexo deploy
ok,訪問地址就能夠看到咱們的網頁了。hexo
若是不太喜歡默認的主題,咱們也能夠換個主題,首先咱們能夠到如下地址去選擇一個主題:
hexo主題
當咱們選擇了適合的主題以後怎麼作呢?安裝主題的方法就是一句git命令:dom
git clone https://github.com/heroicyang/hexo-theme-modernist.git themes/modernist
地址對應的是相應的主題的github地址。git會將主題clone到theme文件夾下,以後咱們須要對_config.yml文件進行修改,找到theme配置將它修改爲對應的主題名稱:
theme: modernist
在對應的主題目錄下也有一個_config.yml配置文件,能夠對應的修改主題的一些信息,例如插件、導航連接等。以後執行命令:
cd themes/modernist git pull
執行如下命令:
hexo new [layout] "postName" #新建文章
這裏layout默認爲post,有哪些layout呢?咱們能夠到hexo根目錄下去找到scaffolds文件夾,大家就是layout的類型,也能夠修改layout成爲咱們本身經常使用的模板。以後到source目錄下去找到你新建的文章,經過markdown來進行書寫了。
首先咱們能夠到Godaddy下去申請一個域名,而後在DNS配置處修改A記錄(若是是頂級域名的話,不然修改CNAME便可),修改ip地址對應到github空間,github空間提供的地址爲: