如何使用Github pages托管网页

这篇具有很好参考价值的文章主要介绍了如何使用Github pages托管网页。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

最近呢,我一直在整网页方面的东西,给大家推荐了热铁盒、Cpanel等,都是免费的。今天讲的是如何用Github托管网页。

Step1:准备工作

准备一个电脑和一个能用的浏览器。

开始!

step2:准备一个Github账号。(有账号的可以跳过)

首先,进入到GitHub: Where the world builds software · GitHub,你会看到:

如何使用Github pages托管网页

然后点击右面的Sign up,进入到这里:

如何使用Github pages托管网页

它会让你填写邮箱、用户名等基础资料。跟着步骤走就行,注册完毕会进入到这里(小编注册过了,可能不太一样):

如何使用Github pages托管网页

第一步就完成了。

第二步,创建一个仓库。

这次的Github Pages托管就得创建一个仓库,如何创建?

看这里!

1、找到如何使用Github pages托管网页 按钮,点进去,进入到了这里:

如何使用Github pages托管网页

看见那里有一个Owner了么?这个框子不用你填,Github将会把这个仓库自动归属到你的账户里,要填的是Repository name。记住:这次要搞的GitHub pages的仓库名称创建格式是<username>.GitHub.io!往下拉,看到这个

如何使用Github pages托管网页 重点来了:

Github pages的仓库必须是公众(Public)的,所以选public。

要不要加README.md是你自己的选择,要加也行,不加也罢。

建议你选一个证书,它非常的重要,在License: None里面有许多证书,我用的是BSD-2-Clause license (那个链接是我配置证书时的文件网页,在那个里面可以看见这个证书的属性)。

点击Create repository就创建了一个仓库。

setp4:不要急

这个时候是安装Git的好时候。

首先,访问https://git-scm.com/downloads,看到了这个:

如何使用Github pages托管网页

点击Windows,看到这里:

如何使用Github pages托管网页

点击最上面的链接下载Git最新版。

下载后,打开Git Bash(我的装的是cmder,平台不同,但是操作相同),进入这里:

如何使用Github pages托管网页输入这两个命令:

git config --global user.name "你注册Github时候的用户名"
git config --global user.email "输入你注册Github用的邮箱"

设置SSH KEY:

输入:

ssh-keygen -t rsa -C "你注册Github时候的邮箱"

全都使用默认数据,可以设置密码。

如何设置密码?在输入命令以后,有一个提示会让你输入一个Phrase,在那里输入即可(小心输入,因为跟Linux一样,输入密码的时候啥也不显示),进入源目录找到id_rsa.pub,打开,复制那里面的字符串,回到Github。点击头像 -》Settings,进到这里:

如何使用Github pages托管网页

点击SSH and GPG Keys -》New SSH Key,title栏随便填一个名字,在地下的框子里输入刚刚复制的字符串,点击Add SSh Key就好了。

完成以后,就把Git卸载了就好了,怎么卸载?

打开设置 -》应用,找到Git,点击卸载即可。

下载Source Tree,它是很好的Github Desktop的替代品,先访问Sourcetree | Free Git GUI for Mac and Windows,点击Download for Windows即可。

打开安装包,具体安装方法吗,就按照上面的安装指示走就行(它的第一步会让你登录Bitbucket,它也是一个代码托管的,也可以做成像Github Pages的效果,等的我成功以后会发文章讲解的。2、记得在安装第二部的时候,把那两个东西都选上,要不然会使用会及其不正常)

安装后,打开软件,是这样的:

如何使用Github pages托管网页

中间的小黑框是输入密码的,我设了,所以需要输入密码,怎样设置?

如何使用Github pages托管网页

点击工具-》选项按钮 ,里面有这个:

如何使用Github pages托管网页

将SSH密钥的文件夹选进去,把SSH客户端改成OPenSSH并保存即可 。

如何将Github上面的库搬到这里?

点击Clone按钮,看到这个:

如何使用Github pages托管网页

把第一行的URL填写上(SSH格式或者HTTP格式的都行,我这里用SSH做实例)填完以后是这样的:

如何使用Github pages托管网页

点击克隆并等待即可

教你怎样搞到链接!

回到GitHub你的仓库中,点击如何使用Github pages托管网页 ,展开是这样的:

如何使用Github pages托管网页

选择HTTPS或者SSH链接复制即可。

如何发布到仓库中?

克隆后是这样的:

如何使用Github pages托管网页

(仅限上传了的才会这样),先点击文件状态-》在文件资源管理器中打开,添加文件,再回来。

会成这样:

如何使用Github pages托管网页

先在输入框中填写为什么提交?点击暂存所有吗,再点击提交(不要忘了勾选立即变更到···的复选框里面) ,是这样的:

如何使用Github pages托管网页

点击提交。等待一下。

然后点击推送,再点击推送即可 。

回到Github,查看成果。

如何使用Github pages托管网页

