有些效果無法在這兒體現(xiàn)，如果想看完整的效果蕴坪，請移步個人站點。
前言
- 博客搭建過程遇到任何問題，優(yōu)先在本頁面搜索饺鹃，檢查是否已經(jīng)有該配置教程罐农。
- 遇到問題可以優(yōu)先在文章評論區(qū)留言条霜，注意留言時請?zhí)顚懻_的郵箱以確保能收到站長的回復(fù)。
- 實在解決不了的問題可添加站長 Wechat 涵亏，添加好友時請備注自己的姓名+專業(yè)宰睡，如 張三 計算機科學(xué)與技術(shù)蒲凶。
環(huán)境準備
本教程主要面向 Windows 用戶
- 操作系統(tǒng)：Windows10
- Node
- Git
- Hexo
- idea（推薦使用 Visual Studio Code）
- 一個 GitHub 帳號
- 一個云服務(wù)器（可選）
- 一個域名（可選）
安裝 Node
對于前端工程師，或正打算學(xué)習(xí)前端相關(guān)知識拆内，建議用nvm來管理Node版本旋圆，請移步教程 nvm,npm與nrm。
如果你不需要靈活切換Node版本麸恍，走下面的教程即可灵巧。
- 打開
Node官網(wǎng)，下載和自己系統(tǒng)相配的Node的安裝程序或南，否則會出現(xiàn)安裝問題孩等。
image.png
如果后面美化過程中需要拉取豆瓣信息，嗶哩嗶哩番劇等采够，建議安裝較低的 Node 版本(v12.18.0)肄方。
image.png
查看歷史版本，找到 v12.18.0 進行下載蹬癌。
- 下載后傻瓜式安裝即可权她，安裝的目錄可以使用默認目錄【C:/Program Files/nodejs/】，也可以自定義路徑逝薪。
- 安裝完成后隅要，檢查是否安裝成功。在鍵盤按下 win + R 鍵董济，輸入
CMD步清，然后回車，打開CMD窗口虏肾，執(zhí)行node -v命令廓啊，看到版本信息，則說明安裝成功封豪。
image.png
image.png - 修改
npm源谴轮。npm下載各種模塊，默認是從國處服務(wù)器下載吹埠，速度較慢第步，建議配置成淘寶鏡像。打開CMD窗口缘琅，運行如下命令:
npm config set registry https://registry.npm.taobao.org
安裝 Hexo
在目標路徑打開CMD窗口粘都，輸入npm install -g hexo-cli安裝Hexo環(huán)境。
npm install -g hexo-cli
安裝完后輸入hexo -v驗證是否安裝成功刷袍。
image.png
注冊 GitHub 帳號
- 進入官網(wǎng) https://github.com/
-
點擊右上角的 Sign up(注冊)驯杜，不是Sign in（登錄）。
image.png -
填寫自己的郵箱做个、密碼鸽心、用戶名等信息滚局，然后用郵箱驗證即可完成。
image.png
創(chuàng)建 GitHub 倉庫
點擊右上角的+按鈕顽频，選擇New repository藤肢，創(chuàng)建一個<用戶名>.github.io的倉庫。
image.png
找不到創(chuàng)建入口的糯景，訪問：https://github.com/new
- 倉庫的格式必須為：
<用戶名>.github.io -
Description：為描述倉庫（選填） - 勾選
Initialize this repository with a README初始化一個 README.md 文件 - 點擊
Creat repository進行創(chuàng)建
image.png
Git安裝 && 連接Github
安裝
- 進入官網(wǎng)：https://git-scm.com/downloads 嘁圈，由于官網(wǎng)下載太慢可以通過淘寶的開源鏡像下載 網(wǎng)址：https://registry.npmmirror.com/binary.html?path=git-for-windows/v2.36.1.windows.1/ ，下載版本更具自己的需求選擇即可蟀淮。
image.png - 下載后傻瓜式安裝Git即可最住，安裝的目錄可以使用默認目錄【C:/Program Files/Git】，也可以自定義路徑怠惶。
-
點擊電腦左下角開始即可看見Git Bash涨缚。
image.png- Git CMD 是windows 命令行的指令風格
- Git Bash 是linux系統(tǒng)的指令風格（建議使用）
- Git GUI是圖形化界面（新手學(xué)習(xí)不建議使用）
- 打開
Git Bash后如下圖所示即代表安裝完成。
image.png
環(huán)境配置
- 常用命令
git config -l //查看所有配置
git config --system --list //查看系統(tǒng)配置
git config --global --list //查看用戶（全局）配置
- 配置用戶名和郵箱
git config --global user.name "你的用戶名"
git config --global user.email "你的郵箱"
輸入后沒有報錯即代表設(shè)置成功策治。
image.png
通過git
config -l 檢查是否配置成功脓魏，至此git安裝及配置全部完成。
image.png
連接Github
- 生成ssh公鑰通惫，執(zhí)行以下命令
ssh-keygen -t rsa -C "你的郵箱"
之后打開C盤下用戶文件夾下的.ssh的文件夾茂翔，會看到 id_rsa.pub
image.png
用記事本打開上述圖片中的公鑰（id_rsa.pub），復(fù)制里面的內(nèi)容履腋，然后開始在github中配置ssh密鑰珊燎。
image.png
- 將 SSH KEY 配置到 GitHub
進入github，點擊右上角頭像 選擇settings
image.png
進入設(shè)置頁后選擇SSH and GPG keys
image.png
image.png - 測試連接遵湖，輸入以下命令
ssh -T git@github.com
出現(xiàn)如下信息俐末，說明已經(jīng)大功告成！
image.png
以上就是所有步驟奄侠，恭喜你已經(jīng)完成了環(huán)境準備工作~
