hexo 自定义域名和主题
本文最后更新于:20 天前
前沿
在之前已经部署博客环境,用hexo初始化博客项目,并且已经把博客托管到了github上,通过github提供的二级域名进行访问
我们自己如果有域名,还可以绑定自己的域名进行访问博客,域名可以通过阿里云进行购买
购买域名
这里我们通过阿里云进行购买吧,因为阿里云收购了万网,万网算是国内最大的域名注册商
购买地址: https://wanwang.aliyun.com/domain/searchresult/#/?keyword=&suffix=com
我这里之前购买过域名 budongshu.cn ,下面准备想使用budongshu.cn来访问这个博客
注意
: 现在大部门域名都是需要 实名认证和备案的,备案的话一般需要3天到7天左右
解析域名
这里面有俩种配置方法,但是原理都是一样的
通过cname 来配置 我们现在配置一个@的cname解析和www的cname解析 这样我再浏览器里面输入budongshu.cn(配置@的cname解析起的作用)和www.budongshu.cn 都会解析到budongshu.github.io 也符合我们的预期效果
第一种通过cname方式
配置@的cname解析 ,解析记录值是我现在用的访问域名budongshu.github.io
配置www的cname解析 ,解析记录值是我现在用的访问域名budongshu.github.io
最后的配置效果
第二种通过解析出来的ip来配置,A记录方式
先通过ping budongshu.github.io 看一下解析ip是多少,我们这里看到是185.199.111.153 ,那么我们同样可以通过A记录的方式
来配置跳转
做一个www配置的演示
在hexo项目里面设置CNAME
1.1 新建文件CNAME
在项目下,进入你的博客项目目录,在source 文件夹下面创建 CNAME 文件(没有后缀名的),填写上域名
可以通过编辑器进行编辑
1.2 部署博客项目到github
然后我们部署hexo,通过项目里面的配置会上传到github,这里不明白可以看看我之前hexo 部署文章
hexo clean && hexo g -d
1.3 Github 要把https选项勾上
用自定义的域名访问
完成上述步骤之后就可以在浏览器输入自己的域名访问了,因为我们配置了@ 和www 所以通过下面俩种方式访问
https://budongshu.cn 和 https://www.budongshu.cn
找一款自己喜欢的主题
https://hexo.io/themes/ ,这个里面有很多主题,可以任意挑选一个自己喜欢的主题,点击进去通常都有github地址
上面有安装和使用方法介绍,我这里选了一个名叫“fluid” 的主题,这是使用地址:https://github.com/fluid-dev/hexo-theme-fluid
下面截图是fluid使用介绍的部分内容
主题效果
可以看到已经实现自定义主题了,主题这里还有很多可以自己设置的地方呢~
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!