GitHub建立个人网站(三)

news/2024/5/12 17:13:41/文章来源:https://blog.csdn.net/weixin_41923961/article/details/80183237

总体思路

要在github上搭建个人网站我们可以分两步走,

  1. 在github上搭建网站 即username.github.io(username是你的github用户名)
  2. 把自己的域名(如zhangsan.com)绑定到username.github.io上

完成这两步就可以通过zhangsan.com访问你在github上搭建的网站了


首先在github上搭建网站

要使用github,首先你得有个github账号,没有的赶紧去注一个,超级好用的。好了,现在默认你已经有了github账号且用户名是username。 
首先我们要新建一个repository,将Repository name那一栏设置为username.github.io, 
这里写图片描述

这是github分配给每个用户的github page地址,要使用它只用新建一个名字为username.github.io的仓库就行了,仓库里面存放你的个人主页代码。仓库建好后,应该是这样的。 
这里写图片描述

直接点击README那几个蓝色字的任意一个,进入编辑页面,将文件名设为index.html,内容随意写 
这里写图片描述
点击保存,回到仓库我们发现里面多了个index.html文件,这就是你的主页文件。 
现在我们在github上的主页就搭建完成了,只要在地址栏输入username.github.io就可以访问你的主页了(前提是你的仓库里有index.html或类似的文件,没有就新建一个文件,里面随便写点什么,存为index.html就行了)。


将username.github.io与自己的域名关联

其实对于一般的需求,把username.github.io当自己的主页也是可以的。但我们如果有自己的域名的话,完全可以直接通过自己的域名来访问username.github.io,这才叫真–个人主页嘛。 
将自己的域名与github上的主页相关联也得分两步,

  1. 在github端将域名绑定到username.github.io
  2. 在域名端将DNS指向username.github.io

    首先我们操作github端, 
    第一步:进入我们刚刚新建的仓库,点击setting进入设置界面 
    这里写图片描述

    第二步:进入设置界面后找到github pages栏 
    这里写图片描述

    第三步:将custom domain设置为自己的域名如zhangsan.com点击保存

    至此我们github端的设置就完成了,另外,上图中的Theme chooser栏可以选择网站的模板,不会写网站同学有福了!

    完成后我们回到仓库,发现里面多了一个叫CNAME的文件, 
    这里写图片描述
    文件的内容就是我们刚才绑定的域名 zhangsan.com ,其实我们也可以完全不经过以上三步,直接在仓库里新建一个名为CNAME(注意没有后缀)的文件,将我们的域名写在里面就行了,效果是一样的。

    github端的工作完成后,只是访问username.github.io时会重定向到zhangsan.com,但目前我们的zhangsan.com还是没有内容的,因此我们需要在域名端将zhangsan.com通过dns解析到user.github.io,也就是我们在github上的空间中来。

    以阿里云为例: 
    第一步:进入域名解析设置界面 
    这里写图片描述

    第二步: 添加解析 
    这里写图片描述

    由于我们这里是将域名解析到另外一个域名,因此记录类型栏我们选择CNAME(别名解析),主机记录栏由于我们用的是二级域名zhangsan.com 因此选择@(空,如果出现错误提示,删掉其他这一栏为@的解析记录即可),如果我们要用三级域名www.zhangsan.com就填写www,依此类推。记录值栏填写我们要解析到的域名,这里写上username.github.io就可以了。点击保存,等个几分钟DNS就会生效了。

    至此我们的域名和github主页的双向绑定就完成了,只需要在浏览器中访问zhangsan.com就可以看到我们在github上放置的个人主页了。

    另外我们还可以再新建一条解析记录,将主机记录栏选为www其余栏与上面一样,这样zhangsan.com和www.zhangsan.com都会解析到username.github.io 。由于github自带的重定向功能,当username绑定为zhangsan.com时,来自www.zhangsan.com的解析也会被重定向到zhangsan.com上, 
    这里写图片描述 
    这样我们在浏览器地址栏输入这两个网址时都会进入zhangsan.com。当然我们也可以在github端绑定www.zhangsan.com,这样就和百度一样不论输不输入www都会进入www.baidu.com一样了,是不是很酷!


在github上搭建个人网站有几个好处: 

  1. 不用花钱;
  2. 由于服务器在国外,不用备案;
  3. 代码维护方便;

缺点就是空间较小,只能支持较为简单的服务,但作为个人小站来讲已经足矣。

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

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微信网站-微信应用-微信二次开发-演示方案

JEECG的“微网站”“微应用”案例终于出炉了,大家速来围观 功能点: 微网站:一个微信网站 微应用:我的楼盘 功能演示:大转盘,微翻译,更多亮点敬请期待... 视频演示地址:http://pan.b…

女朋友家亲戚让我做个电商网站,说和淘宝一样就行。。。

这次是很严肃的一篇文章,我把压箱底的干货都拿出来了。如果你还天天做一些CRUD的API开发的话,麻烦你认真阅读下我写的这篇文章,它可能是改变你目前这种工作现状的一种出路。如果你最近找工作面试时往往项目这关过不去的话,麻烦你认…

JEECG社区 一个微信教育网站案例源码分享

微信教育网站案例演示: http://t.cn/RvPgLcb 源码分享: http://pan.baidu.com/s/1cUImy 截图演示:

17 岁高中生独立开发全球疫情追踪网站火了!

转自:新智元疫情来临,我们该如何做好防护措施,如果觉得不舒服,怎么才能确定自己是否被感染了,如果确诊感染病毒,该采取怎么的治疗方案?如果你是名医护工作者,这些可能都不是问题&…

快速克隆网站(Teleport Ultra)

