在github上部署静态页面

news2025/8/3 2:38:00

使用github-page部署静态页面

需求

假如你辛辛苦苦写好了一个静态网页,很想要炫耀一下,让大家都可以通过公网访问看到我的网页。但是不想太麻烦,买服务器,安装软件,部署环境,配置域名,备案,什么的。

这里有一种最简单的方式,使用gitpage功能,将你的网页通过gitpage部署,大家都可以通过公网看到你的网页了,省去了卖服务器,自行配置,备案的麻烦。

Gitpage介绍

文档主页:GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.

介绍视频:https://www.youtube.com/embed/2MsN8gpT6jY

简单的说,gitpage 是git平台提供的一个帮助你网页部署上限的工具。通过你上传到托管github 平台的代码,将上传的页面代码上线。不需要你考虑服务器,安装部署软件,网络问题,域名,备案等问题。一键上线你的代码。极其方便。

上线你的网页代码,你需要按照一下步骤。

步骤1-新建项目

在你的github平台上新建一个项目(前提你要有个github账号,可以自行注册)

创建你的网页项目仓库:

注意点:

  1. 项目名称一定是这种格式:  账号名称.github.io (不是这种格式无法使用gitpage)。
  2. 项目仓库一定需要是公开的public, 不能是私有的private。私有的无法使用gitpage。

步骤2-上传代码

我在本地写好了我的页面代码:

 将我得代码上传到我的建好的仓库:

 注意点:在仓库中的根目录中要有一个index.html的网页文件! gitpage 上线你的代码后,自动打开index.html。没有这个文件,gitpage无法使用。

 步骤3-服务启动查查看网页链接

如图示:在setting(设置)中,点击page,等待几秒后,黄框的位置会出现一个上线的链接。进入这个链接就可以看到你写好的网页了。

如果没有出现链接,说明没有上线成功,检查一下上边的步骤中的注意点是否操作错误。

如果您的代码可以正常上线,你可以发现code页面,左下角开发状态,有一个github-page 激活的显示。

不足点:

Gitpage帮你上线的网页服务器在国外,国内访问速度有点慢。容易卡掉。

当然也有办法。国内版本的gitee 也上线了giteepage功能,你可以将你的代码上传到gitee,访问速度块多了,部署方式同样很方便。我将在这篇博客介绍gitee中的giteepage。

https://blog.csdn.net/qq_58832911/article/details/128033181icon-default.png?t=M85Bhttps://blog.csdn.net/qq_58832911/article/details/128033181

这是我部署的网页,欢迎大家访问:

Boris - 张博涵 - 个人主页算法工程师,热爱生活的码农,喜欢音乐,摄影,烹饪。http://boris-123.gitee.io/boris-2021.github.io/

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

navicate的安装使用

1 navicat概述 Navicat for MySQL 是管理和开发 MySQL 或 MariaDB 的理想解决方案。这套全面的前端工具为数据库管理、开发和维护提供了一款直观而强大的图形界面。官网: http://www.navicat.com.cn 2 navicat安装 网上有教程 3 navicat使用 3.1 建立和mysql服务…

金融行业数据安全法律法规清单

近年来,随着业务快速发展,金融机构积累了大量的数据,其中包含大量的客户信息等敏感数据,数据信息一旦泄露,不仅会给客户造成直接经济损失,也会给金融业的声誉带来负面影 响,甚至会导致金融机构承…

dreamweaver作业静态HTML网页设计 大学美食菜谱网页制作教程(web前端网页制作课作业)

🎀 精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业…

Linux之权限【读、写、执行】【详细总结】

目录权限相关介绍rwx权限详解rwx作用到文件rwx作用到目录文件及目录权限实际案例权限修改第一种方式,,-,变更权限案例演示:第二种方式:通过数字变更权限chmod urwx,grx,ox 文件目录名 chmod 751 文件目录名修改文件所…

工时管理:警惕员工时间偷窃!企业应该如何避免?

员工时间偷窃是指员工捏造工时,对工时进行四舍五入,或故意延长休息时间,从事与工作无关的活动,却谎报了工作时间,接受了公司在这期间支付的劳动报酬。大家都知道的“带薪摸鱼”这个词,就是员工时间偷窃的一…

Redis学习

Redis1.NoSQL数据库概述NoSQL使用场景NoSQL不适用场景2.Redis2.1应用场景2.1.1 配合关系型数据库做高速缓存2.1.2 多样的数据结构存储持久化数据2.1.3 Redis内存管理2.1.3.1 删除策略2.1.4 Redis持久化机制2.1.4.1 什么是RDB持久化?2.1.4.2 RDB创建快照时会阻塞主线…

小啊呜产品读书笔记001:《邱岳的产品手记-12》第22讲 产品经理的图文基本功(上):产品文档 23讲产品经理的图文基本功(下):产品图例

小啊呜产品读书笔记001:《邱岳的产品手记-12》第22讲 产品经理的图文基本功(上):产品文档 & 23讲产品经理的图文基本功(下):产品图例一、今日阅读计划二、泛读&知识摘录1、第22讲 产品经…

