在github上搭建自己的主页和顶级域名的绑定

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

在github上放自己的网页

(一) 首先自己要有一个github账号,那么去注册一个:https://github.com/join?source=login ,注册好了之后,我们进入github 。比如以前我注册的名称是 johnnynode 。

(二) 然后点击右上角的 “+”号 ,我们再次点击 “New repository”,好的,进入页面,我们填写Repository name ,填写的格式是 : 你注册的用户名.github.io, 比如我填写的是johnnynode.github.io 然后点击绿色的“Create repository” 按钮。我们就创建了一个自己的仓库了。不过里面啥都没有 ^_^…

(三) 然后我们就要把我们自己的主页放到github上了。首先我们需要有git工具 如果是windows,需要在环境变量里配置git,以确保我们可以使用git这个命令,我们可以用 git bash 或者 windows的 cmd 命令来完成 。

(四) 我们可以按照页面上的提示去操作,我经常习惯的就是先把那个刚创建的空仓库克隆下来,如果使用cmd,那么找个目录,按住键盘的shift键,鼠标右键,选择“在此处打开命令窗口”。

(五) 首先我们很有必要的配置一下全局参数

  • git config --global user.name '此处输入自已的名字'
  • git config --global user.email '此处输入自已的邮箱地址'

(六) 配置完成后,我们从仓库上把我们仓库的地址克隆到本地

  • 格式为:git clone '我的仓库地址' '我本地文件夹的名称'
  • 示例为: git clone [email protected]/johnnynode.github.io.git johnnynode
  • 说明:此处之前,在github上我选择的是SSH的加密方式,所以我克隆的地址是这个: [email protected]/johnnynode.github.io.git ,在命令的最后是我要克隆后生成仓库文件夹的名称 : johnnynode,当然,你需要自己弄属于你自己的文件夹,克隆好后,我们就可以把我们的页面文件拷贝到这个文件夹下了,在这个文件夹下我们来建一个index.html文件。

(七) 我们通过cd命令进入这个文件夹。然后我们需要add和commit

  • 用命令 git add -A 或者 git add --all
  • 然后我们提交改动的文件 git commit -m 'init commit' 此处不对git命令进行深究, 这个意思是把暂存区中的内容提交到仓库中,然后我们就可以往github上push了。

(八)往github上提交 我们使用命令 git push -u origin master 我们默认在master分支上操作,这个我们也不深究。等待提交完成后,我们刷新仓库的页面,发现我们的文件已经放到github上了。(如果在这个过程中遇到了问题,比如访问权限的问题,那么我们需要提供用户名和密码,如果想省略这步骤,需要自己去设置SSH and GPG keys 官网上有介绍,不做深究)

(九)上传完成之后的访问

  • 通过访问url格式为: “你的github的名称.github.io”
  • 示例:比如我的”johnnynode.github.io” 来欣赏我们的主页了 ,你可以把你自己做的网页放到你的github上。

绑定域名和github地址

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

(一) 在主项目里新建一个文件CNAME,没有后缀哦,然后在里面写上自己需要绑定的域名

  • 示例为: johnnynode.com
  • 此处设置的是顶级域名,当然你也可以设置二级域名,我们只演示绑定顶级域名

(二)然后去域名提供商,比如阿里云上去设置

  • 找到域名,然后点击 “解析” ,进入页面之后添加解析,设置如下示例:

在github上搭建自己的主页和顶级域名的绑定_第1张图片

  • 注意这两个记录值192.30.252.153 和 192.30.252.154
    是固定的,详情参考 https://help.github.com/articles/setting-up-an-apex-domain/

  • 保存之后不到10分钟就解析成功了。

(三)访问

  • 通过 “你的github名称.github.io” 如我的为:johnnynode.github.io, 之后会跳转到 johnnynode.com 这个域名
  • 或直接通过域名访问主页 johnnynode.com

(四)相关参考链接

  • https://pages.github.com/
  • https://help.github.com/articles/setting-up-an-apex-domain/
  • https://help.github.com/articles/using-a-custom-domain-with-github-pages/
  • https://help.github.com/articles/setting-up-an-apex-domain/
  • https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/
  • https://help.github.com/articles/setting-up-an-apex-domain-and-www-subdomain/
  • https://www.cnblogs.com/MuYunyun/p/6082359.html
  • http://blog.csdn.net/lmj623565791/article/details/51319147

备注:本博客在2018年02月27日11:52:20更新过

你可能感兴趣的:(Git,Github,Linux,Git,技术整理和分享)