在github上搭建自己的主页并免备案绑定自己域名

12 篇文章 2 订阅
9 篇文章 0 订阅

我们如果想要一个属于自己的网站,都需要买域名和服务器,然而,这些都需要人民币。下面我来和大家分享一个小技巧,来免费创建自己的网站。 在github上搭建起来自己的主页下面我们一起来看一下如何搭建。

在github上放自己的网页

  1. 首先自己要有一个github账号,那么去注册一个:https://github.com/join?source=login ,注册好了之后,我们进入github 。比如以前我注册的名称是 zhumingzhen 。
  2. 然后点击右上角的 “+”号 ,我们再次点击 “New repository”,好的,进入页面,我们填写Repository name ,填写的格式是 : 你注册的用户名.github.io, 比如我填写的是zhumingzhen.github.io 然后点击绿色的“Create repository” 按钮。我们就创建了一个自己的仓库了。不过里面啥都没有 ^_^…
  3. 然后我们就要把我们自己的主页放到github上了。首先我们需要有git工具 如果是windows,需要在环境变量里配置git,以确保我们可以使用git这个命令,我们可以用 git bash 或者 windows的 cmd 命令来完成 。
  4. 我们可以按照页面上的提示去操作,我经常习惯的就是先把那个刚创建的空仓库克隆下来,如果使用cmd,那么找个目录,按住键盘的shift键,鼠标右键,选择“在此处打开命令窗口”
  5. 首先我们很有必要的配置一下全局参数
    • git config –global user.name ‘此处输入自已的名字’
    • git config –global user.email ‘此处输入自已的邮箱地址’
  6. 配置完成后,我们从仓库上把我们仓库的地址克隆到本地
    • 格式为:git clone ‘我的仓库地址’ ‘我本地文件夹的名称’
    • 示例为: git clone git@github.zhumingzhen/jzhumingzhen.github.io.git zhumingzhen
    • 说明:此处之前,在github上我选择的是SSH的加密方式,所以我克隆的地址是这个: git@github.zhumingzhen/zhumingzhen.github.io.git ,在命令的最后是我要克隆后生成仓库文件夹的名称 : zhumingzhen,当然,你需要自己弄属于你自己的文件夹,克隆好后,我们就可以把我们的页面文件拷贝到这个文件夹下了,在这个文件夹下我们来建一个index.html文件。
  7. 我们通过cd命令进入这个文件夹。然后我们需要add和commit
    • 用命令 git add -A 或者 git add –all 都行
    • 然后我们提交改动的文件 git commit -m ‘init commit’ 此处不对git命令进行深究, 这个意思是把暂存区中的内容提交到仓库中,然后我们就可以往github上push了。
  8. 往github上提交 我们使用命令 git push -u origin master 我们默认在master分支上操作,这个我们也不深究。等待提交完成后,我们刷新仓库的页面,发现我们的文件已经放到github上了。(如果在这个过程中遇到了问题,比如访问权限的问题,那么我们需要提供用户名和密码,如果想省略这步骤,需要自己去设置SSH and GPG keys 官网上有介绍,不做深究)
  9. 上传完成之后的访问
    • 通过访问url格式为: “你的github的名称.github.io”
      示例:比如我的”zhumingzhen.github.io” 来欣赏我们的主页了 , 我在里面啥都没放,就一句话 “My name is zhumingzhen” ,你可以把你自己做的网页放到你的github上。

绑定域名和github地址

如果我们买了一个自己的域名,那么我们只需要简单的做几步就可以把我们github上的主页和我们的域名进行绑定了。

  1. 在主项目里新建一个文件CNAME,没有后缀哦,然后在里面写上自己需要绑定的域名(注:CNAME 一定要大写)
    • 格式为:【自定义的名称.详细域名】
    • 示例为: w-ll.top
    • 备注不要www哦
  2. 然后去域名提供商,比如阿里云上去设置
    • 找到域名,然后点击 “解析”
      (1)先添加一个CNAME,主机记录写@,后面记录值写上你的http://xxxx.github.io
      (2)再添加一个CNAME,主机记录写www,后面记录值也是http://xxxx.github.io
      *比如我的记录值为 zhumingzhen.github.io
      这样别人用www和不用www都能访问你的网站(其实www的方式,会先解析成http://xxxx.github.io,然后根据CNAME再变成http://xxx.com,即中间是经过一次转换的)
    • 上面,我们用的是CNAME别名记录,也有人使用A记录,后面的记录值是写github page里面的ip地址,但有时候IP地址会更改,导致最后解析不正确,所以还是推荐用CNAME别名记录要好些,不建议用IP。
    • 点击保存要不了10分钟就解析成功了,一般会立即生效。
  3. 访问域名
    • 通过 “你的github名称.你的主域名”
    • 比如我的 w-ll.top 就可以访问我们自己的主页了。
    • 备注:如果你访问的是github的地址(比如:http://zhumingzhen.github.io/),那么也会跳转到你刚刚绑定的域名地址。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值