问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

My Page

创作时间:
作者:
@小白创作中心

My Page

引用
CSDN
1.
https://blog.csdn.net/2401_86205687/article/details/140903244

GitHub Pages是一个静态网站托管服务,它允许用户轻松创建和部署个人网站或项目页面。本教程将详细介绍如何使用GitHub Pages免费发布网站,适合初学者快速上手。

1. GitHub Pages简介

GitHub Pages是GitHub提供的一项静态网站托管服务,可以为个人、项目或组织提供简单的方式来创建和部署网站。如果你已经克隆了网站代码,可以直接跳至第四步“发布”。

2. 创建新的GitHub仓库

  1. 登录你的GitHub账号(如果没有账号,请先注册)
  2. 点击“Create repository”/“📕 New”
  3. 为你的仓库命名,例如“my-page”
  4. 滑动到页面底部,点击“Create repository”完成创建

3. 克隆仓库

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

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

    cd <文件夹路径>
    
  2. 进入刚才创建的仓库,复制仓库地址

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

    git clone http://github.com/username/my-page.git
    
  4. 在克隆下来的文件夹中,新建一个名为index.html的文件

  5. 编辑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>My Page</title>
    </head>
    <body>
        <h1>欢迎来到你的网站</h1>
    </body>
    </html>
    
  6. 修改完保存,提交并推送更改到仓库

    cd my-page
    git add .
    git commit -m "Initial commit"
    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 "<你的邮箱>"
    git config --global user.name "<你的用户名>"
    git commit -m "Initial commit"
    

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

4. 发布

  1. 回到刚才的仓库,点击“Settings”,在左边菜单“Code and automation”下找到“Pages”
  2. 在Branch下选项中选择“main”,然后点击“Save”
  3. 稍等片刻后刷新网站,页面的顶部将显示发布后的网站的地址,点击“Visit site”你就可以看到发布后的网站内容了

5. 更新

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

cd <文件夹路径>
git add .
git commit -m "更新内容"
git push

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

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号