自动部署静态html,手把手教你用 GitHub 来部署静态网页

最新推荐文章于 2024-05-20 18:30:00 发布
最新推荐文章于 2024-05-20 18:30:00 发布
阅读量2k 收藏 4
点赞数 1
文章标签： 自动部署静态html

在尝试过用 GitHub 部署静态 HTML 网页后，觉得其实挺容易的，这里简单说说如何用 GitHub 来完成部署。

1.首先我新建了一个版本库作为 demo，然后点击settings

7923d980cccfd9d165450ba20f47a0c5.png

2.选择 GitHub Pages 的Automatic page generator

b79d82aa5d007224d7740bf4695f4890.png

3.这里填一些基本信息，也可以默认

387241ab6826f08add602b18a2a2c832.png

4.这里的google分析可以不填，我们先把咱们的页面跑起来，点击Continue to layouts

d1b014ceaa234dc7b5d2d137c08470fd.png

5.这里github给你提供了一些模板，这里我选了第一个模板

最低0.47元/天 解锁文章
大脑正常人
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
github上的html项目怎么运行,GitHub搭建简单的项目“Hello HTML”
weixin_39899691的博客
06-19 1422
2、注册GitHub账号。3、登陆GitHub。点击“Sign in”进入登陆界面，输入账号密码登录GitHub。4、进入GitHub后创建存储库(New repository)。1)点击用户名处的“＋”，在点击“New repository”。2)创建Repository(存储库)。推荐Repository name与用户名一致，如：hgping918.github.com或hgping918....
手把手教你使用vue-cli脚手架(图文解析)
08-28
手把手教你使用vue-cli脚手架（图文解析） 本篇文章主要介绍了使用vue-cli脚手架的详细教程，从环境搭建到项目初始化的每一步骤都进行了详细的解析。下面是本篇文章的知识点总结： 一、Vue-cli脚手架的优势 * 有...
【小白向】手把手教你发布自己写的HTML静态网页
yilang0413的博客
08-08 8768
相对于C++、JAVA等编程语言的复杂难学，HTML/CSS/JS可以说是对刚接触计算机的同学最友好的编程语言了。特别是随着主流浏览器都支持了HTML5/CSS3，就算是新手， 只要费点心思，也容易就能做出一些有趣的页面。但是，当我们做出了漂亮的页面以后，是不是会急于与别人分享我们的成功呢？让家人或者朋友通过输入一个地址就能访问到我们写的HTML页面，是不是会有很大的成就感呢？ 今天博主就来手把手的教大家怎么在互联网中发布自己写的HTML页面，建立自己人生中的第一个网站吧。今天的教程全部采用命令的方式来进行
零基础HTML教程(35)--网站的本地部署
程序员大阳
05-20 1302
这里首先要区分服务器、服务器软件这两个概念。服务器一般我们指的是性能比较强的电脑，这种电脑我们个人拿来用有点浪费，因为挺贵的，起步也得一两万一台。它是用来运行我们的网站的，可以供成千上万（甚至几十万、几百万）的用户同时访问。服务器软件，则是服务器上安装的各种软件，以我们网站部署所用软件为例，精准的说应该是web服务器软件，它的作用就是把网站传播出去。做个对比，广播大家都听过，广播的作用是把声音传播出去，那么web服务器软件的作用，就是把网站传播出去。
在Github上部署html公开网页
Slim's Hello World
02-09 6566
[笔记]在GitHub Page上部署网页 实用。
在github上部署html项目
qq_56418482的博客
01-09 692
手把手教学，在GitHub上部署html项目并直接访问项目
tomcat部署静态html网站方法
热门推荐
M.Blog
10-19 2万+
一、首先下载tomcat（apache-tomcat-8.5.6） 二、将静态html页面以及相关文件放在一个目录，如A目录 三、将A目录放在..:\apache-tomcat-8.5.6\webapps目录下 四、指定tomcat访问端口号（在如图所示目录下找到server.xml文件并打开） 五、找到port端口行，修改自己想用的端口号即可（只要不被占用）如图所示： 六、在此
Github Actions + Docker实现HTML静态前端页面CICD部署
Vampire69的博客
07-16 1134
使用Github Actions可以实现CICD自动构建部署。简单来说就是你只需要执行gitpush命令，你服务器上的网页就可以自动部署更新，无需你执行编译指令。
手把手教你RT-Thread 环境快速搭建入门教程.zip
11-01
《手把手教你实战RT-Thread Nano》一书则侧重于RT-Thread的轻量级版本——RT-Thread Nano。Nano版本精简了内核，适用于资源有限的MCU。它包含基本的调度、信号量、互斥锁等功能，适用于对实时性和内存占用有严格要求...
手把手教你搭建免费个人博客
08-28
- **Jekyll**：一种静态网站生成器，与 Github Pages 结合使用可以创建功能丰富的博客。 - **参考文章**： - [《搭建一个免费的，无限流量的Blog—-githubPages和Jekyll入门》](https://link.example.com/article1)...
手把手带你用next搭建一个完善的react服务端渲染项目.docx
10-26
### 手把手带你用Next.js搭建一个完善的React服务端渲染项目 #### 一、引言与背景 在当今快速发展的前端领域中，React已经成为构建用户界面的重要工具之一。随着React版本不断更新，开发者们也在寻求更高效的方式...
移动端：手把手带你入门跨平台UI开发框架Flutter，看完这篇-flutter框架
最新发布
07-04
- **共享代码库**: Flutter允许开发者使用一套代码库来构建iOS和Android应用，大大减少了开发时间。 - **一致性**: 由于使用了自定义渲染引擎，Flutter应用在不同平台上能够保持一致的外观和感觉。 ##### 4.2 高效...
把HTML项目部署到服务器中
o_w_l_5_1_6的博客
05-13 1万+
aaaa
github | html纯小白也可以创建静态个人主页
qq_53185200的博客
07-31 1637
0基础创建自己的主页
第二篇:iis部署自己的HTML网站
qq_40347722的博客
11-03 6013
如何使用IIS部署自己的HTML项目
最简单的github搭建个人网站及访问html文件
OBKoro1前端分享
03-28 1万+
写在前面：本文内容如题，没有乱七八糟的步骤，最简单的搭建个人网站，想要展示更多的个人能力，经验，经历，在简历上放上自己的个人网站链接无疑是一种比较好的方式。前端对服务器要求不是太高，主要是找个平台给我放放网站什么的就好了，GitHub允许上传个人网站项目并自定义域名，而且又有稳定的服务，还不用苦恼怎么搭建后台，实在是上上之选。 github可以当做自己的个人博客网站，做一个这样的网站的好
html部署到公网
贵贵滴的博客
06-06 2579
环境条件 java运行环境（略） Apache tomacat natapp 具体步骤 安装tomcat、配置tomcat环境变量 详情参考：https://www.cnblogs.com/TerLeeHost/p/7890574.html 1、新建变量名：CATALINA_BASE，变量值：G:\apache-tomcat-7.0.90（你的tomcat安装目录） 2、新建变量名：CAT...
github 显示HTML页面方法
gklcsdn的博客
01-06 3190
1. 项目里面找到settings 2. 向下拉动到此处，选择master branch 3. 选择完成之后再此处会生成一个链接 4. 复制链接，然后添加HTML页面名字，就可以在页面访问该链接了 https://guokanglun.github.io/-1/index.html ...
html + css 实现静态github个人页面
weixin_44713688的博客
07-26 616
用html+css实现GitHub静态个人界面部分： 首先是html部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>github1</title> &lt
手把手教你用github
10-19
下面是手把手教你使用GitHub的步骤： 1. 首先，你需要在GitHub官网上注册一个账号。 2. 在GitHub上创建一个新的仓库，点击页面右上角的“+”按钮，选择“New repository”，填写仓库名称和描述，选择公开或私有，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值