????前陣子用Hexo+GihubPage搭建了個(gè)人博客，在此記錄一下搭建過程，也希望能夠幫助到有需要的同學(xué)，搭建環(huán)境是win10，步驟比較簡(jiǎn)單，一共五個(gè)：安裝Node.js和Git、配置Github、安裝Hexo、Hexo關(guān)聯(lián)GithubPage、部署發(fā)布博文。以下是五個(gè)步驟的具體內(nèi)容：

• 安裝Node.js和Git
  • Node.js下載鏈接，安裝完成之后使用node -v命令驗(yàn)證是否安裝成功，如果安裝成功，會(huì)顯示安裝的版本號(hào)。
  • Git下載鏈接，安裝完成之后使用git --version命令驗(yàn)證是否安裝成功，如果安裝成功，會(huì)顯示安裝的版本號(hào)。
• Github相關(guān)配置
  • 在命令行輸入：ssh-keygen -t rsa -C "xxxxx@qq.com"回車之后，會(huì)提示Enter file in which to save the key，如果直接點(diǎn)擊回車，則默認(rèn)保存到.ssh文件夾下，文件名為id_rsa，如果需要自定義文件名，則輸入命令：C:\Users\user/.ssh/xxx_rsa，則在.ssh文件夾下面生成xxx_rsa和xxx_rsa.pub兩個(gè)文件，分別是公鑰私鑰。

  • 在Github上添加SSH keys，點(diǎn)擊頭像，選擇Settings->SSH and GPG keys->New SSH key，將剛才生成的.pub文件中的公鑰拷貝進(jìn)去。
    添加SSH Keys
  • 執(zhí)行命令ssh -T git@github.com，出現(xiàn)以下提示即說明添加ssh成功；
    
    連接成功
• 安裝Hexo

  • 選擇一個(gè)自己覺得合適的盤，創(chuàng)建文件夾，命名比如blog，通過命令行進(jìn)入該文件夾下；

    
    
    創(chuàng)建安裝文件夾

  • 輸入命令：npm install hexo -g，開始安裝Hexo，安裝完成之后通過命令：hexo -v來驗(yàn)證，如下圖即安裝成功；

    
    
    安裝成功

  • 輸入命令：hexo init 初始化hexo，如下圖即初始化成功；

    
    
    在這里插入圖片描述

  • 輸入命令：npm install 安裝依賴的組件；

    
    
    安裝成功

  • 輸入命令：hexo g 生成相關(guān)文件；

    
    
    生成成功

  • 輸入命令：hexo s 開啟服務(wù)；

    
    
    開啟服務(wù)
  • 此時(shí)在瀏覽器輸入：http://localhost:4000/ 即可看到博客主頁；
    
    訪問博客
• Hexo關(guān)聯(lián)GithubPage

  • 登錄Github創(chuàng)建Repository，Repository name格式一定要是：用戶名.github.io，否則訪問不了。

    
    
    在這里插入圖片描述
  • 打開創(chuàng)建的Repository，到settings頁面，找到GitHub Pages選項(xiàng)，點(diǎn)擊change theme選擇一個(gè)自己喜歡的博客模版。
  • 進(jìn)入Blog文件夾，找到_config.yml文件，在末尾修改deploy的三個(gè)屬性，注意repository的格式固定為<font color="#FF0000">：git@github.com:用戶名/用戶名.github.io.git</font>，否則訪問不了，另外需要注意的是在<font color="#FF0000">每個(gè)冒號(hào)后面一定要有空格</font>，否則本地文件無法提交至github。
    
    配置_config.yml文件
• 部署并發(fā)布博客
  • 輸入命令：npm install hexo-deployer-git --save安裝插件；
  • 輸入命令：hexo new post “first blog”，在D:\Blog\source_posts下即可看到創(chuàng)建的博客文件。
  • 輸入命令：hexo d -g，將本地博文發(fā)布至github，此時(shí)就可以通過 用戶名.github.io 來訪問自己的博客了。