/ 技术

在GitHub上为Hexo配置自定义域名

昨天尝试了下Hexo,感觉很酷。主要有以下几个特点:

  1. 无需数据库,所有文章都可以基于git来存储
  2. 纯静态,在编写好文章之后,生成静态文件,对服务器基本没要求
  3. 部署简单,hexo generate --deploy,轻松完成生成、部署功能
  4. 主题丰富,界面简洁,相比臃肿的WordPress,爽多了

安装很简单,按照这里的教程,进行就可以了。前提是确保npm和git功能都能用就行。我主要分享一下在配置自定义域名所遇到的问题。

我是将其部署到GitHub上的,没有采用hadb.github.io作为repo名,因为我是想将网站叫做HADB.ME,所以我就创建了一个HADB.ME的repo。这和使用hadb.github.io有点区别。

使用hadb.github.io的话,master分支是作为页面显示的分支的,而使用HADB.ME的话,是使用ph-pages分支作为显示的分支的。这时,只需在ph-pages分支的根目录放一个CNAME文件,内容就是hadb.me,然后将域名cname到hadb.github.io,github会自动判断出HADB.ME这个项目中有一个CNAME,里面就是配的hadb.me,于是hadb.me就成功地变成了HADB.ME项目页面的域名了。这时,我们在_config.yml中,就可以将url配为http://hadb.me/,root为/。当然,这样会有一个问题,就是直接访问 http://hadb.github.io/HADB.ME/ 的时候,无法显示样式。这个可以这样解决,当访问路径是 http://hadb.github.io/HADB.ME/ 时,通过js直接跳转到 http://hadb.me/ 上就可以了,在主题的head.ejs文件中,</head>前加入如下代码:

<script>
    // Redirect to hadb.me
    if (window.location.hostname === 'hadb.github.io') {
        window.location.href = 'http://hadb.me/';
    }
</script>

还有一个问题是,每当我在ph-pages中创建一个CNAME,每次hexo deploy之后,ph-pages中的commit历史会重建,CNAME文件就丢失了,为此我很苦恼。后来发现,只需要将CNAME文件放到source文件夹下,就可以了,每次deploy会自动放到根目录。

在GitHub上为Hexo配置自定义域名
分享