如何在github上展示静态页面

最新推荐文章于 2024-06-24 00:14:58 发布

李小超yys

最新推荐文章于 2024-06-24 00:14:58 发布

阅读量3.6k

点赞数

分类专栏： github 文章标签： web github

本文链接：https://blog.csdn.net/m0_38082616/article/details/79643032

版权

github 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

先看demo：https://leechao1994.github.io/-dome/tuxiaobai/

我们想在github上展示自己刚写的静态页面分为以下几个步骤：
1.将写好的项目上传到github上任意一个新建的项目上
这里写图片描述

2.创建一个名为gh-pages的分支
这里写图片描述

3.注意！上传的文件夹中必须有index.html文件
这里写图片描述

4.输入网址访问。网址格式 https://leechao1994（你的名字）.github.io/-dome（项目名字）/tuxiaobai（文件夹名字）/
这里写图片描述

怎么样？是不是很简单！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

李小超yys

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

XuYuanzhe.github.io:静态页面

04-12

在IT行业中，静态页面是指不含有服务器端动态处理的网页，它们的内容在用户请求时不会根据数据变化而改变。创建静态页面是Web开发的基础，尤其适用于个人博客、简历展示等简单站点。本篇文章将深入讲解如何在GitHub...

博客搭建教程（二）：静态博客 GitHub + Hexo

编程者的博客

12-27

774

博客搭建,Github,Node,npm,Hexo

4 条评论您还未登录，请先登录后发表或查看评论

记录贴:Github搭建一个静态个人博客

qq_48130410的博客

03-26

566

错误:fatal: remote origin already exists 已解决第一我们需要在Github中新建一个仓库第二在新建项目的Setting中找到GitHub Pages 紧接着把项目推送到github中我们可以点击进入你的域名链接第三把自己本地写好的静态项目推送到新建的github项目中。我们进入文件目录第四分别五步第一步:输入 git init 进行初始化第二步添加远程仓库 git remote add origin https://github.com

使用html+css实现一个静态页面（含源码）

最新发布

qq_365392777

06-24

1108

1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑

使用Python开发的静态博客极速部署GitHub

J_Sky：编程爱好者,又菜又爱玩.

03-26

229

碎言这个名称取自与"碎言片语"，码兄累了吗？累了就休息一下，为未来的自己留下一些碎言片语吧。演示(github)：碎言博客一键切换主题，自动主题。

github静态博客创建

Zhang_2002_GZ的博客

11-29

451

博客创建： 1.下载node D:\my app\nodejs 2.github注册->Zhang2002GZ.github.io（用户名.github.io） 3.下载git:git for windows->cmd+r: git（D:\my app\Git） 4.SHH配置： (1)git_bash打开:$ ssh-keygen -t rsa -C "2251787923@qq.com"->回车(4次)直至结束记住这行Enter file in which to save...

探秘`xinglie.github.io`: 一个个人博客模板的代码宝库

gitblog_00096的博客

03-30

373

探秘xinglie.github.io: 一个个人博客模板的代码宝库项目地址:https://gitcode.com/xinglie/xinglie.github.io 项目简介项目链接是一个基于GitHub Pages的静态个人博客模板，由开发者xinglie创建并分享。这个项目不仅提供了一个美观、简洁的博客设计，还包含了完整的源码，让任何具备基本HTML和CSS知识的人都可以轻松定制自己的...

gusachenko.github.io：静态github页面

02-12

在GitHub上部署静态页面，一般遵循以下步骤： 1. 创建一个新的GitHub仓库，名字格式为`<用户名>.github.io`。 2. 将本地的静态页面项目文件上传至仓库。 3. 在仓库设置中启用GitHub Pages功能，选择`master`分支...

urmlblog:在Github上托管的个人网站

05-12

9. **静态网站生成器**: 由于博客是在GitHub上托管的，可能使用了Jekyll、Hugo、Gatsby等静态网站生成器，将Markdown内容转化为静态HTML页面，这样GitHub Pages可以直接服务这些静态内容，无需服务器端的动态处理。...

aerocorpssolutions.com:Github页面静态站点

03-31

标题 "aerocorpssolutions.com:Github页面静态站点" 暗示这是一个在GitHub上托管的静态网站项目。在GitHub上，用户可以利用GitHub Pages服务创建和发布静态网站，这些站点通常由HTML、CSS和JavaScript等前端技术构建...

BlackdeerY.github.io:静态网页寄存

04-13

"BlackdeerY.github.io"似乎是一个用户在GitHub上托管的个人静态网站，这种做法充分利用了GitHub Pages的服务。 GitHub Pages是GitHub提供的一项免费服务，它允许用户在GitHub仓库上发布静态网站。这些网站可以是...

『GitHub Actions』部署静态博客指南

ReturnTmp的博客

10-14

1475

之前博主是使用的Jenkins实现vuepress博客的自动部署与持续交付，但是因为现在迁移服务器到海外，并且服务器配置降低。现在经常出现服务器的Jenkins构建过程中 CPU 占用率过高，导致服务器卡死然后我想的话既然只是部署静态博客，似乎也没必要使用Jenkins这样重量级的 CI/CD 工具，所以本文将会主要讲解如何使用 GitHub Actions 部署我们的 vuepress 静态博客下面给出博主的博客仓库地址，后面我们的配置过程中需要用到博客地址系统配置：CentOS 7.9。

【技术】基于Github Pages搭建个人博客静态网页

EliasChang的博客

03-08

1736

利用Github Pages搭建静态网页

用git发布静态页面

weixin_45697314的博客

05-17

663

0.在Windows上安装Git msysgit是Windows版的Git，从http://msysgit.github.io/下载，然后按默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！ $ git config --global user.name "Your Name" $ git config --global user.email "email@example.com" 1. mk

使用GitLab Pages托管静态网站

热门推荐

茶树

06-20

1万+

使用 GitLab Pages，可以直接从 GitLab 的存储库中发布静态网站。要使用 Pages 发布网站，您可以使用任何静态网站生成器，例如 Gatsby、Jekyll、Hugo。

在github上部署静态页面

qq_58832911的博客

11-24

9113

假如你辛辛苦苦写好了一个静态网页，很想要炫耀一下，让大家都可以通过公网访问看到我的网页。这里有一种最简单的方式，使用gitpage功能，将你的网页通过gitpage部署，大家都可以通过公网看到你的网页了。

让你的github代码显示成静态网页

cvchihzhza的博客

05-13

894

当你上传你的前端代码到github时,别人访问你的仓库,将只能看到一些代码,如果你想将自己的github前端代码运行起来,那么往下看每个仓库的master分支下, 新建一个docs目录.下面放静态网页比如index.html 然后在该仓库内点击Setting ,再设置Github Pages 的Source为master branch/docs folder,再点击Save...

gitlab CI/CD自动化部署vue项目到gitlab page 静态页面

wlijun_0808的博客

11-12

1303

gitlab CI/CD自动化部署vue项目到gitlab page 静态页面

用GitHub来展示前端页面

05-31

GitHub 是一个非常流行的代码托管平台，可以用来存储和分享前端页面。以下是一些步骤： 1. 创建一个 GitHub 账号，并登录。 2. 新建一个仓库（Repository），可以在仓库名称前加上用户名，如：username.github.io，这样就可以通过 https://username.github.io 来访问你的页面。 3. 将你的前端页面代码上传到仓库中，可以使用 git 命令行或者 GitHub Desktop 工具。 4. 在仓库的设置中，找到 GitHub Pages 部分，选择要展示的分支，一般是主分支（master）或者 gh-pages 分支。 5. 点击 Save 按钮，等待一段时间，你的前端页面就可以通过链接进行访问了。注意：GitHub Pages 默认只支持静态页面，如果你的前端页面需要动态交互，则需要将其部署到其他平台上，如 Heroku 或者 Firebase 等。