将网页部署到github服务器上,用Github部署H5网站(无需服务器)

news/2024/5/10 1:15:23/文章来源:https://blog.csdn.net/weixin_42522131/article/details/119308996

Step1 :登录到自己的Github,查看代码仓库

点击“Repositories”进入自己的代码仓库页面,点击“New”,新建一个代码仓库,用来存放将要上传的网页文件。

da9a6af86e74

图1 查看代码仓库

Step2 :新建代码仓库

进入新建代码仓库页面,填写“Repository name”,这是新建的代码仓库的名字,点击“legendary-carnival”可以查看命名规则;填写“Description”,可以是代码仓库的中文描述,出现在readme文;选择“Public”,私有的需要付费;填写完毕后,检查一下,点击“Create repository”,确认新建代码仓库。

da9a6af86e74

图2 新建代码仓库

Step3 :设置Github Pages

新建完毕代码仓库后,进入该代码仓库页,点击“Settings”,进入设置页

da9a6af86e74

图3 点击点击“Settings”

一直想下拉,找到Github Pages,点击“Change theme”,进入主题设置页(没设置之前是没有Your site的)

da9a6af86e74

图4 点击“Change theme”

选择“Cayman”主题,点击“Select theme”

da9a6af86e74

图5 点击“Select theme”

由于设置了主题,所以要提交变化,点击“Commit changes”来提交变化

da9a6af86e74

图6 点击“Commit changes”来提交变化

此时在"Settings"中的“GitHub Pages”中出现了“Your site”,点击该网址可以访问你的网站,但是此时你的网站里只有默认内容,所以下一步是要上传你的内容到该代码仓库

da9a6af86e74

图7 在"Settings"中的“GitHub Pages”中出现了“Your site”

Step4 :上传本地代码到github

点击“Clone or download”点击复制代码仓库的链接,或者在浏览器顶部复制链接

da9a6af86e74

图8 复制代码仓库的链接

在终端写“git clone "刚刚复制的链接"”,之后自动下载该代码仓库的文件到本地,显示100%表示下载完成。

da9a6af86e74

图9 下载该代码仓库的文件到本地

找到下载的文件夹,将你的网站文件复制到该文件夹

写“cd "下载的文件夹"”,进入该文件夹

写“git add .”提交该文件夹到缓存区,注意add后面有空格

写“git commit -m "该次提交的描述"”,为该次添加描述

da9a6af86e74

图10 准备提交本地代码到github

此时提示你还没有登录,按照提示代码,填写邮箱和用户名,并在此提交,具体输入如下划线所示

da9a6af86e74

图11 设置邮箱和用户名后提交

写“git push origin master”将缓存区的代码提交到github的“master”分支

da9a6af86e74

图12 代码提交到github的“master”分支

显示如图13表示代码上传完成,此时可以点击如图7所示的链接来访问自己的网站了。

da9a6af86e74

图13 上传代码完成

Step5 :更新代码并上传到github

da9a6af86e74

图14 更新代码

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_818686.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

批量下载某网站的图片

环境:windows7 ,Python 3.6.7 ,you-get 0.4.1432 ,bat 变量说明: for1 chapters 章节 62184 ~ 62210 for2 jpgNum jpg 1~40 for3 fileFolder 存放每个章节的文件夹 1~50 最初的示例图 测试代码 路径内容&a…

学习Linux的博客和资源网站

个人推荐一些优质学习Linux的博客和网站 1、Katacoda - Interactive Learning Platform for Software Engineers 网页版的交互式软件工程师技术学习平台,可在上面学kubernetes 、 docker 、CICD等知识。 2、骏马金龙 - 博客园 博主骏马金龙 ,学Lin…

记一次网站无法访问的排查思路

2021年1月15日10:36:06 昨晚19点发生了一排机器(不到10台)发生了重启,IDC的李工说超融合服务器的存储出问题了。无法远程服务器,访问web服务。我以为中招incaseformat病毒了。在23:30分修复成功,应该是存储…

