当前位置: 首页 > web >正文

Gitee上免费搭建博客

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: gitrepo: https://gitee.com/<你的用户名>/<仓库名>.git  # 如 https://gitee.com/zhangsan/zhangsan.gitee.io.gitbranch: 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 搭建你的免费博客吧! 🚀

http://www.xdnf.cn/news/17363.html

相关文章:

  • 嵌入式学习---在 Linux 下的 C 语言学习 Day10
  • 《C语言》指针练习题--2
  • Redisson中的分布式锁
  • uni-app vue3 小程序接入 aliyun-rtc-wx-sdk
  • Vscode Data Wrangler 数据查看和处理工具
  • 如何为WordPress启用LiteSpeed缓存
  • Linux 限制 root 登录 IP 地址的方法
  • Activiti 中各种 startProcessInstance 接口之间的区别
  • Java——详解形参实参方法的重载
  • .NET PDF处理组件IronPDF:如何通过 AI 简化开发人员处理 PDF的方式
  • platform总线简介和使用场景说明
  • 设计模式-装饰模式 Java
  • Web开发-JS应用WebPack构建打包Mode映射DevTool源码泄漏识别还原
  • [激光原理与应用-169]:测量仪器 - 能量型 - 光功率计(功率稳定性监测)
  • RepoCoder:仓库级代码补全的迭代检索生成框架解析与应用前沿
  • 基于Python+Vue+Mysql实现(物联网)智能大棚
  • 【tips】css模仿矢量图透明背景
  • Vue 3 入门教程 9 - 表单处理
  • change和watch
  • 酉矩阵(Unitary Matrix)和随机矩阵
  • 拥抱云原生:从传统架构到云原生架构的演进与实践
  • 慢SQL优化实战:从一例线上慢SQL探究执行引擎工作过程
  • 如何快速掌握Excel公式?14天轻松通关
  • 大疆前端笔试题目详解
  • Kafka数据生产和发送
  • 如何将Dubbo从Zookeeper平滑地迁移到Nacos?
  • OpenCV图像处理入门实战指南
  • 【办公自动化】使用Python来自动化处理Excel表格有哪些方法?
  • 急危重症专科智能体”构建新一代急诊、手术与重症中心的AI医疗方向探析
  • 图像认知与OpenCV——图像预处理4