所使用到的工具
1.git
2.nodejs
3.hexo
4.gitee
默認(rèn)你已經(jīng)安裝了Git和NodeJS(不會(huì)的自行百度,安裝教程很多)
為何使用Gitee而不是GitHub
目前國(guó)內(nèi)訪問(wèn)GitHub速度慢,還可能被墻,所以Gitee來(lái)構(gòu)建個(gè)人博客。Gitee類似國(guó)內(nèi)版的GitHub,訪問(wèn)速度有保證。
開(kāi)始搭建
1. 安裝Hexo
打開(kāi)cmd,輸入命令
npm install -g hexo-cli
2. 初始化Hexo
在你的電腦上創(chuàng)建Hexo文件夾,在Hexo文件夾右鍵選擇Git Bash Here
然后輸入命令?
hexo init
初始化完成后Hexo的目錄結(jié)構(gòu):
3. _config.yml對(duì)博客進(jìn)行基礎(chǔ)配置
_config.yml文件修改,保存
4. 本地預(yù)覽博客
編譯項(xiàng)目,輸入命令:hexo g
運(yùn)行項(xiàng)目,輸入命令:hexo s
在瀏覽器中輸入http://localhost:4000/就可以看到效果啦,是不是很簡(jiǎn)單
如果你只是在本地瀏覽,恭喜你已經(jīng)完成了
部署博客到Gitee上
1. 創(chuàng)建Gitee賬號(hào)
到碼云:https://gitee.com/?上申請(qǐng)注冊(cè)賬號(hào),碼云類似國(guó)內(nèi)版的GitHub,所以操作界面跟GitHub差不多,多了一些國(guó)產(chǎn)化的東西,這里不做更多介紹了,自己研究下。
2. 創(chuàng)建項(xiàng)目
創(chuàng)建完成后,在項(xiàng)目中復(fù)制項(xiàng)目地址。
3. 在_config.yml中配置Git
deploy:
type: git
repo: https://gitee.com/sinee/sinee.git
branch: master
注意:冒號(hào)后面一定要有空格,否則不能正確識(shí)別。
4. 發(fā)布到Gitee
輸入命令安裝自動(dòng)部署發(fā)布工具
npm install hexo-deployer-git --save
依次輸入以下命令?發(fā)布博客,首次發(fā)布需要在shell中輸入賬號(hào)和密碼。
hexo clean
hexo g
hexo d
5. Gitee Pages設(shè)置
在項(xiàng)目的服務(wù)中選擇Pages選項(xiàng)
Pages
選擇 master分支,點(diǎn)擊 部署/更新
稍等一會(huì)兒博客就發(fā)布成功啦,就可預(yù)覽在線博客啦?。?!
如果博客的樣式不對(duì),則需要在_config.yml中配置下博客地址和路徑,然后再執(zhí)行命令hexo clean && hexo g && hexo d?就可以啦
下面這個(gè)是我自己搭建的網(wǎng)站,歡迎大家訪問(wèn):https://sinee.gitee.io/

?
特別說(shuō)明
本教程針對(duì)無(wú)任何編程經(jīng)驗(yàn),所有工具完全免費(fèi)。大家在搭建網(wǎng)站的過(guò)程中遇到任何問(wèn)題,可以在文章底部留言,也可以在公眾號(hào)底部添加小編微信,看到后會(huì)第一時(shí)間回復(fù)大家。
