title: gitee 搭建免費個人博客 全攻略
date: 2021-11-16 16:23:01
tags: 個人博客
category: 教程

此方式不適合不懂技術的朋友，其中會涉及一些代碼修改，部署命令等技術內容。

1. 注冊 gitee 賬號（https://gitee.com/）

2. 新建一個與你的賬號同名的倉庫（這樣可以去掉地址后的應用名，官方幫助 https://gitee.com/help/articles/4136）

   登錄后點擊+號新建與你的登錄賬號同名的倉庫，注意是登錄賬號不是用戶名。

   image-20211116164741321

如果不清楚，可以查看個人主頁的這兩個位置

image-20211116165037043

3. 申請 gitee 賬號下的Gitee Pages 服務（一個支持Jekyll、Hugo、Hexo靜態網站的服務）

   進入你新建的個人倉庫

   image-20211116164610431

4. 安裝PicGo（Github:https://github.com/Molunerfinn/PicGo）

   1. npm 支持，博客內的圖片自動上傳需要使用 gitee 插件需要 npm，如何安裝請自行百度

   2. 安裝好 PicGO 后打開詳細窗口，下載 gitee-uploader
      image-20211116165506051

   3. 圖床設置

      image-20211116165644193

      1.repo: playboytears/picgo （倉庫名稱）

      新建圖片存放庫，新建庫時請注意，需要選擇是開源庫。其他隨意

      2.token:xxx (私人令牌)

      gitee私人令牌申請

      image-20211116170207453

      3.path:images/ (圖片文件夾，可不填，不填就是在倉庫根目錄)

      4.customUrl: https://gitee.com/playboytears/picgo/raw/master (以raw/master結尾即可)

5. 安裝 Typora（https://typora.io/）

   個人喜歡的一個 MD 編輯工具，可以與 PicGo 配合使用方便我們編輯與上傳 blog 內容，圖像配置如下：

   image-20211116165224926

6. 安裝 Hexo（https://hexo.io/zh-cn/docs/）

   建議參考官方文檔安裝，個人使用的是這個命令安裝：

   npm install hexo
   

   安裝后需要將 hexo 所在的 bin 目錄添加進入 PATH

7. 使用 Hexo

   1. 初始化項目

      hexo init web
      

2. 進入 web 目錄新建文章

   hexo new helloAndy
   

   在web/source/_posts目錄下可以看到新建的 MD 文件，編輯它

8. 發布應用

   1. 發布之前需要設置 web 目錄下的_config.yml 文件

    title: Andy
    author: Andy
    url: https://playboytears.gitee.io/playboytears
    root: /playboytears
    deploy:
      type: 'git'
      repo: git@gitee.com:playboytears/playboytears.git
      branch: master

沒有的增加，存在的修改成與自身信息相同的配置

2. 添加 gitee 的SSH公鑰，具體步驟參見 giee 官方文檔（https://gitee.com/help/articles/4191）

   image-20211116172002957

   添加成功后，在 web 目錄下執行如下命令

hexo g -d

INFO  Generated: 2021/11/16/blog/gitee-搭建免費個人博客-全攻略/index.html
INFO  1 files generated in 467 ms
INFO  Deploying: git
INFO  Clearing .deploy_git folder...
INFO  Copying files from public folder...
INFO  Copying files from extend dirs...
[master 165b127] Site updated: 2021-11-16 17:27:33
 1 file changed, 1 insertion(+)
Enter passphrase for key '/Users/aaaaa/.ssh/id_rsa': ## 此處輸入公鑰密碼
枚舉對象中: 15, 完成.
對象計數中: 100% (15/15), 完成.
使用 4 個線程進行壓縮
壓縮對象中: 100% (6/6), 完成.
寫入對象中: 100% (8/8), 633 字節 | 316.00 KiB/s, 完成.
總共 8（差異 2），復用 0（差異 0），包復用 0
remote: Powered by GITEE.COM [GNK-6.2]
To gitee.com:playboytears/playboytears.git
   28c017c..165b127  HEAD -> master
分支 'master' 設置為跟蹤來自 'git@gitee.com:playboytears/playboytears.git' 的遠程分支 'master'。
INFO  Deploy done: git

即可將工程發不到對應倉庫，是否成功可用瀏覽器打開倉庫查看是否有文件

image-20211116172242428

9. 刷新應用

   進入對應倉庫的Gitee Pages 服務頁面

image-20211116172337141

END 最后可以查看你自己的博客了https://playboytears.gitee.io/