效果圖 手機(jī)端 和電腦 自動(dòng)更換背景

搭建自己的博客（一）

前序：

折騰了幾天，搞出了git加hexo的博客（帶有評(píng)論功能），再次記錄一下此次搭建的過程。先看看成品：

https://g-ncp.github.io （簡(jiǎn)約風(fēng)） 推送一篇特制博文配合微信公眾號(hào)的原文鏈接使用，可替代微信公眾號(hào)留言功能，因?yàn)槲覀冎垃F(xiàn)在注冊(cè)的公眾號(hào)都沒有留言功能。 （Windows10）

工具：電腦 手機(jī)

既然是git加hexo,那么就先來看看git和hexo是什么。

Git(讀音為/g?t/。)是一個(gè)開源的分布式版本控制系統(tǒng)，可以有效、高速地處理從很小到非常大的項(xiàng)目版本管理。Git 是 Linus Torvalds(一個(gè)人)為了幫助管理 Linux 內(nèi)核開發(fā)而開發(fā)的一個(gè)開放源碼的版本控制軟件。
Hexo 是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。Hexo 使用 Markdown(可以編輯文本，我感覺挺好用的，博客就是用這個(gè)寫的)（或其他渲染引擎）解析文章，在幾秒內(nèi)，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁。

https://www.typora.io/#windows ←—— 這是我用的md編輯器（我直接貼的Windows下載界面），配合博客編輯使用，也可以自行下載。

還有不推薦把軟件都裝在C盤，也不是太占C盤，就是如果需要重裝系統(tǒng)的話，沒有用注冊(cè)表的話，到時(shí)候方便些，軟件不用重新下載。

安裝git ：

首先在電腦上安裝git，這里給出官方下載鏈接,https://git-scm.com/downloads 注意與自己的操作系統(tǒng)匹配。

雙擊安裝包

出現(xiàn)下圖，一路默認(rèn)配置就可以了，

安裝完成之后，在桌面右鍵可以看到Git GUI Here Git Bash Here

連接本地與遠(yuǎn)程，需要 https協(xié)議或者ssh密鑰。 我記得好像有三種協(xié)議，詳情可以百度查看GitHub官網(wǎng)。

下面我們采用ssh密鑰的連接方式，首先注冊(cè)一個(gè)GitHub的賬戶，https://github.com

注冊(cè)完成后，使用git命令進(jìn)行如下操作（即右鍵選擇 Git Bash Here）

1、設(shè)置用戶名和郵箱 在git命令行中對(duì)git進(jìn)行全局設(shè)置， git config –global user.name “用戶名”， git config –global user.email 郵箱“；

2、生成SSH key 在git命令行中，輸入命令ssh-keygen -t rsa -C “郵箱地址”，連續(xù)按三個(gè)回車；然后根據(jù)返回的信息，找到.ssh目錄下的兩個(gè)文件（C盤目錄下user文件夾下）； 3、在github上添加SSH key 在github上點(diǎn)擊你的頭像，下拉菜單中點(diǎn)擊“setting”，找到添加SSH key的菜單，然后新增SSH key；把文件id_rsa.pub 里面的內(nèi)容全部復(fù)制到 key編輯框中，標(biāo)題隨意填寫，保存完畢； 4、檢查SSH key是否有效 在git命令行輸入：ssh -T git@github.com；這里會(huì)要求你輸入SSH key密碼，如果剛才生成SSH key時(shí)未輸入密碼，密碼就為空；然后看到信息： Hi 用戶名! You’ve successfully authenticated；說明配置成功； 再次查看github密鑰 登陸到github上查看剛剛輸入的SSH key，現(xiàn)在圖標(biāo)的顏色變?yōu)榫G色，說明密鑰配置有效；到這步git已經(jīng)安裝完成。

安裝node.js 和部署hexo

Node.js 是一個(gè)基于 Chrome V8 引擎的 JavaScript 運(yùn)行環(huán)境。 (一樣的不知所云 )

https://nodejs.org/en/ ←—— 正經(jīng)下載地址。

然后默認(rèn)配置 ，node.js完成。

下面安裝hexo ,這里就方便多了，在合適的位置新建一個(gè)文件夾，來存放hexo的文件， 我的文件路徑 → D:hexo

