github上使用hexo建立我的主頁

本文主要介紹如何在github上面使用hexo搭建我的主頁,以及一些基本操做和須要注意的地方。同時介紹瞭如何給本身的我的主頁綁定頂級域名等。
html

如何在本地搭建hexo環境

首先搭建環境咱們須要的是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部署到github

首先在咱們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

若是不太喜歡默認的主題,咱們也能夠換個主題,首先咱們能夠到如下地址去選擇一個主題:
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空間提供的地址爲:

  • 192.30.252.153
  • 192.30.252.154
    github空間 而後到github的page頁面根目錄新建一個名爲CNAME的文件,內容爲申請的域名地址。以後等上30分鐘左右再經過域名訪問便可成功。
相關文章
相關標籤/搜索