gitee+hexo搭建我的博客

經過gitee和hexo搭建我的博客

本文首發：https://www.somata.net/2019/build_blog_with_gitee_hexo.html

首先準備軟件：

• 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就能夠正常解析了，注意：要在圖片路徑直接寫成同目錄下便可。

本文經「本來」原創認證，做者乾坤盤，訪問yuanben.io查詢【3SCNT0GH】獲取受權信息。