hexo+gitee搭建個(gè)人博客及主題修改

前期準(zhǔn)備

前往gitee注冊(cè)一個(gè)賬號(hào),并且創(chuàng)建一個(gè)倉(cāng)庫(kù)。倉(cāng)庫(kù)如何創(chuàng)建可以參考碼云的使用幫助

image

安裝node.js,前往官網(wǎng)下載,下載后默認(rèn)安裝即可

# 查看是否安裝成功
node -v
npm -v 

<img src="https://cun.datehadoop.com/20200821134522.png" style="zoom:150%;" />

? npm是從國(guó)外服務(wù)器下載,速度慢可能出現(xiàn)異常,所以我們可以安裝cnpm來(lái)替換npm

# 終端輸入
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
#查看安裝版本
$ cnpm -v

安裝git

前往git安裝,不同的系統(tǒng)都有介紹如何安裝

image

安裝hexo

cnpm install -g hexo-cli

本地搭建hexo博客

在電腦中創(chuàng)建一個(gè)文件夾用來(lái)存放博客 如:/Users/macos/blog

之后的命令行操作都在這個(gè)文件夾的目錄下

# 進(jìn)入創(chuàng)建的博客文件夾
cd blog
hexo init  #生成一個(gè)默認(rèn)的hexo博客
hexo s  #瀏覽器訪問(wèn)http://localhost:4000即可查看hexo博客頁(yè)面

推送到gitee上

在你的gitee上創(chuàng)建一個(gè)倉(cāng)庫(kù),與你的個(gè)性地址名稱相同。如我的https://gitee.com/sangshengjie802

那我的路徑就是sangshengjie802,這樣之后生成的網(wǎng)頁(yè)地址為:sangshengjie802.gitee.io

image

打開(kāi)博客文件夾下面的_config.yml文件

image
修改以下配置:
deploy:
  type: git
  repo: https://gitee.com/sangshengjie802/sangshengjie802.git    #將地址換成自己的地址
  branch: master
#首先要安裝一個(gè)部署插件
cnpm install hexo-deployer-git --save
hexo g  生成靜態(tài)文件
hexo d  推送到gitee  輸入gitee的用戶名和密碼(本人在這邊出現(xiàn)問(wèn)題用戶名登錄好像只能使用郵箱,用戶名登錄不上去)

部署成功后打開(kāi)gitee,這個(gè)時(shí)候服務(wù)會(huì)出現(xiàn)以下,打開(kāi)Gitee Pages,開(kāi)啟,開(kāi)啟后,會(huì)生成一個(gè)網(wǎng)站地址。

image

再次打開(kāi)_config.yml文件,將生成的網(wǎng)站地址填入


image

重新生成推送,然后進(jìn)入Gitee Pages更新。每次本地博客有更改都需要重新生成推送更新。

進(jìn)入自己的博客,輸入gitee生成的網(wǎng)址久可以進(jìn)去了。

image

新建文章+主題修改

下一篇將繼續(xù)介紹如何在博客中新建文章以及如何選擇自己的博客主題模板,進(jìn)行修改配置

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容