Binggo!结束战斗! 文章来源地址https://www.toymoban.com/news/detail-409092.html

到了这里,关于如何使用Github pages托管网页的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Java基础】如何优雅的使用VS Code编写Java程序,并将自己的bug托管到GitHub上

    通常,编写Java程序的首选ide是Eclipse或者IntelliJ IDEA,它们对于Java大型项目友好度是其他ide难以企及的,但如果只是为了算法练习,或者是Java基础语法的学习,其实 VS Code 也是一个不错的选择,下面展示如何在 VS Code 上编写Java程序。 首先,保证自己的电脑上有jdk环境,如果还

    2023年04月12日
    浏览(55)
  • Linux下如何将代码托管到Github上

    目录 一、Github介绍 二、Github的注册与登录  三、Github创建仓库  四、Github代码托管  五、Github删除代码 ​ 六、常见问题         相信每一个程序员都听过Github这个软件,那么Github是什么呢?Github是一个面向开源的私有软件托管平台,因为只支持Git作为唯一的版本库格式进

    2024年04月09日
    浏览(40)
  • 如何将 Hexo 部署到 GitHub Pages

    引言 在数字时代,拥有个人博客是展示自己想法、分享知识和技能的绝佳方式。Hexo 是一个基于 Node.js 的静态博客生成器,它结合了简洁性和功能性,让我们可以轻松地建立并维护一个博客。而 GitHub Pages 提供了一个免费的平台来托管这些静态网站,这使得 Hexo 成为了许多开

    2024年02月20日
    浏览(44)
  • 如何将 github pages 迁移到 vercel 上托管

    如何将 github pages 迁移到 vercel 上托管 早期网站使用 github pages ,后来迁移到 coding,最近又放到腾讯云网站静态托管,无论是 coding 的 cos 存储桶,还是静态网站托管 他们都是收费的,那有没有免费的托管商呢,既不影响网站的访问速度还免费,于是,找了一下,还真有,vercel和Netlify,就是免

    2024年02月08日
    浏览(77)
  • 2023年最新 Github Pages 使用手册

    参考:GitHub Pages 快速入门 GitHub Pages 是一项静态站点托管服务,它直接从 GitHub 上的仓库获取 HTML、CSS 和 JavaScript 文件,(可选)通过构建过程运行文件,然后发布网站。 可以在 GitHub Pages 示例集合中看到 GitHub Pages 站点的示例。 1.1 站点类型 若要发布用户站点,必须创建个人

    2024年02月08日
    浏览(56)
  • 使用 Github Actions 工作流自动部署 Github Pages

    actions顾名思义就是一堆动作,是一个持续集成服务,持续集成包含了拉代码、运行测试、编译代码、登录远程服务器,发布到第三方服务等等的操作,GitHub将这些操作称为actions。 概念:Workflows, Events, Jobs, Actions, Runners Workflows 工作流 一个 Workflow 由多个 Jobs 组成 Events 定义哪

    2024年02月07日
    浏览(73)
  • Github Pages使用自定义域名

    部署好网站后默认访问地址是xxx.github.io,我们想要自定义为自己的域名 这里我使用的是腾讯云,DNS解析DNSPod 添加两条解析记录: 第一个解析记录的记录类型为A,主机记录为@,记录值为ping 你的github用户名.github.io的ip地址,填入为下列 IP 中的至少一个 185.199.108.153 185.199.109.153

    2024年02月16日
    浏览(52)
  • 使用cdn提高Github Pages的访问速度

    众所周知,Github Pages是部署在国外服务器上的,因此从国外访问速度还可以,但是国内访问速度较慢,所以主要是优化国内访问这方面。在有限资源的情况下,优化网站访问速度的常用方式有两种,一种是网页懒加载,动态加载技术,这种方法的思路是在加载网页时,先生成

    2024年02月03日
    浏览(108)
  • 使用Gitee或GitHub托管Maven仓库JAR包的便捷方法

    原文地址:https://ntopic.cn/p/2023062201/ 我开源的JAR包的Gitee和GitHub托管的Maven仓库: Gitee托管仓库:https://gitee.com/obullxl/maven-repository GitHub托管仓库:https://github.com/obullxl/maven-repository 在上一篇博客中,我们介绍了 开源通用高性能分布式id序列组件 (https://ntopic.cn/p/2023062101/)的设

    2024年02月11日
    浏览(48)
  • 使用内网云+GitHub Pages免费部署动态网站

    目录 一、失败的经历 1.花生壳 2. nat123 3. 网云穿 4. cpolar 5. ngrok 6.金万维快解析 7.神卓互联 8.内网云(neiwangyun.net) 9.localhost.run 10.GitHub Pages(pages.github.com) 11.IPv6 12.IPv6+GitHub Pages 13.FRP 14.nps 二、终极方案:内网云+GitHub Pages 相信很多人都想搭建网站吧。但是,搭建网站不光得自

    2024年02月11日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包