在這個(gè)文件夾里鼠標(biāo)右鍵，選擇 git bash here 在彈出的黑框里輸入命令 npm install -g hexo-cli 回車

等待完成，再次輸入命令 hexo init 回車并等待完成，這個(gè)時(shí)候我們有了下面這些文件夾，

安裝deploy-git部署命令 ：在命令行輸入npm install hexo-deployer-git --save

熟悉hexo的命令 ： 可以參考https://www.cnblogs.com/wsmrzx/p/9439448.html

下面是常用的命令：

hexo clean 命令用于清理緩存文件，是一個(gè)比較常用的命令

hexo g 命令用于生成靜態(tài)文件 這是簡(jiǎn)寫 全稱是 hexo generate 不過沒有必要，簡(jiǎn)稱也是可以的

hexo s 命令用于啟動(dòng)本地服務(wù)器，同樣是簡(jiǎn)稱 。

hexo d 用于部署網(wǎng)站

hexo new 新建博文 如 hexo new “教程”

在命令行輸入 hexo clean 回車 結(jié)束后 輸入 hexo g 回車 結(jié)束后 輸入 hexo s 回車 等待~~~ 命令行出現(xiàn)網(wǎng)址 http://localhost:4000/ 之后 在瀏覽器輸入這個(gè)網(wǎng)址，就可以訪問你的博客了。 命令行CTRL + C 退出 。

選擇一個(gè)主題

可以發(fā)現(xiàn)你的博客很簡(jiǎn)潔（丑陋），在博客根目錄中有 themes 文件夾（上圖），為了方便添加評(píng)論系統(tǒng)，我選擇了一個(gè)內(nèi)置了Valine 評(píng)論系統(tǒng)的主題，在https://valine.js.org/hexo.html 網(wǎng)站里收錄了不少這樣的主題，建議選擇一個(gè)經(jīng)常有人維護(hù)的項(xiàng)目。 我選擇的是https://github.com/theme-next/hexo-theme-next 添加主題的方法是進(jìn)入themes 文件夾，（為了簡(jiǎn)便下面我不在說怎么使用 Git bash here 了 ） 命令行輸入git clone https://github.com/theme-next/hexo-theme-next.git 回車，文件夾內(nèi)出現(xiàn) 名hexo-theme-next 的文件夾， 回到博客根目錄，用記事本或其他方便的應(yīng)用打開_config.yml 找到theme 將后面的 landscape 改為 hexo-theme-next （你下載的主題名） 然后 hexo clean +hexo g+ hexo d +hexo s 查看新主題。

關(guān)聯(lián)github和hexo

登錄GitHub賬戶（看不懂就網(wǎng)頁翻譯），新建一個(gè)倉庫（點(diǎn)擊頭像左側(cè)的加號(hào)，下拉菜單選擇new repository）名字為 你的用戶名加http://github.io 選用公共倉庫，畢竟我們喜歡白嫖。 ！下面圖片少了一個(gè)步驟，Initialize this repository with a README前面的方框點(diǎn)上對(duì)號(hào)

為github選擇一個(gè)主題： 進(jìn)入倉庫的 Settings （參考路徑h ttps://http://github.com/你的用戶名/你的用戶名.http://github.io/settings） 向下滑動(dòng) ，到GitHub Pages 選擇 一個(gè)主題 隨意選擇

接著打開博客配置文件 _config.yml 找到 deploy 進(jìn)行下面的配置（如圖） 添上你的GitHub用戶名

在repository 后面添加庫鏈接就可以了 有的教程是加 git@github.…… 這是兩種協(xié)議，使用ssh協(xié)議，將公鑰放到GitHub上，私鑰留在電腦里，每次push會(huì)自動(dòng)對(duì)比公鑰私鑰，免密使用。

我使用https協(xié)議是因?yàn)槲矣龅搅艘恍﹩栴}。

最后 hexo clean hexo g hexo d 三件套 然后瀏覽器訪問https://用戶名.http://github.io 就OK了。

總結(jié)

以上是生活随笔為你收集整理的git config设置用户名_hexo和git搭建博客过程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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