Gitee上免费搭建博客

发布于:2025-08-08 ⋅ 阅读:(15) ⋅ 点赞:(0)

Gitee(码云) 上免费搭建博客,可以使用 Gitee Pages 服务,支持静态网站托管(类似 GitHub Pages)。以下是详细步骤:


方法 1:使用 Hexo + Gitee Pages(推荐)

Hexo 是一个快速、简单的静态博客框架,适合技术博客。

步骤 1:安装 Node.js 和 Git

  1. 下载安装 Node.js(包含 npm)。
  2. 下载安装 Git

步骤 2:安装 Hexo

npm install -g hexo-cli

步骤 3:初始化博客

hexo init myblog  # 创建博客项目
cd myblog
npm install      # 安装依赖

步骤 4:本地运行测试

hexo server      # 访问 http://localhost:4000

步骤 5:部署到 Gitee

  1. 在 Gitee 上创建仓库

    • 仓库名格式:<你的用户名>.gitee.io(如 zhangsan.gitee.io)。
    • 选择 公开仓库
  2. 修改 Hexo 配置
    编辑 _config.yml

    deploy:
      type: git
      repo: https://gitee.com/<你的用户名>/<仓库名>.git  # 如 https://gitee.com/zhangsan/zhangsan.gitee.io.git
      branch: master
    
  3. 安装部署插件

    npm install hexo-deployer-git --save
    
  4. 生成静态文件并推送

    hexo clean && hexo generate && hexo deploy
    
  5. 开启 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.htmlREADME.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),直接:

  1. 创建 Gitee 仓库。
  2. 上传文件。
  3. 开启 Gitee Pages

注意事项

  1. Gitee Pages 需手动更新
    • 每次推送代码后,需进入 Gitee Pages 重新部署(不像 GitHub Pages 自动更新)。
  2. 自定义域名
    • Gitee Pages 设置 可绑定自己的域名(需备案)。
  3. HTTPS 支持
    • Gitee Pages 默认支持 HTTPS,但自定义域名需自行配置。

总结

方案 适用场景 优点
Hexo 技术博客 主题丰富,支持 Markdown
VuePress/Docsify 文档博客 适合技术文档
纯 HTML 简单网站 无需框架,直接上传

现在就去 Gitee 搭建你的免费博客吧! 🚀


网站公告

今日签到

点亮在社区的每一天
去签到