五分鐘免費(fèi)搭建一個(gè)自己的網(wǎng)站

所使用到的工具

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ù)大家。

最后編輯于
?著作權(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ù)。

相關(guān)閱讀更多精彩內(nèi)容

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