利用Hexo搭建你的个人网站 - 上篇

利用Hexo搭建你的个人网站 - 上篇

本文将从零开始,手把手教你如何用Hexo搭建出个人网站,就像目前你看到的这个站点一样,并且该文章会持续更新。

准备工作

本部分主要介绍动手搭建一个网站前需要考虑的因素,包括需求分析,采用怎么样的技术路线等。中间还是有不少坑需要踩,大家也不用一次做到完美,慢慢改进即可。

需求分析

搭建个人网站的第一步当然是分析自己的具体需求,我在这里简单讲下我现在的想法,大家可以进行类似的分析。

  • 内容分析:目前站点的主要规划是个人学术主页,博客内容分享和项目成果展示。
  • 访客分析:站点的访客主要来自于中国境内,其次是部分境外地区。
  • 网址分析:网站会登记在独立注册的域名下,例如xutong.tech,而非其他域名下的子域名(例如xutong.example.com)或子空间(例如people.example.com/xutong

备案

备案之所以拿到第二位来讲,是因为会影响到后面的很多决策。这是因为访客如果主要来自中国境内,那么为了保证较快的访问速度,网站就要在境内的云服务上做托管。那么就一定要对域名进行备案,否则很多服务将不能正常开通。

像阿里云、腾讯云这样的云服务厂商,一般都是免费提供备案服务的,当然,前提是你要在在该厂商购买域名(或将已购买的域名转入到该厂商)并购买对应的云产品。例如,按照阿里云的规定,购买ECS实例,轻量应用服务器实例等都可以获取备案服务号,进而对域名进行备案。

当然,我们的网站有时托管在多家服务商,例如使用了多家的服务器资源或CDN资源,这种情况下,就需要在其余家服务商做接入备案,并将域名的解析结果指向该服务商的地址。这将会使得备案流程更加复杂,所幸经过目前的观察,接入备案可以暂缓完成。

还有一点关于备案需要提醒的是,并不是所有的域名后缀都是可以备案的。目前已获工信部批复的域名后缀详见工信部网站,购买域名前请先自行查询。

最后,备案周期一般在6-20天左右,每个省市的办理时间有所区别,请做好时间规划。

域名

除了通过搜索引擎检索访问个人主页,一个好记的域名可以让访客更容易的找到你的网站。常见的域名交易商例如阿里云旗下的万网GoDaddy等。它们大部分可以交易的域名种类类似,但GoDaddy可以购买.io, .one等特殊后缀(但不能完成备案)的域名。如果你打算对域名进行备案,那么可以一条龙在万网等厂商进行操作。

想到好的域名但是已经被注册是经常遇到的,这里推荐两个域名生成器NameMeshDomainWheel供参考。

网站架构

根据需求分析中的内容分析,网站的内容主要是个人主页和博客分享,那么一个静态网站就可以完成需求。经过分析比较,我选择了Hexo这个静态网站生成框架。Hexo提供一系列的主题,我们经过简单的配置后,就可以完成静态网站的生成,调试,部署等流程。我选择了Fluid这个主题,在对配置文件进行一系列更改后,撰写文章就像用Markdown写一篇笔记,就可以生成对应的网页内容。

网站托管和多节点部署

根据需求分析中的访客分析,网站的主要访客来自中国境内,其次是部分境外地区。那么我们就要保证网站有着良好的加载速度。这部分的调研参考了Fluid主题博客的常见静态网站托管平台及多节点部署方案,这里只给出我的做法。

对于国内节点,我选择了腾讯云旗下的Coding平台,对于海外节点,我选择了Github Pages. 这两项服务均具有自动化部署,较快的访问速度,免费托管以及免费提供SSL证书等特点。

网站的部署方面,我选择了Github Actions,在推送代码至GitHub上后会自动触发两个部署任务,一个是部署在GitHub Pages上,另外一个是将部署生成的静态文件,推送到Coding平台。

中篇预告

由于篇幅限制,具体实际动手操作的内容会放在中篇介绍,敬请关注。