利用Github实现(多个)个人网站

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

创建仓库

命名一定要是<username>.github.io这种形式username就是自己github账号的用户名。因为我已经有这个仓库,所以这里的报错可以忽略。
利用Github实现(多个)个人网站

往仓库放入静态html文件

命名为index.html,随便放点内容。

在设置里面开启github page

这里可以选择分支和默认访问的文件夹
利用Github实现(多个)个人网站

访问

每次更新仓库的代码,就可以去Actions里面查看有没有部署完毕,如果部署完毕了,就可以根据username.github.ioURL进行访问。
利用Github实现(多个)个人网站

添加自定义域名

默认的访问URL地址是:username.github.io,我想改成自己的域名。

  • 首先需要购买域名(我买的是阿里云域名),域名是cxkyyds.xyz,然后添加记录。记录值就是username.github.io的ip地址。不知道的可以使用cmd ping username.github.io,即可知道。
    利用Github实现(多个)个人网站
  • 域名配置完成过后,需要去github进行自定义域名绑定,等待片刻就可以通过cxkyyds.xyz域名访问这个仓库了。
    利用Github实现(多个)个人网站

一个github账号怎么实现多个静态网站

上面是基础操作实现个人网站的搭建,但是我现在只有一个github账号, 我还想实现多个网站。
在username.github.io仓库存在的前提下,我们再创建一个仓库,现在的名字可以随便取。其他步骤和上面是类似的。

  1. 往仓库里面放入index.html文件
  2. 设置里面开启github page
  3. 此时就可以通过username.github.io/仓库名访问了(部署需要时间, 需要稍等片刻哦)
    利用Github实现(多个)个人网站

配置一个二级域名用于访问

现在就可以通过lowting.cxkyyds.xyz访问这个项目了。

利用Github实现(多个)个人网站
利用Github实现(多个)个人网站文章来源地址https://www.toymoban.com/news/detail-442214.html

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

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

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

相关文章

  • 【Github搭建网站】零基础零成本搭建个人Web网站~

    Github网站: https://github.com/ 这是我个人搭建的网站:https://xf2001.github.io/xf/ 大家可以搭建完后发评论区看看!!!   搭建教程: https://www.bilibili.com/video/BV1xc41147Vb/?spm_id_from=333.999.0.0vd_source=98bce7df38ecc1f989aee3edccd2f24e   目录 第一步:创建一个新的仓库 第二步:上传网站文件 第三

    2024年01月20日
    浏览(69)
  • 基于github制作个人学术网站(主页)

    首先找到一个学术模板,fork到远程仓库。academicpages,如果不是很清楚具体的步骤,可以参考保姆级教程。在github上对该网站代码修改不是很方便,肯定是在本地进行更新后push到远程仓库。 学会下载和安装就行,一路默认,可以先学习一下Git相关的原理及基础操作,可以参考

    2024年02月15日
    浏览(42)
  • 2022 如何在 GitHub 上搭建个人网站(github.io)

    前言 目前,想要搭建自己的项目演示,又想要免费的服务,这时就可以使用 GitHub 提供的 免费 Pages服务:github.io。 成果展示 步骤 第一步:新建仓库 在GitHub上,创建一个新的仓库,仓库名设置为如下格式:账户名.github.io 第二步:添加文件 创建后,这里为了简化操作,直接

    2024年02月11日
    浏览(35)
  • Publii和GitHub:搭建个人网站的完美组合

    在数字时代,拥有一个个人网站已经非常普遍了,但是,很多人因为技术难题而望而却步。现在,有了Publii,这一切都将变得简单。Publii是一个静态网站生成器,它允许你在本地计算机上创建和管理内容,然后将其发布到任何Web服务器。它不仅支持丰富的主题和插件,还能与

    2024年03月19日
    浏览(37)
  • Hexo+GitHub搭建个人网站简要流程及遇到的问题

    刚刚搭建好的,有兴趣的朋友可以看一下 B_White的博客 git的安装和配置没什么特别的。 在GitHub中新建一个仓库,命名方式是: “username.github.io” ,其中username是你的GitHub用户名,这个仓库的名字就是以后你的博客地址。 按照官方的参考文档安装即可,没有出现错误。 Hexo安

    2024年02月01日
    浏览(31)
  • 如何使用Jekyll在GitHub Pages上搭建网站(个人博客)

    本文很长,建议使用侧边栏进行跳转。 Jekyll 是一个基于 Ruby 语言的,用于搭建静态网站的生成器,主要用于搭建博客网站(官方自己的介绍为:Jekyll is a blog-aware, static site generator in Ruby)。但是虽然是静态网站,但是可以实现一些使用数据库的动态网站的效果和功能,是很不

    2024年02月06日
    浏览(73)
  • 零基础!手把手教你使用VuePress2 + GitHub Pages免费搭建个人博客网站

    目录 介绍 VuePress2 pnpm 搭建 安装 Node.js 安装 pnpm 安装 VuePress step 1:创建文件夹并进入该目录 ​编辑 step 2:初始化项目 step 3:安装VuePress step 4:在 package.json 中修改 scripts step 5:创建目录和配置文件 step 6:将默认的临时目录和缓存目录添加到 .gitignore 文件中 step 7:启动服务

    2024年03月13日
    浏览(56)
  • 使用 ChatGPT 在短短 5 分钟内创建您的个人简历网站(并免费托管)

    在这篇博文中,我们将向您展示如何使用 ChatGPT 这种强大的语言模型,在短短 5 分钟内创建一个个人简历网站。我们还将向您展示如何在 ChatGPT 的帮助下免费托管您的网站! 在当今的数字时代,拥有强大的在线形象至关重要,尤其是在寻找新工作时。展示您的技能和经验的最

    2024年02月04日
    浏览(39)
  • 基于Vue的个人网站的设计与实现

    统是基于面向对象编程的web应用程序。主要实现的功能有前台的在线留言、音乐播放、下载、收藏、用户注册和后台的背景音乐管理、相册信息管理、网站新闻管理、留言管理等功能。 设计开发一个更能满足网民需求的交流载体,使大家在网上可以提供学习交流分享的平台,

    2024年02月08日
    浏览(80)
  • THREE.JS实现个人简历网站

    最近,在github上面找到了一个不错的技术介绍网站,主要使用 html+css+js 原生三件套写的。我在此基础之上利用three.js加了一点3D元素在里面,让这个网站看起来更炫酷。 改的时候,感觉原生还是比不上框架来的方便,后续有时间我会抽离一个 vue组件 的版本。 在线访问 :个人

    2024年02月01日
    浏览(32)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包