[筆記]基於hexo框架博客搭建

前言：做爲一個技術宅，怎麼可以沒有本身的我的Blog呢，本身搭建博客，一來能夠用來做爲學習的記錄，二來未來面試的時候拋出本身滿滿的博客，那但是加分項呀，三來最次也能夠用來裝裝X嘛

實驗環境:win10
前期準備：安裝好git和node.js（自行百度下載git和nedo.js）

---

好，話很少說，開始動手

 

終端中輸入 node -v 和git 分別出現如下界面，則安裝正確（我使用的終端是cmder完整版，能夠在win下使用linux的命令）

上面這張圖顯示的是我安裝node的版本

---

上面的步驟完成以後，接下來就能夠開始安裝hexo了

首先介紹下npm，這是一個包管理器，接下來的安裝都和這個命令有關，但因爲衆所周知的緣由，國內速度很慢，因此咱們進行一個鏡像源更改，改到淘寶的源，利用npm安裝一個cnpm包管理器

npm install -g cnpm --registry=https://registry.npm.taobao.org

替換成功以後cnpm就安裝完成了，接下來開始正式安裝hexo，用如下命令安裝

cnpm install -g hexo-cli

hexo安裝完成以後可使用  hexo - v 命令驗證下是否安裝成功，成功的話就可以獲得如下這個界面

---

接下來，選擇一個盤新建一個文件夾，取名爲blog(若是你和我同樣是使用cmder的話，直接能夠用mkdir命令)

而後終端進入這個blog文件夾，運行如下命令初始化

hexo init

完成以後會在blog文件夾下生成一些文件，到這一步，hexo的初始化就已經完成了

 安裝依賴

cnpm install

 

這時候咱們啓動hexo博客，運行如下命令，而後在你的瀏覽器中輸入 localhost:4000

這個命令默認的是使用4000端口，若是沒有錯誤的話，你可使用 localhost:4000 在你的瀏覽器中預覽你的博客

hexo s   　　

可是有些人的電腦4000端口可能被佔用什麼的，這個時候　你可使用如下命令

hexo  s -p 5555　　//指定5555端口

此時hexo的基本佈置完成了

---

 

 

接下來要作的就是把博客部署到github上去

首先你要有個github帳號，註冊帳號省略

 

而後你要建立一個倉庫，倉庫名字嚴格要求爲 ： 你的用戶名.github.io      

接下來打開的你的blog文件夾，推薦使用sublime，編輯 _config.yml 文件 

 

 配置如上圖所示，repo 配置爲你的github倉庫的地址 ，下圖中的地址

保存更改，打開終端，進入blog文件夾路徑，把博客部署到遠端

 

hexo d

 

這個時候可能報錯，如：（xxxxx爲你的github  ID）

fatal: unable to access 'https://github.com/xxxxxx/xxxxxx.github.io.git

這是由於git沒有配置好緣由，你能夠把上面的 repo 的庫地址配置爲  

https://用戶名：密碼@github.com/xxxxxx/xxxxxx.github.io.git

完成以後刷新你的github倉庫，就會發現倉庫不是空的了。

而後在瀏覽器中輸入     你的用戶名.github.io   就可以訪問你的博客了

---

 

 

總結：到此，我的博客就搭建完成了，不過此時的主題是hexo默認的主題，後續能夠本身查找資料換主題