如何使用 Github Pages 免费发布/部署网站

1. Github Pages

Github Pages 是一个静态站点托管服务,这个服务为个人、项目或组织提供了一个简单的方式来创建和部署网站

本教程专为初学者设计,如果您已经克隆了网站代码,并只需进行发布,请直接跳至第四步 “发布”

2. 创建新的 Github Respository

进入 github, 点击 “Sign in” 登录账号(如没有账号请先注册)

点击 “Create respository”/ “📕 New”

为您的 Respository 命名,例如 “page”

在这里插入图片描述
划到页面底部,再次点击 “Create respository” 完成创建

3. 克隆 Respository

本步骤将使用Git,如果您尚未安装Git,请前往git官网下载并安装。安装过程中,使用默认设置即可

在这里插入图片描述

打开命令提示符(cmd),切换到您想要编辑网站文件的目录

cd <文件夹路径>

进入刚才创建的 Respository,复制仓库地址

在这里插入图片描述

在cmd中执行以下命令,将复制的地址粘贴在 git clone 后面

git clone http://github.com/username/page.git

在这里插入图片描述

在克隆下来的 p 文件夹中,新建一个名为 index.html 的文件

编辑文件 index.html,这是您网站的HTML文件,例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Page </title>
</head>
<body>
    <h1> 欢迎来到你的网站 </h1>
</body>
</html>

修改完保存,提交并推送更改到仓库

cd page
git add .
git commit -m "<备注的信息>"
git push

如果出现以下错误,说明您的电脑尚未配置 GitHub 账户信息,请按照提示进行设置

Author identity unknown
*** Please tell me who you are.
Run
git config--global user.email "you@example.com'git config--global user.name "Your Name"
to set your account's default identity.
0mit --global to set the identity only in this repository.

输入以下命令,将 <邮箱><账户> 替换为您的邮箱和账户名:

git config --global user.email "<邮箱>.com"
git config --global user.name "<账户>"
git commit -m "<备注信息>"

在这里插入图片描述

弹出窗口使用浏览器登录页面(Sign in with your browser)

4. 发布

回到刚才的 Respository,点击 “Settings”,在左边菜单 “Code and automation” 下找到 “Pages”
在 Branch 下选项中选择“main”,然后点击 “Save”

在这里插入图片描述

稍等片刻后刷新网站,页面的顶部将显示发布后的网站的地址,点击 Visit site 您就可以看到发布后的网站内容了

在这里插入图片描述

5. 更新

以后在文件夹中完成文件修改后,若想要推送更改,请打开命令提示符(cmd)并执行以下命令就可以了

cd <文件夹路径>
git add .
git commit -m "<备注的信息>"
git push

这样就可以更新网站了。请注意,更新可能需要稍等片刻才能生效

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值