gitee+hexo搭建我的博客

經過gitee和hexo搭建我的博客

首先準備軟件：

• git (提供命令git) git官網
• notepad++(方便編輯)notepad++官網
• nodejs(hexo依賴)nodejs官網
• 7z(壓縮包)7z官網

連接：https://pan.baidu.com/s/1OWnJMV1kI86aLUZZEkt6Yw 提取碼：im6o 這裏整合好了。

還有碼雲主頁

安裝

nodejs、git、notepad++和7z的安裝過程省略。主要要說的是hexo的安裝和配置。
再以上幾個安裝好後，注意測試是否能夠再命令行可使用：git,npm
這裏雖然使用的是Windows值做可是所有都是使用命令完成，與Linux的命令相同，因此能夠Linux也是能夠完成的。
Win+R-> 'cmd' 打開命令行
首先須要配置npm的國內源

npm config set registry https://registry.npm.taobao.org     #配置國內的鏡像源
npm info hexo   # 測試查看hexo的安裝信息，是不是taobao.org的源

而後再是安裝hexo：

npm install -g hexo         # 經過npm安裝hexo
# -g 指定全局安裝，可使用hexo命令

我這裏再切換到桌面路徑進行操做

hexo init test      # 初始化建立，會再桌面建立test文件夾
cd test             # 進入test目錄
npm install         # 進一步安裝hexo所需文件

這樣hexo就安裝完成了，接下來就能夠啓動hexo了

hexo clean          # 清除全部記錄
hexo generate       # 生成靜態網頁
hexo server -p 80   # 啓動服務

而後使用瀏覽器訪問http://server_ip

主題配置

若是不喜歡這個主題能夠換一個
好比next主題，next官網 next的github網頁，去github下載壓縮包而後放到test下的themes目錄下。

而後配置_config.yml

……
theme: hexo-theme-next-5.1.4        # 這裏須要注意:後面要有一個空格，名稱要和theme下的主題目錄名稱相同。
……

hexo的其餘配置參考hexo官方文檔
next的配置參考next官方文檔

而後重啓hexo服務

hexo clean          # 清除全部記錄
hexo generate       # 生成靜態網頁
hexo server -p 80   # 啓動服務

而後從新訪問網頁，就會發生變化

生成blog

生成blog：

hexo new test       # 生成主頁,在test/source/_posts下會生成test.md文件

全部網頁都時經過md文件來顯示的，若是想要學習md->markdown語法,能夠參考原做者markdown解釋

上傳到gitee

gitee主頁
再gitee建立本身的帳戶，而後再建立一個本身倉庫

在建立倉庫完成後進入到倉庫

複製URL，到hexo的配置文件_config.yml

……
deploy:
  type: git                 # type爲git
  repo: https://gitee.com/somata/somata # 倉庫的URL
……

這裏先安裝一個hexo的插件

npm install hexo-deployer-git --save    # 安裝git插件
git config --global user.email *********@qq.com # 設置gitee郵箱（gitee的註冊郵箱）
git config --global user.name '****'            # 設置用戶名（git的註冊暱稱）
hexo deploy # 上傳到gitee
# 在上傳時，須要再次輸入gitee的註冊郵箱做爲username，帳戶密碼做爲password

上傳完成以後，倉庫就會多出如下文件

而後哦選擇gitee pages 網頁解析服務

而後選擇開啓 或 更新便可。注意須要綁定手機號，不然不容許使用pages服務。而後訪問網址
這裏須要注意，每次從新上傳網頁後，都須要到這裏來更新網頁

解決hexo博客網頁沒法使用圖片問題

npm install hexo-asset-image --save # 安裝hexo插件

# 這裏還要注意修改_config.yml中的一個點
……
post_asset_folder: true
……

hexo new test       # 生成新的網頁

位置在 test/source/_posts下，會同時生成test目錄和test.md 網頁，將須要的圖片放置到test目錄下，test.md就能夠正常解析了，注意：要在圖片路徑直接寫成同目錄下便可。