1. 程式人生 > >【Hexo搭建GitPage部落格系列】03.Hexo部落格搭建

【Hexo搭建GitPage部落格系列】03.Hexo部落格搭建

前言

前面我們已經把環境準備好了,接下來我們就可以正式開始我們的部落格搭建之路了!

搭建步驟

建立Github倉庫

  • 點選建立倉庫
    image
  • 專案必須要遵守格式:賬戶名.github.io,不然接下來會有很多麻煩。並且需要勾選Initialize this repository with a README
    image
  • 在建好的專案右側有個settings按鈕,點選它,向下拉到GitHub Pages,你會看到那邊有個網址,訪問它,你將會驚奇的發現該專案已經被部署到網路上,能夠通過外網來訪問它。如果沒有,你可以直接在瀏覽器輸入自己倉庫名,在瀏覽器進行訪問,能訪問成功說明也OK。image

    初始化部落格

  • 安裝Hexo,在自己認為合適的地方創個資料夾,然後通過命令列進入到該資料夾裡面
  • 輸入npm install hexo -g,開始安裝Hexo
    image
  • 輸入hexo -v,檢查hexo是否安裝成功

    image

  • 輸入hexo init,初始化該資料夾(有點漫長的等待。。。)
    image
  • 輸入npm install,安裝所需要的元件
    image
  • 輸入hexo g,生成部落格所需檔案

    image

  • 輸入hexo s,本地開啟伺服器,訪問該網址,正式體驗Hexo
    image
  • 出現如下圖就成功了image

    釋出部落格到Github

  • 配置Deployment,在其資料夾中,找到_config.yml檔案,修改repo值(在末尾)
    image

image

  • repo值的獲取位置,需要把Clone方式切換成SSH形式,然後複製地址就可以了
    image
  • 在生成以及部署文章之前,需要安裝一個擴充套件:npm install hexo-deployer-git –save
    image
  • 使用命令:hexo d -g就可以進行生成部署到Github上了

    image

  • 部署成功後訪問你的地址:http://使用者名稱.github.io。那麼將看到我們之前在本地部署一樣的頁面,說明我們就部署成功啦!

轉載宣告:商業轉載請聯絡作者獲得授權,非商業轉載請註明出處.原文來自 © 呆萌鍾