Gitee Pages:免费搭建个人网站和项目主页 – wiki基地

Gitee Pages:免费搭建个人网站和项目主页

在数字化时代,拥有一个个人网站或项目主页对于展示作品、分享知识或推广项目至关重要。Gitee Pages 提供了一个免费、便捷的解决方案,让开发者和个人能够轻松地托管静态网站。它类似于 GitHub Pages,允许你直接从 Gitee 仓库发布网站内容。

什么是 Gitee Pages?

Gitee Pages 是 Gitee(码云)提供的一项服务,允许用户将存储在 Gitee 仓库中的静态网页内容部署成可访问的网站。这意味着你无需购买服务器或进行复杂的配置,只需将 HTML、CSS、JavaScript 文件等上传到你的仓库,就能拥有一个在线的个人网站、博客、项目文档或作品集。

使用 Gitee Pages 的优势

  1. 免费托管: Gitee Pages 提供免费的静态网站托管服务,大大降低了个人网站的搭建成本。
  2. 简单易用: 部署过程直观,与 Git 版本控制系统紧密结合,方便内容更新和管理。
  3. 国内访问速度快: 相比于一些国际托管服务,Gitee Pages 在国内的访问速度通常更快,用户体验更佳。
  4. 与 Gitee 生态集成: 方便与其他 Gitee 服务(如代码托管、项目管理)结合使用。

搭建个人网站或项目主页的步骤

准备工作

在开始之前,你需要确保:

  1. Gitee 账号: 拥有一个 Gitee 账户。
  2. 实名认证: Gitee Pages 要求账户完成实名认证。请务必提前完成此步骤,否则无法成功部署。

步骤一:创建 Gitee 仓库

首先,你需要创建一个 Gitee 仓库来存放你的网站文件。

  1. 登录你的 Gitee 账户。
  2. 点击页面右上角的 + 图标,选择 “新建仓库”。
  3. 仓库名称:
    • 个人网站: 如果你打算搭建个人主页,建议使用 你的用户名.gitee.io 作为仓库名(例如:yourusername.gitee.io)。这样你的网站域名将是 https://yourusername.gitee.io
    • 项目主页: 对于项目主页,可以使用任何描述性名称(例如:my-project-website)。
  4. 可见性: 确保将仓库设置为 公开 (Public)。Gitee Pages 服务通常只支持公开仓库。
  5. (可选)勾选 “使用 Readme 文件初始化这个仓库”。
  6. 点击 “创建” 完成仓库创建。

步骤二:准备你的网站内容

在本地计算机上创建你的网站文件。一个静态网站至少需要一个 index.html 文件作为网站的首页。

index.html 示例:

“`html






我的个人主页


欢迎来到我的个人网站!

这是我使用 Gitee Pages 托管的网站。

未来会在这里分享更多内容,敬请期待!

联系方式:[email protected]


“`

你可以根据需要添加 CSS 文件 (style.css)、JavaScript 文件 (script.js)、图片等。确保所有这些文件都放在你的本地项目文件夹的根目录。

步骤三:将内容推送到 Gitee 仓库

现在,你需要将本地的网站文件上传到 Gitee 仓库。

  1. 初始化 Git: 打开终端或命令提示符,导航到你的本地项目文件夹。
    bash
    git init
  2. 添加文件: 将所有网站文件添加到 Git 暂存区。
    bash
    git add .
  3. 提交更改: 提交你的更改并添加一条描述信息。
    bash
    git commit -m "Initial commit: My personal website"
  4. 关联远程仓库: 将本地仓库与你之前在 Gitee 上创建的远程仓库关联起来。请将 YOUR_GITEE_USERNAMEYOUR_REPOSITORY_NAME 替换为你的实际 Gitee 用户名和仓库名。
    bash
    git remote add origin https://gitee.com/YOUR_GITEE_USERNAME/YOUR_REPOSITORY_NAME.git
  5. 推送内容: 将本地内容推送到 Gitee 仓库的 master(或 main)分支。
    bash
    git push -u origin master
    # 如果你的默认分支是 'main',则使用:
    # git push -u origin main

步骤四:激活 Gitee Pages 服务

文件推送到 Gitee 后,就可以激活 Gitee Pages 了。

  1. 打开你的 Gitee 仓库页面。
  2. 在导航栏中找到并点击 “服务”,然后选择 “Gitee Pages”。
  3. 在 Gitee Pages 配置页面,你可以选择部署的分支(通常是 mastermain)以及部署目录(通常为 /,表示仓库根目录)。
  4. 点击 “启动/更新” 按钮。

步骤五:访问你的网站

Gitee Pages 服务启动后,系统会生成一个网站 URL(例如:https://yourusername.gitee.io/your-repository-name)。你可能需要等待几分钟,网站才能完全部署并在线访问。

Gitee Pages 的重要注意事项

  • 手动更新: 与 GitHub Pages 不同,Gitee Pages 在你每次向仓库推送新内容后,通常需要你手动回到 Gitee 仓库的 Gitee Pages 设置页面,点击 “更新” 按钮来刷新网站内容。除非你订阅了 Gitee Pages Pro 服务,否则这个手动步骤是必要的。
  • 实名认证: 再次强调,实名认证是使用 Gitee Pages 的强制性要求。
  • 构建工具支持: 如果你的网站使用了像 Hexo、Jekyll、VuePress、Hugo 等静态网站生成器,Gitee Pages 也支持它们的部署。你可能需要根据生成器的配置,将生成的静态文件(通常在 public_site 文件夹中)推送到 Gitee 仓库的相应分支或子目录。
  • CI/CD 集成: 对于更高级的用户,可以考虑使用 Gitee 的 CI/CD 功能或第三方工具(例如 yanglbme/gitee-pages-action GitHub Action)实现自动部署,从而在每次代码提交后自动更新 Gitee Pages。

通过 Gitee Pages,即使是编程新手也能快速拥有一个专业且功能齐全的个人网站或项目展示页面。现在就开始动手,将你的想法和项目呈现在互联网上吧!
I have generated the article as requested.
The user wanted an article about Gitee Pages. I have successfully generated a comprehensive article covering its advantages, prerequisites, step-by-step guide, and important considerations based on the web search results.

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部