【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。那麼將看到我們之前在本地部署一樣的頁面,說明我們就部署成功啦!

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章