记一次网站故障排查过程(nginx 504状态码、 upstream timed out (110: Connection timed out)以及jbd2引起IO高

一、问题描述 客户侧反馈无法正常访问系统,页面转圈,时好时坏,访问不稳定。 二、系统环境: 机器环境:UOS 、 nginx 、php(对接其他服务器kingbase 、钉钉、redis 、KF) ELB:192.…

大型网站限流算法的实现和改造

最近写了一个限流的插件,所以避免不了的接触到了一些限流算法。本篇文章就来分析一下这几种常见的限流算法 分析之前 依我个人的理解来说限流的话应该灵活到可以针对每一个接口来做。比如说一个类里面有5个接口,那么我的限流插件就应该能针对每一个接口就…

Nginx 通过 certbot 为网站自动配置 SSL 证书并续期

目录 一、背景知识1.1、http 和 https 是什么?1.2、SSL/TLS 是什么?1.3、为什么要部署 https?1.4、怎么部署 https 呢?1.5、怎么获得 SSL 安全证书呢?二、Let’s Encrypt 及 Certbot 简介2.1、Authenticators 和 Insta…

部署社区网站,搭建SVN、nginx、PHP,部署MFS并挂载,发布上线

概述: 社交网站的第一个版本部署在LNMP平台之上,前段为Nginx服务器,通过fastcgi协议访问后端的PHP服务器。为了保证数据安全,要求搭建MySQL数据库主从集群。 项目介绍: 本项目案例结合SVN、LNMP和MySQL三种环境&#x…

《大型网站架构技术》系列分享专栏

2019独角兽企业重金招聘Python工程师标准>>> 在这里整理一些大型网站架构方面的技术文章,包括大型网站存储,架构,静态化处理,高并发,高性能方面的问题处理,解决方案等知识 《大型网站架构技术》…

阿里云官方网站免费套餐怎么抢

阿里云推出包含云服务器 ECS、负载均衡、云数据库 RDS、云数据库 Redis 版、云数据库 Mongodb 版、弹性公网 IP、CDN、对象存储 OSS、文件存储 NAS等40核心云产品,6个月免费使用何为免费套餐,其实就是让你先体验,觉得好用,易用&am…

一步步构建大型网站架构

2019独角兽企业重金招聘Python工程师标准>>> 之前我简单向大家介绍了各个知名大型网站的架构,亿万用户网站MySpace的成功秘密、Flickr架构、YouTube网站架构、PlentyOfFish 网站架构学习、WikiPedia技术架构学习笔记。这几个都很典型,我们可以…

html:demo网站学习

学习网站https://www.sc-edu.com 涉及知识如下&#xff1a; 目录HTML < ul> 标签HTML lang 属性HTML 标签的 alt 属性CSS 选择器CSS position绝对定位&#xff1a;absolute relativeCSS background-position 属性CSS3 animation(动画)属性 与 keyframes 规则CSS paddin…

html:写网站时遇到的问题及解决

目录01 绝对路径改相对路径出错&#xff1a;图片无法显示02 两端文字空开&#xff0c;且每行这两端文字对齐03 在一行&#xff0c;一侧显示文字&#xff0c;一侧显示图片04 动画效果&#xff0c;文字乱跑05 padding 和 margin01 绝对路径改相对路径出错&#xff1a;图片无法显示…

四招避免SEO优化过度

在对网站进行优化的过程中&#xff0c;很多人往往会将所看到的优化方法不分青红皂白的一律应用&#xff0c;但这样一来就往往会出现优化过度的现象&#xff0c;优化过度甚至比不优化还要对网站有危害&#xff0c;只需要注意以下四个方面&#xff0c;就可以避免在优化网站中经常…

MOSS通过此命令注册模板,web应用程序可以根据stp模块生成网站集

注&#xff1a;C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\bin stsadm –o addtemplate –title 凤凰小学模版 –filename d:\fenghuangxiaoxue.stp MOSS部署常用的stsadm命令行 常用的stsadm命令行参数有&#xff1a; 1、installfeature、uni…

如何部署互动百科的开源wiki建站系统

最近想在技术部门内部搭建一个知识共享平台&#xff0c;经过一番了解和相关资料的查阅&#xff0c;选定了互动百科的开源wiki系统。选定互动wiki&#xff08;下文简称hdwiki)&#xff0c;主要的原因有如下几个方面&#xff1a; 1.中文版。这样对于我个人或者团队内部成员而言&a…

国外人经常上的网站,即全球各个领域最大的互联网网站

由于身处的行业原因&#xff0c;我经常上中国以外的互联网&#xff0c;其实全世界的网民跟国内的网民差不多&#xff0c;他们也经常上网&#xff0c;玩空间、网络视频、分享照片、写博客。由于国内对于互联网的封锁&#xff0c;所以国内大部分的童鞋并不了解外国人的上网都去哪…

分享一个交友网站源码-类Facebook

源码地址&#xff1a; https://gitee.com/tonygeli/social

wordpress账号无法登陆_外贸独立站Wordpress+WooCommerce建站记录贴

一、打开SiteGround网站&#xff0c;进行虚拟主机购买二、选择WooCommerce虚拟主机&#xff0c;第一个只能建一个网站&#xff0c;第二个建立无数个网站&#xff0c;第三个更贵&#xff0c;以后升级可选&#xff1b;我选择第二个&#xff1b;三、在购买的时候在SiteGround上选择…

VS2012下开发MVC4网站(EF出现找不到元数据)

这个错误出现的莫名其妙,在项目里,连了两个数据库,一个2008,一个mysql5.5,调试运行,一点问题都没有,但是发布到IIS7里面,就提示找不到元数据了. 找了好多办法,什么该连接串中的&quot;为,还有一个把metedata的配置,改为具体的名称res://*/test.csdl...把*改成具体的命名空间…

婚纱网站php源码,婚纱摄影宣传网站模板(PHP 源码)

★模板安装方法★1、将web文件夹里的文件覆盖到网站根目录.2、安装dede系统。(如果您已经安装,请跳过本步.)直接运行&#xff1a;http://www.yourname.com/install/index.php (请换成你的域名)3、还原数据库&#xff1a;1)进入dede后台&#xff0c;找到‘系统’-‘数据库备份/还…