2018年3月3日 更新

经过漫长折腾,现已从Jekyll换为了Hexo,主题用的一个基于其的简约主题——Maupassant

关于Hexo的教程就不再总结了,大同小异,这里有一篇非常详细的教程可以参考:如何搭建一个独立博客——简明Github Pages与Hexo教程

我的个人域名博客及邮箱搭建方法

本文提供了我的个人网站及域名邮箱的建站思路,目前花费成本是26块钱,以后目测只需要维持域名的费用,也就是大概50以内每年的样子,喜欢的朋友可以做个参考。

其实网上这一类的文章很多,本人也是根据这些文章提供的思路和方法搭建的个人博客。也因此,我就不在这里列出详细的构建思路了,只是简要的写出自己的过程,如果有读者在别的地方搭建过程中遇到了问题,希望我的这些信息能为各位解决问题提供一点思路。

本文域名是从阿里云买的,解析什么的也都是直接用的阿里云上面的,没有用第三方。域名邮箱用的是阿里云的免费版企业邮箱,最多50个账号,每个账号5G空间,2G网盘。网站模板用的是Github上的Jekyll,网站主题用的是基于Jekyll的Minimal Mistakes

1.申请域名

  • 首先,域名的注册网站,很多人选择了GoDaddy,或者国外的域名地址,我这个人比较懒,而且上去搜了一下发现上面没有“.wang”的域名。国内的找了一下发现阿里云上面有,而且我名字拼音的域名还在——“yalei.wang”,最最主要的是才26块钱一年!!!果断买之。

  • 买了域名以后,阿里云上面有很多优惠及各种主机云服务等等,一般网站流量大,需求性能高点的可以考虑,作为免费党和自玩玩家,我是当然不会去花不必要的钱的🙄。

  • 纵观整个建站过程,唯一逃不掉的花钱环节就是购买自己的域名, 除此之外大都可以用免费的来代替。

2.域名邮箱的开通

  • 这个比较简单,买完域名以后可以直接在阿里云上面用企业邮箱绑定域名。企业邮箱一般面向经营企业,所以要收费,当然也有免费版,只不过地址藏得比较小,不仔细找很难找到。我在这里直接给出各位地址——免费版企业邮箱

  • 开通免费企业邮箱之后记住一定要及时绑定域名让它生效,据说七天内没有绑定会被收回,而且免费企业邮箱只能申请一回。

  • 绑定域名及开通域名邮箱比较简单,毕竟是阿里自家的,在阿里云控制台一步一步按说明操作开通就可以了。(在这里不得不说一下,阿里云的强大,为我们省去了很多麻烦的工作👍)

  • 另外说一点,我的个人博客因为是“.wang”的域名,很多域名邮箱不支持,这其中就包括腾讯邮箱,本来我是想省事把把所有邮箱集成到自己的QQ邮箱的。也不知道这是因为阿里自己的竞争手段呢,还是腾讯这些企业邮箱真的不支持这个后缀。不过本着阿里邮箱也没花什么钱,而且设置步骤很简单自动化,也就认了阿里的邮箱,就这么用了。

3.个人网站的开通

  • 首先,我用的是Github上的Jekyll,网站主题用的是基于Jekyll的Minimal MistakesGitHub Pages是Github上一个可以用来搭建个人网站或组织网站或项目主页的功能。详细介绍可以点开链接去了解。

  • GitHub Pages可以用自带的生成选项生成简单的单网页,具体设置在项目页面的“Settings”选项里面。当然也可以用我用的Jekyll来做自己的网站,这个在github上有很多人在用,读者可以直接在github上面搜索blog然后选择按照fork数目排序,这样前面几个基本上就是比较流行的博客搭建模板了。

  • 模板主题我用的是Minimal Mistakes,这是一个简洁功能丰富的主题,同样在github上拥有不错的人气。具体使用方法,项目主页上介绍的非常详细了,大家可以直接fork到自己的空间直接修改构建自己的博客。

  • 需要注意的一点是,github设定如果把项目的名称重命名为“username.github.io”网站会自动把当前项目生成的网页作为个人的网页空间,用户可以直接通过“username.github.io”来访问此网页。另外,这样设置的话,Github Pages会把Master分支设置成默认显示分支,且不能修改分支选项。如果读者不想把此网页作为”username.github.io”的访问页面,而只是打算把它作为一个二级页面,或是项目页面的话,读者可以把项目名称命名成别的名称,创建一个名字为”gh-pages”的分支来显示项目网页。

4.域名与Github Pages的绑定

  • 首先需要设置的是阿里云里面的域名解析,其他地方购买的域名同理,网上也有详细的设置方法,以下贴出我自己的设置参数:
记录类型 主机记录 解析线路 记录值 MX优先级
CNAME www 默认 rean1030.github.io
A @ 默认 192.30.252.154
A @ 默认 192.30.252.153
  • 需要注意的是,如果不设置绑定自己的域名,读者可以直接通过“username.github.io”访问自己的网站,这样连域名的钱都省了。

  • 第一条CNAME的设置在有的教程里面其中的记录值设成了跟下面一样的Github Pages IP地址,笔者亲测,这样设置,网页能够正常访问,但是在Github上项目的设置页面会有警告产生。并且每次提交生成网页后,会有一份警告邮件发送到用户的邮箱中。最好还是把CNAME设置成自己网页的对应地址比较好。

  • 设置了自己的域名解析后,在Github自己对应的项目设置中找到“Github Pages”设置选项,找到“Custom domain”设置栏,将自己的域名填上去,这样之后,Github会自动在项目中创建CNAME的文件,同时将用户设置的域名写入。这样两边的CNAME解析对应上,Github上页面生成的警告就没有啦😀,我们会看到一条绿色的提示“ Your site is published at http://www.yalei.wang/”(www.yalei.wang是笔者的个人域名地址)。

  • 另外还需要注意一点,如果读者不设置自己的域名绑定的话,Github会自动设置并转换网址为https安全链接;如果设置了个人网址绑定的话,该选项是无法选取的,也就是通过个人网址的链接只能走http链接。

  • 此时所有的设置基本已经大功告成了,剩下的就是自己用自己方便的方法来修改项目上的配置文件来慢慢做出自己的网站来;每次提交变更后,Github会自动重新生成静态网页,读者可以自己到项目的设置里面看页面是否生成成功,如果失败上面也会有失败的原因及提示信息,同时会发送一封提示邮件到用户设置的邮箱中。

网站的搭建和调试是个费劲的事,读者可以参考笔者的网站来搭建自己的网站,我已经把网站模板的调试和界面汉化工作完成,想省事的朋友可以直接到我的项目下直接fork我的项目,在此基础上进行修改。以下是我项目的地址——点击跳转到我的项目地址

目前我的网站相关页面的内容和详细说明也在慢慢建设中,接下来我会写一篇手记来总结一下自己用Minimal Mistakes,搭建自己页面和布局过程中的一些需要注意的地方。顺便也会介绍以下自己的项目文件的布局和网站的界面功能,以方便参考的朋友直接修改,少走弯路。

今后的日子烦请大家多多关照😁,最后附上我的——个人网址,谢谢。