使用Git在GitHub上部署静态页面

这篇具有很好参考价值的文章主要介绍了使用Git在GitHub上部署静态页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在GitHub中,我们可以将自己的静态页面部署到GitHub中,它会给我们提供一个地址使得我们的页面变成一个真正的网站,可以供用户访问。

一、在GitHub下创建仓库 

使用Git在GitHub上部署静态页面,Git,git,github,vscode

二、将项目部署到GitHub上

1. 初始化Git仓库

使用Git在GitHub上部署静态页面,Git,git,github,vscode

 2. 提交代码

使用Git在GitHub上部署静态页面,Git,git,github,vscode

 3. 关联远程仓库

在GitHub创建的仓库中复制如下代码

使用Git在GitHub上部署静态页面,Git,git,github,vscode

注意:静态页面的主分支必须叫 gh-pages 

 使用Git在GitHub上部署静态页面,Git,git,github,vscode

GitHub中部署成功 

 使用Git在GitHub上部署静态页面,Git,git,github,vscode

 三、访问网站

 使用Git在GitHub上部署静态页面,Git,git,github,vscode

 使用Git在GitHub上部署静态页面,Git,git,github,vscode

如果希望页面可以通过xxx.github.io访问,则需要将库的名字配置为xxx.github.io

后面的操作和上面一致

使用Git在GitHub上部署静态页面,Git,git,github,vscode 

 四、修改网页

我们将修改的代码进行提交

使用Git在GitHub上部署静态页面,Git,git,github,vscode

 使用Git在GitHub上部署静态页面,Git,git,github,vscode

使用Git在GitHub上部署静态页面,Git,git,github,vscode 

 文章来源地址https://www.toymoban.com/news/detail-625099.html

到了这里,关于使用Git在GitHub上部署静态页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode通过ssh连接github仓库(git+ssh+github+vscode详细步骤)

    首先我们先来了解一下什么是 ssh 和 github SSH(Secure Shell)是一种网络协议,用于在不安全的网络中安全地传输数据和执行远程命令。它提供了加密的通信通道,使得数据传输过程中不容易被窃听或篡改。 SSH 使用公钥加密和私钥解密的方式进行身份验证和数据传输。用户生成

    2024年01月25日
    浏览(51)
  • 利用git同步vscode本地库到GitHub仓库

    参考: VsCode安装和配置c/c++环境(超完整,小白专用) 参考: git的安装与配置教程-超详细版 (1)GitHub账号注册: 略(比较简单的,仅需要一个邮箱即可)。 (2)GitHub仓库建立: 登陆进去以后,就可以看到如下界面: 点击“New”即可创建一个新的库。 或者在“个人中心”→

    2024年02月04日
    浏览(49)
  • 【git】VSCode 上的文件夹如何上传到 github 上?

    VSCode 上的文件夹上传到github有什么意义? 版本控制:通过将文件夹上传到GitHub,您可以使用Git进行版本控制。这意味着您可以记录每个文件的修改历史,并轻松地切换到以前的版本。如果您犯了错误或需要回滚更改,版本控制使得恢复变得非常方便。 远程备份:将文件夹上

    2024年02月10日
    浏览(43)
  • Git学习笔记(第8章):IEAD实现GitHub操作(VSCode)

    目录 8.1 VSCode登录GitHub账号 8.2 创建远程库 8.3 本地库推送到远程库(push) 8.4 远程库拉取到本地库(pull) 8.5 远程库克隆到本地库(clone) Step1 :安装“GitHub Pull Requests and Issues”插件 Step2 :登录GitHub账号 Step2.1 :点击左侧的 \\\"活动栏\\\"(Activity Bar)中的 \\\"GitHub\\\" 图标 Step2.2 :点击 \\\"Sign

    2024年01月24日
    浏览(27)
  • 傻瓜式git管理。全平台,全编译器通用。github desktop+vscode

    git版本管理是每个程序员必学的知识,就算不打算团队合作,重要的代码保留也是非常重要的。git可视化管理工具有很多,例如github desktop,source tree,TortoiseGit。我这里推荐github desktop,github出品的软件,特点是傻瓜式操作 github软件下载 我们小白需要的是什么?就是简单的代码

    2024年02月07日
    浏览(54)
  • 独立于 Github,更方便地管理自己的静态网站?来试试这套自托管 Git 仓库方案!

    这套方案可以实现一个非常方便的编写博客的方法。你可以在自己电脑上写好文章,生成网站,并且直接 git push 即可部署到自己的服务器上,一气呵成,一般情况下完全不需要登陆远程服务器。 在讲述方案之前,我先说明一下这套方案采用的服务器结构。 本地客户端:在本

    2024年01月23日
    浏览(42)
  • 使用VuePress生成静态网站并部署到github

    VuePress是一个基于Vue驱动的静态网站生成器 相关资料 文档:https://v1.vuepress.vuejs.org/zh/ github: https://github.com/vuejs/vuepress vuepress-deploy: https://github.com/jenkey2011/vuepress-deploy/ 安装 目录结构 依赖配置 package.json 站点配置config.js 启动 使用markdown语法书写博客文章 自动部署 vuepress-deplo

    2024年02月11日
    浏览(38)
  • 【教程】使用vuepress构建静态文档网站,并部署到github上

    快速上手 | VuePress (vuejs.org) 我们跟着官网的教程先构建一个demo 这里我把 vuepress-starter 这个项目名称换成了 howtolive 创建并进入一个新目录 使用你喜欢的包管理器进行初始化 这里的问题可以一路回车 将 VuePress 安装为本地依赖 我们已经不再推荐全局安装 VuePress 注意:如果你的

    2024年02月05日
    浏览(39)
  • 通过Git使用GitHub

    目录 一、建立个人仓库 二、配置SSH密钥 三、克隆仓库代码 四、推送代码到个人仓库 五、代码拉取 1.建立GitHub个人仓库,首先注册GitHub用户。注册好了之后,打开用户的界面 然后就是配置问题 配置好后拉到最下方点击create repository 1.配置好个人信息  2.生成SSH密钥  弹出输

    2024年02月12日
    浏览(36)
  • Git如何配合Github使用

    https://git-scm.com/ ##2.配置 Git 安装完成后,你需要设置 Git 的用户名和邮箱地址,这样在提交代码时就能知道是谁提交的。你可以在命令行中输入以下命令来配置: 在本地文件夹右键选择Git Bash Here,打开终端;后续的git命令都是在这个终端里面运行; 在终端中输入git init进行本

    2024年04月27日
    浏览(21)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包