百度一下Teleport Ultra。下载破解版本的Teleport Ultra。(软件网上有很多,找个破解版本的)软件的安装也很简单,基本上都是下一步下一步。安装好以后打开软件。选择文件-----新建项目向导然后选择你要使用本软件的目的。这里我们是…

一个HTTP请求,把网站打裂开了!

今天给大家看一段神奇的代码。利用这几行神奇的代码,居然能把网站打崩溃,这是怎么一回事呢?就是下面这个函数,根据传进来的开始和结束位置,读取文件数据:char* Read(int fd, int start, int end) {unsigned…

快速构建网站或移动端页面:关于Bootstrap的学习笔记

最近在设计官网,并进行一些项目的原型设计和开发,寻找了很久,想找到一个更简单、快速的方式,基于一些已有的模板或框架进行快速建设,结果发现很多时间都是徒劳,走过的路分享给大家,以防再度踩坑…

SEO那些事:一句代码一键分享网站

这是很久以前就已经写过的笔记了,有一个习惯,每次遇到一个问题,都会进行百度,然后把解决问题的关键点记录下来,有人问我,为什么更新频率如此之快,大部分都是从前积累的知识点。 其实每天工作所涉…

华为云云容器快速搭建网站实践随记—利用公有镜像搭建WordPress

一、华为云云容器简单介绍: 云容器引擎 CCE 是基于 K8S 和 Docker 的企业级容器服务,为企业应用提供快速部署、自动化运维、弹性伸缩等容器生命周期管理能力。 这个实践是通过 docker 容器以及云容器引擎 CCE 平台快速实现了网站搭建,体验到…

华为云云容器快速搭建网站实践随记—利用私有镜像搭建GuestBook

一、华为云云容器简单介绍: 云容器引擎 CCE 是基于 K8S 和 Docker 的企业级容器服务,为企业应用提供快速部署、自动化运维、弹性伸缩等容器生命周期管理能力。 这个实践是通过 docker 容器以及云容器引擎 CCE 平台快速实现了网站搭建,体验到…

资源 | 想进行数据科学项目却没有数据集?26个数据集网站汇总

导读:如果用一个句子总结学习数据科学的本质,那就是:学习数据科学的最佳方法就是应用数据科学。如果你是初学者,那么每完成一个项目你的能力就会大大提高。如果你是有经验的数据科学从业者,那么你应该懂这个道理。但是…

这11个免费学习的网站,个个堪称神器,不收后悔!

导读:神奇的网站有很多,今天推荐11个和学习有关的,而且都是免费的,希望对大家有所帮助。01 Ruby regular expression editor正则表达式编辑器rubular.com正则表达式太复杂了总也写不对?Rubular是一个Ruby-based的正则 表达式在线…

开源小程序CMS网站, JeeWx-App-CMS 1.0 首版本发布

JeeWx-App-CMS 是jeewx开发的小程序网站开源项目,基于小程序wepy语言,具备cms网站的基本功能,能够打造简单易用的小程序公司官网。项目结构简单,逻辑清晰,代码规范,非常适合作为小程序开发的入门项目。 当前…

JEECG-P3首个开源插件诞生!CMS网站插件 Jeecg-p3-biz-cms1.0版本发布!

Jeecg-P3-Biz-Cms ( JEECG 首个微服务插件,支持小程序的CMS系统)是基于JEECG-P3 微服务框架开发的CMS建站系统,可轻量级集成进jeecg系统,定制各类网站模板,维护网站的广告、栏目、文章内容,让…

开源小程序CMS网站,JeeWx-App-CMS 持续更新ing~

JeeWx-App-CMS开源小程序CMS网站,持续更新ing~ JeeWx-App-CMS 是jeewx开发的小程序网站开源项目,基于小程序wepy语言,具备cms网站的基本功能,能够打造简单易用的小程序公司官网。项目结构简单,逻辑清晰,代…

入侵网站的黑客被我抓到了!

转自:小白学黑客今天在知乎看到一个提问:在下面回答区,我看到网友分享的真实案例,大家可以看一下,顺便了解一下网络溯源是怎么一回事,也给大家一些启示。我朋友在创业,听说他公司被人搞了&#…

一群参与境内外赌博网站的开发的程序员被抓,网友:切勿面向监狱编程...

近期,广州警方侦破一宗为赌博团伙提供黑灰产业链支撑帮助信息网络犯罪活动专案,抓获嫌疑人91名。据悉,该案是广州市近年来打击跨境网络赌博生态犯罪中,涉及黑灰产环节最多、地域跨度最广、链条最完整的案件。今年1月,从…

phpcms网站搬家至服务器

phpcms网站搬家至服务器 想要自己的网站让人们看到那就要上传服务器空间后,这样才会通过搜索域名进行网页访问。 但是在上传的过程中肯定会有很多东西要修改,例如数据库怎么上传、路径怎么修改等。。。。。这些对于生手可能会慌乱,不用害怕&a…

故宫首开夜场门票秒空官网崩溃:7本书让网站挺住

导读:明天就是元宵节了,先祝大家节日快乐,阖家幸福! 相信你已经了解到了,今年元宵节你有一个新“过法”,那就是——夜游故宫!这是故宫94年来首开夜场,而且免费! 但是&…

网站扛住 100 亿次请求?我们来压测试一试

来源:http://mtw.so/63aU0y1. 前言2. 背景知识3. 确定目标4. 基础软件和硬件5. 技术分析和实现6. 代码实现及分析7. 实践8. 分析数据总结1. 前言 前几天,偶然看到了 《扛住100亿次请求——如何做一个“有把握”的春晚红包系统”》(url&#x…