GitHub搭建个人网站-只需5步就可以搞定

最新推荐文章于 2025-10-29 21:51:51 发布

原创最新推荐文章于 2025-10-29 21:51:51 发布 · 339 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#新人首发 #github

使用GitHub搭建个人网站的步骤

准备工作 确保拥有GitHub账号，并熟悉基本的Git操作（如克隆、提交、推送）。安装Git工具到本地计算机。

创建GitHub仓库 登录GitHub，点击右上角“+”选择“New repository”。仓库名必须为username.github.io（将username替换为你的GitHub用户名）。选择“Public”并勾选“Initialize this repository with a README”。

克隆仓库到本地 复制仓库的HTTPS或SSH地址，使用Git命令克隆到本地：

git clone https://github.com/username/username.github.io.git

添加网站内容 进入本地仓库文件夹，创建网站文件。基础结构通常包括：

index.html（主页）
css/（样式表）
js/（脚本）
images/（图片资源）

编写HTML示例 以下是一个简单的index.html模板：

<!DOCTYPE html>
<html>
<head>
    <title>My Personal Website</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <h1>Welcome to My Site</h1>
    <p>This is hosted on GitHub Pages.</p>
</body>
</html>

提交并推送更改 使用Git命令提交更改并推送到GitHub：

git add .
git commit -m "Initial website setup"
git push origin main

启用GitHub Pages 在仓库的“Settings”选项卡中，左侧导航选择“Pages”。在“Source”部分选择分支（通常为main或master），点击“Save”。

访问网站 稍等几分钟，访问https://username.github.io即可查看网站。首次部署可能需要最多10分钟生效。

进阶配置

使用Jekyll主题 GitHub Pages原生支持Jekyll静态网站生成器。在仓库根目录添加_config.yml文件并指定主题：

theme: minima

自定义域名 购买域名后，在仓库的“Pages”设置中添加自定义域名。需在域名服务商处配置CNAME记录指向username.github.io。

自动化部署 通过GitHub Actions实现持续部署。创建.github/workflows/deploy.yml文件：

name: Deploy
on: [push]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - run: echo "Deploying to GitHub Pages"