WPF中使用MVVM模型进行数据绑定

文章目录前言一、声明一个类用来实现接口 INotifyPropertyChanged二、实例化ViewModel对象1.新建MainViewModel模型类2.实例化对象三、在界面设计代码中进行绑定四、应用前言 WPF数据绑定对于WPF应用程序来说尤为重要,本文将讲述使用MVVM模式进行数据绑定的四步走用…

如何实现一个优秀的 HashTable 散列表?

本文已收录到 AndroidFamily,技术和职场问题,请关注公众号 [彭旭锐] 提问。 前言 大家好,我是小彭。 在前几篇文章里,我们聊到了 Java 中的几种线性表结构,包括 ArrayList、LinkedList、ArrayDeque 等。今天&#xf…

ArcGIS绘制地球

下面这个图是非常不错的,截取自论文的一张图: 学了十几年地理学,最初的兴趣恐怕还是小时候常常摆弄的地球仪;现在终于有机会尝试地球仪风格制作了。 虽然迟到了十几年,不过今天还是有机会“复现”小时候的地球仪。 先…

使用docker-compose部署达梦DEM管理工具,mac m1系列适用

之前搭建了mac m1下基于docker的达梦库(地址),但是没有一个好用的管理端。 用过DBeaver,可以使用自定jar创建dm链接,只做简单查询还行,要是用到一些修改、大文本查看、配置修改等高级点的功能就不行了。 …

Redis-使用java代码操作Redis

目录 Java连接Redis Java链接 测试是否连接 Java操作Redis Redis字符串(String) Redis哈希(Hash) Redis列表&#xff08;List&#xff09; Redis集合&#xff08;Set&#xff09; Java连接Redis 前置条件&#xff1a;Redis的服务要开启 pom依赖 <dependency>&l…

小熊U租港交所上市:市值28亿港元 京东联想腾讯是股东

雷递网 雷建平 11月24日小熊U租母公司凌雄科技集团有限公司&#xff08;简称&#xff1a;“凌雄科技”&#xff0c;股票代码为&#xff1a;“02436”&#xff09;今日在港交所上市。凌雄科技发行价为7.6港元&#xff0c;募资总额为3.37亿港元。凌雄科技开盘价为7.9港元&#xf…

C++17 --- 多态性、虚函数、多态的条件、联编(捆绑,绑定)

一、多态性 1、多态 多态性是面向对象程序设计的关键技术之一。 若程序设计语言不支持多态性&#xff0c;不能称为面向对象的语言。 多态性(polymorphism) 多态性是考虑在不同层次的类中&#xff0c;以及在同一类中&#xff0c;同名的成员函数之间的关系问题。 函数的重载&…

弘玑Cyclone2022产品发布会:超级自动化下的流程挖掘——弘观流程智能

近日&#xff0c;在弘玑Cyclone“智无边界&#xff0c;数字未来”发布会上&#xff0c;弘玑Cyclone2022年超级自动化系列产品全新亮相&#xff0c;首席产品官贾岿博士带领产品团队以创新技术对新时代语境下的数字生产力进行了全新解读。 本文将为大家分享本次发布会重磅推出的…

C++之字符串处理函数

字符串操作函数 C语言中几个处理字符串的函数都是以str开头,处理时默认遇到\0结束操作 这些字符串函数都使用了下面这个头文件: #include <string.h> 测量字符串的长度strlen 函数原型 size_t strlen(const char *s) //s指需要测量的字符串首元素地址注意,测量时不计…

建筑设计中,如何快速获得场地的等高线图?

等高线指的是地形图上高程相等的相邻各点所连成的闭合曲线。把地面上海拔高度相同的点连成的闭合曲线&#xff0c;并垂直投影到一个水平面上&#xff0c;并按比例缩绘在图纸上&#xff0c;就得到等高线。&#xff08;来自百度百科的定义&#xff09; 图新地球软件&#xff0c;…

YOLOS

太多了 yolo v x 现在又s了 Transformer能否从纯序列到序列的角度执行2D目标级识别&#xff0c;而对2D空间结构知之甚少&#xff1f;为了回答这个问题&#xff0c;今天就展示了“You Only Look at One Sequence” (YOLOS)&#xff0c;这是一系列基于朴素视觉变换器的目标检测模…

磨金石教育摄影技能干货分享|古风人像修图与调色技巧

上一篇文章我们介绍了古风人像的拍摄技巧&#xff0c;这期我们再来了解一下后期修图与调色的技巧。 一、修 饰 皮 肤 首先我们把拍好的照片拖到PS里。 1、ctrlj复制一个图层。然后选择污点修复画笔把脸部瑕疵去掉&#xff0c;嘴巴部位使用的是修复画笔。这样我们可以看到人像…

pyenv的安装与简单使用

一、pyenv是什么&#xff1f; pyenv 是 python 的 多环境管理 工具&#xff0c;可以安装多个版本的 python&#xff0c;并为 全局 或 单个应用 设置指定版本 二、pyenv的安装 2.1 下载 pyenv 压缩包 压缩包下载地址&#xff1a;https://github.com/pyenv-win/pyenv-win#rea…