Gitee上免费搭建博客
在 Gitee(码云) 上免费搭建博客,可以使用 Gitee Pages 服务,支持静态网站托管(类似 GitHub Pages)。以下是详细步骤:
方法 1:使用 Hexo + Gitee Pages(推荐)
Hexo 是一个快速、简单的静态博客框架,适合技术博客。
步骤 1:安装 Node.js 和 Git
- 下载安装 Node.js(包含 npm)。
- 下载安装 Git。
步骤 2:安装 Hexo
npm install -g hexo-cli
步骤 3:初始化博客
hexo init myblog # 创建博客项目
cd myblog
npm install # 安装依赖
步骤 4:本地运行测试
hexo server # 访问 http://localhost:4000
步骤 5:部署到 Gitee
-
在 Gitee 上创建仓库
- 仓库名格式:
<你的用户名>.gitee.io
(如zhangsan.gitee.io
)。 - 选择 公开仓库。
- 仓库名格式:
-
修改 Hexo 配置
编辑_config.yml
:deploy:type: gitrepo: https://gitee.com/<你的用户名>/<仓库名>.git # 如 https://gitee.com/zhangsan/zhangsan.gitee.io.gitbranch: master
-
安装部署插件
npm install hexo-deployer-git --save
-
生成静态文件并推送
hexo clean && hexo generate && hexo deploy
-
开启 Gitee Pages
- 进入仓库 → 服务 → Gitee Pages。
- 选择 部署分支(如
master
),点击 启动。
✅ 访问 https://<你的用户名>.gitee.io
即可看到博客!
方法 2:使用 VuePress / Docsify + Gitee Pages
适合文档型博客。
步骤 1:初始化项目
mkdir myblog && cd myblog
npm init -y
npm install -g vuepress # 或 docsify
步骤 2:编写内容
- VuePress:创建
docs
目录,写 Markdown。 - Docsify:创建
index.html
和README.md
。
步骤 3:推送到 Gitee
git init
git remote add origin https://gitee.com/<用户名>/<仓库名>.git
git add .
git commit -m "init"
git push -u origin master
步骤 4:开启 Gitee Pages
- 进入仓库 → 服务 → Gitee Pages,选择分支并部署。
方法 3:直接上传 HTML 静态文件
如果你已有静态网站(如 index.html
),直接:
- 创建 Gitee 仓库。
- 上传文件。
- 开启 Gitee Pages。
注意事项
- Gitee Pages 需手动更新
- 每次推送代码后,需进入 Gitee Pages 重新部署(不像 GitHub Pages 自动更新)。
- 自定义域名
- 在 Gitee Pages 设置 可绑定自己的域名(需备案)。
- HTTPS 支持
- Gitee Pages 默认支持 HTTPS,但自定义域名需自行配置。
总结
方案 | 适用场景 | 优点 |
---|---|---|
Hexo | 技术博客 | 主题丰富,支持 Markdown |
VuePress/Docsify | 文档博客 | 适合技术文档 |
纯 HTML | 简单网站 | 无需框架,直接上传 |
现在就去 Gitee 搭建你的免费博客吧! 🚀