美文网首页部署
Github Pages部署静态页面并绑定域名

Github Pages部署静态页面并绑定域名

作者: vayci | 来源:发表于2018-04-04 11:30 被阅读0次

    前言

    如果你想制作个人主页或者个人简历发布到网上,但是又没有自己的vps、云服务器,那么Github Pages可以帮到你。

    简略步骤

    1. 建立自己的github.io仓库

    例如我的用户名是vayci,那么我的github.io仓库名应该为: vayci.github.io

    2. 上传静态页面

    因为github.io仓库时专门部署页面的,所以直接使用master分支即可。在master分支下面上传你的页面。
    在稍等片刻后,你应该可通过 vayci.github.io 访问刚刚上传的页面了。

    3. 添加自定义域名

    如我有域名olook.me,现在我希望分配一个二级域名用来访问我自己的静态页面,原来的一级域名仍然解析到自己的项目。需要进行以下操作:参考添加CNAME文件。

    • 进入vayci.github.io仓库的setting


    • 在custom domain栏填入对应自己的域名,点击save保存。
      保存后,在参考master分支应该可以看到一个名为CNAME的文件,内容为自己的域名


    4. 域名解析

    到自己域名提供商的控制台进行解析。添加一条主机记录为自己想要的CNAME解析,记录值为vayci.github.io.(注意后面有一个“ . ”)
    解析生效后,就可以通过resume.olook.me访问自己放在github上的个人主页了,并且通过vayci.github.io访问时,会自动跳转到resume.olook.me

    题外话

    通过这样的CNAME解析配置,可为自己的其他项目设置主页。
    在你的其他仓库建立分支gh-pages,上传项目主页,添加CNAME解析即可。

    如上图中我的域名解析配置为:

    • resume.olook.me 解析到 github.io的个人主页
    • (www).olook.me 解析到我另一个项目主页
    • wxapp.olook.me 解析到我自己的云服务器

    相关文章

      网友评论

        本文标题:Github Pages部署静态页面并绑定域名

        本文链接:https://www.haomeiwen.com/subject/yfckhftx.html