hexo+github搭建個人博客

現(xiàn)在一個程序猿(媛)沒有一個自己的博客都不好意思說自己是程序員,哈哈開玩笑的。是否有一個方法,可以讓我們自己創(chuàng)建一個屬于自己的博客,然后又不用花錢買服務器和域名,也不用自己找人去設計自己的網站呢。

這樣的好東西還真的存在,而且配置還十分簡單,下面我就詳細的介紹如何用hexo+github搭建自己的(酷炫)博客。

前期準備
  • node.js
    如果你是windows,請戳這里
    如果你是mac,請戳這里

  • git賬號
    如果沒有git帳號,請戳這里

  • 安裝hexo

npm install -g hexo
  • 初始化hexo
hexo init
npm install hexo --save
  • 生成靜態(tài)頁面至hexo\public\目錄。
hexo g
  • 本地啟動服務
hexo server

這樣,我們就可以在瀏覽器中輸入http://localhost:4000/ 訪問我們的博客啦(響應式的網站)。

初始界面-PC.png
初始界面-移動端.png
雖然博客基本的已經搭好了,但是我們只能在本地訪問,其他人是看不到的,下面我們通過和git綁定來實現(xiàn)我們想要的效果。
  • 配置github
    新建一個倉庫名(該倉庫名和你的用戶名對應),如我的git賬戶名是:coder-Yin,則我的倉庫名為coder-Yin.github.io
  • 編輯_config.yml文件,建立與git的關聯(lián)(在.yml文件的最底部)
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
    type: git
    repository: https://github.com/coder-Yin/coder-Yin.github.io.git
    branch: master
  • 然后運行
npm install hexo-deployer-git --save
hexo g
hexo d

這樣你就可以在你的 coder-Yin.github.io 上看到代碼已經同步到git上了。
在瀏覽器中輸入你的**.github..io(例如:http://coder-yin.github.io/

訪問效果.png

每次有新的修改需要部署同步,都可以按照下面的步驟來:

hexo clean
hexo g
hexo d
如果你覺得hexo默認的主題不好看,你可以通過以下方法來修改你的主題。

下面我通過修改一個主題來給大家做個介紹:

  • 在git上找到你想要的主題
我這隨意找了一個,比較適合女孩子(缺點:不是自適應的)
https://github.com/daisygao/hexo-themes-cover
  • 進入你的hexo目錄,執(zhí)行命令,拷貝主題
git clone https://github.com/daisygao/hexo-themes-cover.git themes/cover
  • 拷貝完成后,你會發(fā)現(xiàn)你的項目下的themes下多了一個cover文件夾
  • 我們還需要修改_config.yml文件中的一處來應用新的主題
# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: cover
  • 然后我們重啟服務就可以在本地看到效果了
hexo server
hexo應用新的主題.png

注意:我們這樣只是本地做了修改,git上并沒有實現(xiàn)同步,我們需要按照上面所說的,依次執(zhí)行以下命令實現(xiàn)部署同步:

hexo clean
hexo g
hexo d

在刷新你的http://***.github.io/ 就可以發(fā)現(xiàn)新的主題應用成功了,是不是很簡單,快動手建立你自己的博客吧。

最后,附上更多的hexo主題,大家可以很戳這里選擇你自己喜好的主題。

備注:
在和hexo d 上傳項目到git上時可能會失敗,只需要將將repository的http改為git協(xié)議,注意配置git的ssh

deploy: 
  type: github 
  repository: git@github.com:...github.io.git 
  branch: master
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容