github 发布静态页面

最新推荐文章于 2024-05-01 13:44:05 发布
最新推荐文章于 2024-05-01 13:44:05 发布
阅读量942 收藏 4
点赞数
文章标签： github pages 部署静态页面 github 部署博客 静态页面托管
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41523392/article/details/119512991
版权

静态页面分为两类

  • 项目静态页面（是react或者vue项目打包后生产的静态页面）传送门🚪
  • 默认静态页面（文件里只有html，css和js）传送门🚪

项目静态页面

  • 首先得把项目打包，也就是npm build

  • 将build之后的文件上传到GitHub上

  • 点击项目主页的settings在这里插入图片描述

  • 点击pages在这里插入图片描述

  • 在这里选择你上传的有静态文件的分支，选择/root之后点击save

  • 点击下方的choose a theme，随便选择一个主题
    在这里插入图片描述- 点击之后页面会刷新，然后会生成一个链接，点击这个链接

最低0.47元/天 解锁文章
代罔
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如何发布自己的静态网页
丘秋的博客
04-17 1万+
如何发布静态网页 相信大家做完一些网页都想把自己的网页发布出去给别人欣赏或使用，没有服务器又如何把网页发布出去呢？如果发布的仅是一个静态网页，还是很简单的。 使用对象存储云服务 对象存储（Cloud Object Storage，COS）是一种存储海量文件的分布式存储服务，用户可通过网络随时存储和查看数据。 对象存储简单的说就是一种文件的云存储服务，类似于使用的网盘。各大云平台都有各自对象存储...
在github上部署静态页面
qq_58832911的博客
11-24 8837
假如你辛辛苦苦写好了一个静态网页，很想要炫耀一下，让大家都可以通过公网访问看到我的网页。这里有一种最简单的方式，使用gitpage功能，将你的网页通过gitpage部署，大家都可以通过公网看到你的网页了。
github托管静态页面
最新发布
2301_79385221的博客
05-01 1294
免费在线上空间，不用简直就是浪费，关键还不限流量赶紧去折腾一下这是搭建的GitHub托管网页，由于是GitHub的服务器，国内访问会非常！慢。
GitHub从注册到上传静态网页（保姆级教程手把手教你上载自己的静态网页）
qq_52793095的博客
12-01 2734
将静态网页托管到GitHub上以供别人访问
【小白向】手把手教你发布自己写的HTML静态网页
yilang0413的博客
08-08 8694
相对于C++、JAVA等编程语言的复杂难学，HTML/CSS/JS可以说是对刚接触计算机的同学最友好的编程语言了。特别是随着主流浏览器都支持了HTML5/CSS3，就算是新手， 只要费点心思，也容易就能做出一些有趣的页面。但是，当我们做出了漂亮的页面以后，是不是会急于与别人分享我们的成功呢？让家人或者朋友通过输入一个地址就能访问到我们写的HTML页面，是不是会有很大的成就感呢？ 今天博主就来手把手的教大家怎么在互联网中发布自己写的HTML页面，建立自己人生中的第一个网站吧。今天的教程全部采用命令的方式来进行
保姆级教程：从零构建GitHub Pages静态网站
阿甘兄
10-20 5685
超详细讲解从零构建Github Pages静态网站
github:在GITHUB页面上发布网站
04-16
在GitHub上发布网站是利用GitHub Pages服务实现的，这是一个便捷且免费的方式，让开发者和非开发者都能轻松托管静态网页。GitHub Pages分为两种类型：用户/组织站点和个人项目站点。接下来，我们将详细介绍如何创建...
aerocorpssolutions.com:Github页面静态站点
03-31
在GitHub上，用户可以利用GitHub Pages服务创建和发布静态网站，这些站点通常由HTML、CSS和JavaScript等前端技术构建。这个项目可能是一个企业或个人展示其产品、服务或信息的平台。 描述 "aerocorpssolutions....
actions-publish-gh-pages：使用GitHub Pages发布静态网站的GitHub Action
02-05
GitHub Action，使用发布静态网站。 该操作提供了将包含工作流中静态内容的任意目录发布到GitHub Pages。 用法 输入项 dir包含要发布内容的目录。 可以指定为的绝对路径或相对路径。 branch -远程分支发布源的...
XuYuanzhe.github.io:静态页面
04-12
在IT行业中，静态页面是指不含有服务器端动态处理的网页，它们的内容在用户请求时不会根据数据变化而改变。创建静态页面是Web开发的基础，尤其适用于个人博客、简历展示等简单站点。本篇文章将深入讲解如何在GitHub...
Andrelton.github.io:我的GitHub静态个人页面
05-15
GitHub Pages是GitHub提供的一个免费服务，允许用户发布静态网页，这对于开发者来说是一个理想的选择，因为它无需服务器管理和数据库配置，只需简单的HTML、CSS和JavaScript代码即可创建一个功能齐全的网站。...
使用Git在GitHub上部署静态页面
XunLin233的博客
08-02 1650
在GitHub中，我们可以将自己的静态页面部署到GitHub中，它会给我们提供一个地址使得我们的页面变成一个真正的网站，可以供用户访问。
在Github上部署静态网页
Day by day的博客
07-19 8954
我想分享给大家的是，如何将已经创建了仓库并且有master分支的项目部署为静态网页。 自动生成页面 1、点击settings 自动生成页面  仓库名和访问二级域名一致。    跳转到这个页面，直接忽视，点击最后面的按钮。    随意选择，提交。  现在我们已经生成了gh-pages分支。  gh-pages分支内容。  自定义你
如何在网上（利用github）发布自己制作的网页
qq_26248741的博客
12-20 6129
许多刚刚接触前端学习的同学在学习了HTML后制作了自己的网页，但HTML格式的网页只能在本地打开，今天搬砖老刘较大家如何创建免费的域名网站（GitHub）上传自己的网页。 一、前期准备工作： 1.注册GitHub账户 地址：GitHub 2.下载安装git。下载地址:Git - Downloads 3.准备好自己制作完成的网页文件 二、GitHub域名创建 1.登录完成后点击 ...
React项目，storybook实现通过git action动态部署到git page上
scorpioop_1120的博客
02-23 253
如果是默认一般都是在gh-pages的/(root)下面，要是存到了别的地方，记得改动pages。3.第三步：运行完成后到setting->pages 里设置自己部署需要的包存放的位置。4.最后显示这样就是成功啦~
一种通用的静态资源发布方法
冷血之心的博客
07-03 647
技术问题： 在日常的用户页面中，往往会存在一些常见问题页面。常见问题页面一般情况下分类、分条目的阐述当前用户侧容易遇到的一些问题。一般情况下，问题会比较固定，其对应的回答或者解释也比较固定，旨在帮助用户更好的理解和使用自己的产品。这些页面我们称之为静态页面，静态页面的内容维护一般是产品经理或者运营等非技术人员。但是，当非技术人员需要按照当前的需求频繁的修改静态资源页面的内容，比如说修改一句话、修改一个排版样式，往往需要牵扯到技术同学来进行代码编写、功能开发，并且进行发布部署，这样的交互效率太低，不利于静态.
免费好用的静态托管平台4EVERLAND
PoyaKu的博客
08-18 1918
市面上目前有很多静态页面托管平台，比如Github Pages、Gitee Pages，以及前段时间刚开放内测的Cloudflare Pages等。这些平台给大家带来极大的便利，但是却因各种各样的原因总有一些不足。最近刚发现一个全新的平台4EVERLAND，总体体验下来流程非常顺畅，体验极佳，推荐给大家可以尝试一下。 可能因为上线初期，4EVERLAND目前给所有账户提供40GB免费存储空间以及无限的流量，重点是！重点是！重点是！4EVERLAND只需Github授权登录，而且无需绑定任何其他信息...
生成静态页面 - 内容发布系统的开发
开发资料
01-20 960
生成静态页面一般来说都是做好静态页面的模板，然后从数据源读取数据，生成html代码块替换模板中的标签，然后生成静态文件。比如文章页面模板部分如下：table border="1" style="BORDER-COLLAPSE: collapse" width="100%" cellpadding="2" cellspacing="2">tr>td>a href="(#ArticleUrl#)"

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值