273
技術社區[雲棲]
一、搭建篇-使用Github-hexo搭建個人博客教程—總結自己爬過的坑
title: 一、搭建篇 --使用Github+hexo搭建個人博客教程—總結自己爬過的坑
date: 2017-07-05 09:13:18
tags:
- Bolg
- hexo
- Github
一直想要擁有自己的一個博客，CSDN，那些又覺得不夠個性化（主要是覺得逼格不夠，哈哈）
Github搭建博客的優點：
1、不需要域名和服務器
2、訪問自己博客的時候沒有廣告
3、可以自己修改樣式，能根據自己的需求加功能。
首先來一篇預覽的博客，讓大家看看效果：這是我自己用Github搭建的：https://chakid.github.io/
***以下操作基於Windows環境
首先博客搭建的環境
node.js 因為整個博客框架是基於node.js的，所以必須安裝node.js環境，安裝過程中一路Next即可。
Git客戶端 Git用來將hexo的相關文件部署到Github上去，安裝過程一路Next。安裝hexo框架
環境準備好以後，我們便可以安裝hexo的博客框架。
在桌麵鼠標右擊，選擇 Git Bash Here,
然後就會打開Git的命令窗口，在命令窗口輸入安裝命令後，然後回車npm install -g hexo然後在指定的盤新建一個名為“ hexo ”的文件夾，如
然後以下的命令都在新建的hexo文件下進行
在這個新建的文件夾內鼠標右鍵，同樣選擇Git Bash Here,輸入初始化命令，然後回車，等命令執行完，就會看到生成了一係列的文件；
hexo init
安裝相關的依賴包，輸入下麵的命令，回車
npm install
接著在hexo文件夾下麵繼續執行以下命令
hexo g
hexo s
命令執行完後瀏覽器訪問https://localhost:4000 或者 127.0.0.1:4000 ,就會看到hexo的初始界麵，是不是有著一絲絲的成就感？但是，這個界麵還是在本地，別人並不能看到，想要別人看到，我們就必須將這些文件部署到Github上去。
創建Github號
首先我們需要到Github官網創建一個賬號，創建鏈接：Github
創建倉庫
創建完賬號後我們新建一個Repository
這裏要注意倉庫的名字，必須是自己的Github賬戶的用戶名.github.io,像我的就是Chakid.github.io.
部署文件到Github
接下來就是部署文件到Github了。
用Nodepad++打開hexo文件夾下麵的_config.yml文件，該文件的最下麵找到關鍵字deploy,然後修改成下麵這樣，用我自己的做案例
deploy:
type: git
repository: https://github.com/Chakid/Chakid.github.io.git
branch: master
這裏擁有兩個注意點：1、每個冒號後麵都有一個空格，修改的時候別忘了；
2、注意修改的對應點要是自己的Github的賬戶名，別修改錯了。
修改完保存
但是這樣還不能連接到 github ，我們還需要配置SSH，找到路徑C:\Users\leeyom.ssh，如果已經存在SSH Keys ，直接刪除.ssh 文件夾下的所有的文件，如下圖。
然後繼續在hexo文件夾下麵輸入下麵的指令
ssh-keygen -t rsa -C "1547658639@qq.com"
然後再回車三次，等命令執行完，再輸入以下指令
eval `ssh-agent -s`
ssh-add
然後輸入指令拷貝Key
clip < ~/.ssh/id_rsa.pub
然後進入自己剛注冊的Github
接下來測試ssh是否配好了，輸入下麵的指令，會提示你輸入yes/no你輸入yes就行，這樣ssh就配好了，接下來我們就可以將項目部署到Github上麵了。
ssh -T git@github.com
然後執行以下命令將項目部署到Github上麵
hexo g
hexo d
但是輸入hexo d可能會報ERROR Deployer not fount： git錯誤，這是因為沒有安裝hexo-deployer-git這個模塊，導致Git不能識別該命令，輸入下麵指令安裝該模塊即可。
npm install hexo-deployer-git --save
安裝該模塊的時間由網速決定，因為Github畢竟是國外的網站，並不是很穩定，所以請讀者耐心等待。有事可能會因為斷網等導致該模塊安裝失敗，安裝失敗時還請讀者多試兩邊。等模塊安裝完再次執行
hexo d
這是就會有彈出框，輸入自己之前注冊的github賬號進行登錄即可，然後瀏覽器輸入Chakid.github.io進行訪問即可，（將Chakid改成自己之前注冊的Github的用戶名即可） 這時就會發現可以訪問自己之前在本地預覽的頁麵了。
此時是不是有著一絲絲的成就感，終於有了屬於自己的博客。
附錄：
常用指令
hexo g #完整命令為hexo generate,用於生成靜態文件
hexo s #完整命令為hexo server,用於啟動服務器，主要用來本地預覽
hexo d #完整命令為hexo deploy,用於將本地文件發布到github上
hexo n #完整命令為hexo new,用於新建一篇文章
本文很大一部分參考了https://leeyom.top/ ，感謝該作者。
微信打賞
支付寶打賞
最後更新：2017-07-05 11:02:44