基于Hexo和GitHub搭建自己的博客

• 1.下載Git
• • Windows：
  • linux：
• 2.安裝nodejs
• • Windows：
  • linux：
• 3.安裝hexo
• 4. GitHub創(chuàng)建個人倉庫
• 5. 生成SSH添加到GitHub
• 6. 將hexo部署到GitHub
• 更多內容

首先給大家看一下我的成品：https://wanghao221.github.io/

搭建自己博客分為兩類，一種是托管到github上的，以hexo為代表，另一種是需要自己租服務器，主要使用wordpress框架。有不花錢的效果也很不錯，就沒必要自己再購買服務器了，下邊主要介紹下使用hexo搭建個人博客。

hexo支持Markdown，使用Markdown來編寫文章，（推薦一個Markdown編輯工具typora，可從官網(wǎng)下載，或者從我上傳的資源中免費下載：https://download.csdn.net/download/qq_44273429/14109665）最終生成的是一個靜態(tài)html頁面，發(fā)布到服務端，訪問效率有天然優(yōu)勢。

首先需要有GitHub賬戶，沒有的可以注冊：https://github.com/join

1.下載Git

Windows：

https://git-scm.com/download/win（官網(wǎng)下載）
https://download.csdn.net/download/qq_44273429/14109903（上傳在CSDN可免費下載）

linux：

sudo apt-get install git

安裝好后，用右鍵Git Bash Here，git --version 來查看一下版本

2.安裝nodejs

Windows：

https://nodejs.org/en/（windows8以上版本官網(wǎng)下載）
https://download.csdn.net/download/qq_44273429/14110208（windows8及以上版本我上傳在CSDN上的可免費下載）

https://nodejs.org/download/release/v13.14.0/node-v13.14.0-x64.msi（windows7版本下載）
https://download.csdn.net/download/qq_44273429/14110197（windows7版本我上傳在CSDN上的可免費下載）

linux：

sudo apt-get install nodejs sudo apt-get install npm

安裝完后隨意找處位置右鍵Git Bash Here，顯示版本號說明安裝成功

3.安裝hexo

前面git和nodejs安裝好后，就可以安裝hexo了，你可以先創(chuàng)建一個文件夾blog，然后cd到這個文件夾下（或者在這個文件夾下直接右鍵git bash打開）。

輸入命令

npm install -g hexo-cli

一開始沒反應不要慌，等一會就會像我這樣，顯示花了35秒安裝成功。

然后用hexo -v查看一下版本

到這里需要安裝的軟件就全部安裝完了。
先初始化一下hexo

hexo init hexoblog

這個hexoblog可以自己隨便取都行，然后

cd hexoblog //進入hexoblog文件夾 npm install

打開文件夾會看到如下目錄
node_modules: 依賴包
public：存放生成的頁面
scaffolds：生成文章的一些模板
source：用來存放你的文章
themes：主題
_config.yml: 博客的配置文件

hexo g hexo server

然后在瀏覽器中輸入http://localhost:4000可以顯示如下內容

使用ctrl+c可以把服務關掉

4. GitHub創(chuàng)建個人倉庫

在GitHub.com中看到一個New repository，新建倉庫
創(chuàng)建一個和你用戶名相同的倉庫，后面加.github.io，只有這樣，將來要部署到GitHub page的時候，才會被識別，也就是xxxx.github.io，其中xxx就是你注冊GitHub的用戶名。這里我新建了一個GitHub賬號叫pai-daxing1

點擊create repository。

忘了加.github.io我又重命名了一下，問題不大

5. 生成SSH添加到GitHub

回到你的git bash中，

git config --global user.name "yourname" git config --global user.email "youremail"

這里的yourname輸入你的GitHub用戶名，youremail輸入你GitHub的郵箱。這樣GitHub才能知道你是不是對應它的賬戶。這里我的用戶名是pai-daxing1，郵箱是wh990314@Gmail.com，像我這樣輸上去

git config --global user.name "pai-daxing1" git config --global user.email "wh990314@Gmail.com"

然后創(chuàng)建SSH,一直回車就可以了

ssh-keygen -t rsa -C "youremail"

youremail別忘了換成自己的

ssh-keygen -t rsa -C "wh990314@Gmail.com"

這個時候它會告訴你已經(jīng)生成了.ssh的文件夾。在你的電腦中找到這個文件夾C:\Users\Administrator.ssh。

ssh，簡單來講，就是一個秘鑰，其中，id_rsa是你這臺電腦的私人秘鑰，不能給別人看的，id_rsa.pub是公共秘鑰，可以隨便給別人看。把這個公鑰放在GitHub上，這樣當你鏈接GitHub自己的賬戶時，它就會根據(jù)公鑰匹配你的私鑰，當能夠相互匹配時，才能夠順利的通過git上傳你的文件到GitHub上。

而后在GitHub的setting中，找到SSH keys的設置選項，點擊New SSH key

把你的id_rsa.pub里面的信息復制進去。（右鍵以記事本方式打開）

點擊Add SSH key，然后需要輸入你的GitHub登陸密碼，完了之后顯示這樣

在gitbash中，查看是否成功

ssh -T git@github.com

中間問你是否確定，輸入yes

6. 將hexo部署到GitHub

這一步，我們就可以將hexo和GitHub關聯(lián)起來，也就是將hexo生成的文章部署到GitHub上，打開站點配置文件 _config.yml，翻到最后，修改為
pai-daxing1就是你的GitHub賬戶

deploy:type: gitrepo: https://github.com/pai-daxing1/pai-daxing1.github.io.gitbranch: master

注意：type:與gihub中間有空格。

這個時候需要先安裝deploy-git ，也就是部署的命令,這樣你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

然后

hexo clean hexo generate hexo deploy

其中 hexo clean清除了你之前生成的東西，也可以不加。
hexo generate 顧名思義，生成靜態(tài)文章，可以用 hexo g縮寫
hexo deploy 部署文章，可以用hexo d縮寫

注意deploy時可能要你輸入username和password。

我的電腦突然要我安裝這個，我就安了，我記得第一次建的時候好像沒這步。

得到下圖就說明部署成功了，過一會兒就可以在http://yourname.github.io 這個網(wǎng)站看到你的博客了！！

點擊授權

http://pai-daxing1.github.io
打開就是這樣了，后面我再說怎么優(yōu)化美觀，事實上我并不想用它寫博客，只是想在上面放些自己想放的東西，比如說放一些HTML小游戲，當做圖床，或者用它來做我的SEO層鏈等等。
github地址：https://github.com/pai-daxing1/pai-daxing1.github.io

更多內容

• 基于Hexo和GitHub搭建自己的博客
• java五子棋小游戲含免費源碼
• 免費且好用的GIF錄制軟件LICEcap

長按識別二維碼關注微信公眾號

總結

以上是生活随笔為你收集整理的基于Hexo和GitHub搭建一个免费博客域名图文教学的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。