title: gitee 搭建免费个人博客 全攻略
date: 2021-11-16 16:23:01
tags: 个人博客
category: 教程
此方式不适合不懂技术的朋友,其中会涉及一些代码修改,部署命令等技术内容。
注册 gitee 账号(https://gitee.com/)
-
新建一个与你的账号同名的仓库(这样可以去掉地址后的应用名,官方帮助 https://gitee.com/help/articles/4136)
登录后点击+号新建与你的登录账号同名的仓库,注意是登录账号不是用户名。
如果不清楚,可以查看个人主页的这两个位置
-
申请 gitee 账号下的Gitee Pages 服务(一个支持Jekyll、Hugo、Hexo静态网站的服务)
进入你新建的个人仓库
-
安装PicGo(Github:https://github.com/Molunerfinn/PicGo)
npm 支持,博客内的图片自动上传需要使用 gitee 插件需要 npm,如何安装请自行百度
-
安装好 PicGO 后打开详细窗口,下载 gitee-uploader
-
图床设置
1.repo: playboytears/picgo (仓库名称)
新建图片存放库,新建库时请注意,需要选择是开源库。其他随意
2.token:xxx (私人令牌)
gitee私人令牌申请
3.path:images/ (图片文件夹,可不填,不填就是在仓库根目录)
4.customUrl: https://gitee.com/playboytears/picgo/raw/master (以raw/master结尾即可)
-
安装 Typora(https://typora.io/)
个人喜欢的一个 MD 编辑工具,可以与 PicGo 配合使用方便我们编辑与上传 blog 内容,图像配置如下:
-
安装 Hexo(https://hexo.io/zh-cn/docs/)
建议参考官方文档安装,个人使用的是这个命令安装:
npm install hexo
安装后需要将 hexo 所在的 bin 目录添加进入 PATH
-
使用 Hexo
-
初始化项目
hexo init web
-
-
进入 web 目录新建文章
hexo new helloAndy
在web/source/_posts目录下可以看到新建的 MD 文件,编辑它
-
发布应用
- 发布之前需要设置 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
没有的增加,存在的修改成与自身信息相同的配置
-
添加 gitee 的SSH公钥,具体步骤参见 giee 官方文档(https://gitee.com/help/articles/4191)
添加成功后,在 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
即可将工程发不到对应仓库,是否成功可用浏览器打开仓库查看是否有文件
-
刷新应用
进入对应仓库的Gitee Pages 服务页面
END 最后可以查看你自己的博客了https://playboytears.gitee.io/