五分鐘免費搭建一個自己的網站

所使用到的工具

1.git

2.nodejs

3.hexo

4.gitee

默認你已經安裝了Git和NodeJS(不會的自行百度,安裝教程很多)


為何使用Gitee而不是GitHub

目前國內訪問GitHub速度慢,還可能被牆,所以Gitee來構建個人博客。Gitee類似國內版的GitHub,訪問速度有保證。


開始搭建

1. 安裝Hexo

打開cmd,輸入命令

<code>npm install -g hexo-cli/<code>

2. 初始化Hexo

在你的電腦上創建Hexo文件夾,在Hexo文件夾右鍵選擇Git Bash Here

五分鐘免費搭建一個自己的網站


然後輸入命令

<code>hexo init/<code>
五分鐘免費搭建一個自己的網站

初始化完成後Hexo的目錄結構:

五分鐘免費搭建一個自己的網站

3. _config.yml對博客進行基礎配置

_config.yml文件修改,保存

五分鐘免費搭建一個自己的網站

4. 本地預覽博客

編譯項目,輸入命令:hexo g

五分鐘免費搭建一個自己的網站

運行項目,輸入命令:hexo s

五分鐘免費搭建一個自己的網站

在瀏覽器中輸入http://localhost:4000/就可以看到效果啦,是不是很簡單

如果你只是在本地瀏覽,恭喜你已經完成了


部署博客到Gitee上

1. 創建Gitee賬號

到碼雲:https://gitee.com/ 上申請註冊賬號,碼雲類似國內版的GitHub,所以操作界面跟GitHub差不多,多了一些國產化的東西,這裡不做更多介紹了,自己研究下。

2. 創建項目


五分鐘免費搭建一個自己的網站

創建完成後,在項目中複製項目地址。

3. 在_config.yml中配置Git

<code>deploy:
type: git
repo: https://gitee.com/sinee/sinee.git
branch: master/<code>

注意:冒號後面一定要有空格,否則不能正確識別。

4. 發佈到Gitee

輸入命令安裝自動部署發佈工具

<code>npm install hexo-deployer-git --save/<code>

依次輸入以下命令 發佈博客,首次發佈需要在shell中輸入賬號和密碼。

<code>hexo clean
hexo g
hexo d/<code>
五分鐘免費搭建一個自己的網站

5. Gitee Pages設置

在項目的服務中選擇Pages選項


五分鐘免費搭建一個自己的網站

Pages


選擇 master分支,點擊 部署/更新


五分鐘免費搭建一個自己的網站


稍等一會兒博客就發佈成功啦,就可預覽在線博客啦!!!
如果博客的樣式不對,則需要在_config.yml中配置下博客地址和路徑,然後再執行命令hexo clean && hexo g && hexo d 就可以啦

五分鐘免費搭建一個自己的網站

下面這個是我自己搭建的網站,歡迎大家訪問:https://sinee.gitee.io/


五分鐘免費搭建一個自己的網站


五分鐘免費搭建一個自己的網站


特別說明

本教程針對無任何編程經驗,所有工具完全免費。大家在搭建網站的過程中遇到任何問題,可以在文章底部留言,也可以在公眾號底部添加小編微信,看到後會第一時間回覆大家。


分享到:


相關文章: