首页 > 其他分享 >通过github创建自己网页链接的方法

通过github创建自己网页链接的方法

时间:2024-10-18 13:52:00浏览次数:8  
标签:GitHub 网页 静态 创建 Pages 点击 github 链接

文章目录

要使用GitHub创建静态网页链接,可以按照以下详细步骤进行操作:

一、准备阶段

注册GitHub账号

  • 访问GitHub官网
  • 点击右上角的“Sign up”按钮进行注册。
  • 根据提示输入邮箱和密码,完成注册流程。

二、创建仓库并配置

  1. 创建新仓库
  • 登录GitHub账号后,点击主页右上角的“+”按钮,选择“New repository”。

在这里插入图片描述

  • 在“Repository name”文本框中输入符合 命名规范(用户名.github.io) 的仓库名称。
  • 选择仓库的可见性为“Public”,以便你的网页可以公开访问。
  • 点击“Create repository”按钮创建仓库。
    在这里插入图片描述
  1. 创建分支(可选)
  • 虽然GitHub Pages默认支持从主分支(main或master)部署,但你也可以选择创建一个专门的分支(如gh-pages)来存放你的静态网站文件。
  • 在仓库页面的右上角,点击下拉菜单选择当前分支,然后点击“New branch”按钮创建一个新分支。

三、准备并上传静态网站文件

  1. 创建静态网站文件
  • 在本地计算机上创建一个文件夹,用于存放你的静态网站文件。
  • 在该文件夹中创建HTML、CSS、JavaScript等网页文件,并添加所需的图片、样式表等资源文件。
  • 点击此处
    在这里插入图片描述
  1. 上传
    把创建好的文件直接拉取到此处
    在这里插入图片描述

四、配置GitHub Pages

  1. 启用GitHub Pages
  • 打开GitHub仓库的页面,点击上方的“Settings”选项卡。
  • 在左侧菜单中找到并点击“Pages”选项。

在这里插入图片描述

  1. 获取静态网页链接

在“Pages”部分,你会看到GitHub Pages为你生成的静态网页链接,点击该链接即可查看你的静态网站。

在这里插入图片描述

五、访问和更新你的静态网页

  1. 访问静态网页

在浏览器中打开GitHub Pages为你生成的静态网页链接。

在这里插入图片描述

  1. 更新静态网页
  • 每次你对静态网站文件进行更改后,都需要重复上述的Git提交和推送步骤,将更新后的文件推送到GitHub仓库。
  • GitHub Pages会自动构建并部署你的更新,通常几分钟后你就可以在网页上看到更新后的内容。

标签:GitHub,网页,静态,创建,Pages,点击,github,链接
From: https://blog.csdn.net/qq_63447955/article/details/142759435

相关文章

  • Vue3 - 详细实现移动端H5网页调用摄像头拍照功能,微信公众号网页h5页面打开本地摄像头
    前言PC网站端,请访问这篇文章。在vue3手机移动端开发中,详解H5页面/微信公众号网页调用浏览器摄像头并拍照完整示例,在手机浏览器上开启摄像头并拍照上传服务器或保存到本地功能(实时预览使用图片临时路径或base64数据),切换转换前置摄像头与后置摄像头,vue3手机H5打开摄像......
  • 嵌入式Linux编程基础 | GCC 静、动态函数库的创建与链接方法
    一、静态库与动态库的区别库有动态与静态两种,动态通常用.so为后缀,静态用.a为后缀。例如:libhello.so表示一个命名为libhello的动态库,libhello.a则是一个命名为libhello的静态库。当使用静态库时,连接器找出程序所需的函数,并将其拷贝到可执行文件,一旦链接成功,静态程序库......
  • 网站后台如何修改网页?公司网站修改怎么做?
    要修改网站后台中的网页,通常涉及以下几个步骤:登录后台管理系统:使用管理员账号和密码登录到网站的后台管理系统。导航至页面管理:在后台管理系统中找到“页面管理”、“内容管理”或类似名称的模块。选择要编辑的页面:在页面列表中找到你需要修改的页面,点击编辑按钮......
  • [Redis] 在Linux中安装Redis并连接图形化工具详细过程(附下载链接)
    前言安装Redis之前应该在虚拟机中安装Linux系统,这里使用centos7版本[linux]在VMware中安装linux、文件下载及详细安装过程(附下载链接)-CSDN博客安装Linux后,更换yum源为阿里云并安装gcc依赖[Linux]CentOS7替换yum源为阿里云并安装gcc详细过程(附下载链接)-CSDN博客redis-6......
  • JavaScript网页设计案例
    1.引言在前端开发中,JavaScript无疑是一个非常重要的语言。它不仅可以用于表单验证、动态内容更新,还能实现复杂的交互效果和动画。通过JavaScript,网页变得更加生动和富有互动性。本文将通过一个具体的网页设计案例,详细讲解如何使用JavaScript进行网页开发,包括准备工作、基础理......
  • Tailwind CSS:最受欢迎的实用类CSS框架!Github Star达到了惊人的82.5K!
    在前端开发的世界中,随着项目的复杂性增加,如何高效管理样式,快速开发出响应式、美观的界面成为每个开发者关心的问题。TailwindCSS作为一个革命性的实用类(utility-first)CSS框架,以其灵活的样式管理方式赢得了广大开发者的青睐,目前是GitHub上Star数最多的CSS类框架,充分说明了......
  • github上最火的大模型教程-免费!
    大型语言模型(LLM)的课程路线图LLM课程分为三个部分:......
  • 在调试网页 JavaScript 脚本时,遇到 Error: Incorrect contents fetched, please reloa
    在调试网页JavaScript脚本时,遇到Error:Incorrectcontentsfetched,pleasereload这样的错误,通常表明网页内容的获取过程出现了问题。这种错误一般与页面加载、缓存管理、网络请求、脚本执行顺序等因素密切相关。为了更详细地分析问题,处理并解决这一错误,下面将从多个......
  • MC官启使用软链接改变文件位置
    MC官启使用软链接改变文件位置某些软件由于各种各样的原因会强制将文件安装到c盘,而c盘作为系统盘过多的文件会导致储存空间变小,但是过小的存储空间会导致系统运行缓慢甚至崩溃,所以是否有办法使得强制安装到c盘的文件能够挪到别的位置?显然是有解决方法的,接下来我为大家介绍!mklin......
  • github pages + hugo 搭建静态博客网站
    体验地址1.起因,目的:其实6年前,我就写过这个。项目代码博客地址最近想改写一下。github推荐的主题是Jekyll,我当时用的就是这个,感觉很麻烦。尤其是文章命名。新的主题hugo用起来还行。2.过程:过程记录,需要详细!因为问题非常多!3.参考教程:视频教程:ht......