gitee-搭建免费个人博客-全攻略

---

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: [email protected]: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' 设置为跟踪来自 '[email protected]:playboytears/playboytears.git' 的远程分支 'master'。
INFO  Deploy done: git

即可将工程发不到对应仓库，是否成功可用浏览器打开仓库查看是否有文件

image-20211116172242428

9. 刷新应用

   进入对应仓库的Gitee Pages 服务页面

image-20211116172337141

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