alexpdh's blog

基于hexo+GitHub搭建个人博客(二)进阶

上篇文章介绍了hexo+GitHub搭建及一些基本优化,这篇文章主要介绍域名的绑定、第三方服务的添加

个人域名绑定

GitHub默认使用的是对应的xxx.github.io的一个二级域名,想要给个性一点的话可以自己购买一个域名绑定。

域名购买

域名购买平台很多,国内阿里的万网,百度的百度云,下血本在百度买了个.com域名([白眼]主要是刚好百度云在搞活动)。购买了之后需要实名认证之后才可以正式使用,一般两天内可以通过。

域名解析

认证通过后,我们就可以做域名解析了:
  • 先在Git bash或者doc窗口下 ping下自己的GitHub的地址(我的就是 alexpdh.github.io)获取到对应的ip地址。

  • 登陆百度云,选择【产品服务】->【域名服务】->【域名管理】,点击域名后【操作】下的解析,点击【添加解析】
    baiduyun_yumingjiexi

主机记录可以添加三种域名前缀,想不想要www自己选择
www:解析后域名为 www.baidubceyun.cn
@:直接解析主域名 baidubceyun.cn
:泛解析,匹配其他所有域名 .baidubceyun.cn
baiduyun_yumingjiexi02

  • 接下来在你hexo的的source目录下新建一个文件命名为CNAME没有后缀,打开将解析的域名添加到文件里,如果你上面配置的是www前缀的域名,这里就填写 www.xxx.com,对应就访问http://www.xxx.com ;如果配置的是@,这里填写 xxx.com,对应访问 http://xxx.com ;自由选择。

  • 添加好之后用部署三步骤部署到GitHub,打开浏览器输入自己的域名访问。

    添加第三方服务

    添加多说评论

  • 注册并登陆多说,点击【我要安装】填写对应的创建站点的信息。
    duoshuo

  • 创建完成后,修改themes/_config.yml文件,把 duoshuo_shortname 改成之前设置的,就是.duoshuo.com前面那个二级域名

1
2
# Duoshuo ShortName
duoshuo_shortname: alexpdh

添加百度统计

  • 注册并登陆百度统计添加网站完成后,选择【管理】->【代码管理】->【代码获取】,复制统计脚本id

baidutongji

  • 创建完成后,修改themes/_config.yml文件,添加 baidu_analytics 字段,把值设置成自己的脚步id
1
2
# Baidu Analytics ID
baidu_analytics: 9dc06432cf936b467fbc1592bb73673d

添加 Swiftype 站内搜索

  • 注意:新注册的swiftype账号过了试用期后就不能继续使用搜索服务了,老账号任然可以继续使用,可以使用 Local Search 配置很简单,参照next文档配置即可
  • 注册并登陆Swiftype,创建一个新的搜索引擎

swiftype

  • 点击 Install Swiftype Search 获取key

swiftype02

  • 创建完成后,修改themes/_config.yml文件,添加 swiftype_key 字段,值为你的 swiftype 搜索引擎的 key
1
2
# Swiftype Search API Key
swiftype_key: SELpQxw29CqCcMWn6235

其他设置

  • 其他设置比如侧边栏、友情链接、菜单栏等请参考next主题配置教程

    插入七牛云图片

  • 注册七牛云
  • 登陆七牛云后选择【对象存储】->【新建存储空间】
  • 进入创建的存储空间选择【内容管理】->【上传文件】选择要上传的文件,完成后关闭,然后点击对应图片【操作】下…【复制外链】
    qiniuyun
  • 在你文章里需要图片处使用如下语法插入图片
    1
    ![logo](复制七牛云的外链接)
自此,我们基本完成了整个hexo博客的搭建,有兴趣再继续优化的同学可以继续参考网上对应的文档进行优化。
alexpdh wechat
欢迎扫一扫关注 程序猿pdh 公众号!