首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo快速构建个人小站-自定义域名和自定义主题(二)

Hexo快速构建个人小站-自定义域名和自定义主题(二)

原创
作者头像
Peyshine
修改2020-06-19 11:53:01
1.2K0
修改2020-06-19 11:53:01
举报
文章被收录于专栏:.net core.net core

背景交代:

在上一章《Hexo快速构建个人小站-Hexo初始化和将项目托管在Github(一)》中,我们已经成功的利用hexo初始化了博客项目,并托管在Github上,且通过Github的二级域名可以成功访问,但是,这么长的域名总归是是有点别扭,如果有强迫症估计更是受不了,这节我们介绍绑定自定义域名和配置自己喜欢的主题。

1.购买域名

自定义域名第一步:挑选好一个自己喜欢的域名并购买,域名服务商可以在阿里云旗下的万网或者腾讯云都可以,由于我之前就在阿里云买了一个域名:liuthing.com,没有使用,所以现在就用上了

买完之后在阿里云控制台域名下面就会展示出购买的域名信息

2.解析域名

开始做域名解析工作,解析之前先ping 一下Github下博客仓库对应的二级域名:username.github.io的ip地址

我这里ping完后得到的ip是:185.199.109.153

然后做两个解析,如图:

3.设置CNAME

在项目下,source 文件夹下面创建 CNAME 文件(没有后缀名的),填写上域名。比如:

4.发布项目

发布的命令:

1、清除
hexo clean

2、生成
hexo g

3、启动服务
hexo server

发布的流程在上一章节中有介绍,这里只贴下命令,需要详细查看的可移步这里《Hexo快速构建个人小站-Hexo初始化和将项目托管在Github(一)

5.用自定义的域名访问

完成上述步骤之后就可以在浏览器输入自己的域名访问了

6.找一款自己喜欢的主题

https://hexo.io/themes/ ,这个里面有很多主题,可以任意挑选一个自己喜欢的主题,点击进去,通常都有github地址,上面有安装和使用方法介绍,我这里选了一个名叫“fluid” 的主题。

这是使用地址:https://github.com/fluid-dev/hexo-theme-fluid

下面截图是fluid使用介绍的部分内容

按照要求,只需两步即可,将主题下载下来,然后指定主题,然后运行在本地查看效果

可以看到已经实现自定义主题了,主题这里还有很多可以自己设置的地方,下回再继续分解,动手试试吧!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 背景交代:
  • 1.购买域名
  • 2.解析域名
  • 3.设置CNAME
  • 4.发布项目
  • 5.用自定义的域名访问
  • 6.找一款自己喜欢的主题
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档