Hexo快速构建个人小站-自定义域名和自定义主题(二)
背景交代:
在上一章《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使用介绍的部分内容
按照要求,只需两步即可,将主题下载下来,然后指定主题,然后运行在本地查看效果
可以看到已经实现自定义主题了,主题这里还有很多可以自己设置的地方,下回再继续分解,动手试试吧!
最新文章
- Yii2 时间控件之把layDate做成widget
- PhoneGap开发跨平台移动APP - 解决跨域资源共享
- Jmail发送邮件
- BZOJ4653: [Noi2016]区间
- App.xaml
- Hadoop学习篇1 快速入门
- UITableView小知识点总结
- imindmap7_windows_7.0
- Educational Codeforces Round 12 E. Beautiful Subarrays 预处理+二叉树优化
- Spring MVC 教程,快速入门,深入分析(转载)
- Spring 学习笔记02
- Linux中的cron计划任务配置方法(详细)
- RocketMQ(二):RPC通讯
- Redis入门简述
- Effective java 系列之异常转译
- NotePad++ 添加HEX-Editor插件
- git 合并多个commit
- JoyOI1391 走廊泼水节
- Spring总结 2.装配bean
- JAVA-JSP内置对象之response对象