Hexo自定义网站首页

谁践踏了优雅 2022-06-02 02:55 226阅读 0赞

#### **Hexo默认的首页每次页面刷新时，播放器之类会被重置，所以想法是使用iframe内联框架，将整个页面嵌在里面，而自己另外定义一个主页，将播放器放在外面，这样就实现了在跳转时播放器能够继续播放的效果，实际上仔细看网易云官网也是这么干的，这样做还能够实现自定义的首页，个人觉得更灵活一些，而博客页面可以成为子网页。那么问题是如何更改首页路由？花了一早上查了不少资料浏览了不少博客，99.9%的做法没能符合预期，然后功夫不负有心人，终于找到一个和我想的完全一致的做法（ps:主要是使用了google（\#-\_-））。** ####

--------------------

原文链接  
[http://www.jsdoi.com/blog/2016/02/24/blog-hexo-github/][http_www.jsdoi.com_blog_2016_02_24_blog-hexo-github]

## **1.更改生成目录** ##

在\_config.yml的第15、16、20行更改如下：

url: http://foradawn.github.io/blog
    root: /blog/
    public_dir: public/blog

目的就是将博客文件生成到public的子目录blog下。

## **2.更改部署目录** ##

在 node\_modules/hexo-deployer-git/lib/deployer.js 的第19、20行更改如下：

// var publicDir = this.public_dir;
    var publicDir = pathFn.join(baseDir, 'public');

设置根路径为public，因为public\_dir此时为public/blog

## **3.修复翻页问题** ##

在 node\_modules/hexo/lib/plugins/helper/url\_for.js 的第8、9行更改如下：

// path = path || '/'; 
    path = path || '';

首先声明博客首页为[http://foradawn.github.io/blog][http_foradawn.github.io_blog] ，网站首页为[http://foradawn.github.io][http_foradawn.github.io] 。  
博客首页是在子路径/blog/下，但处于非第一页的页面时分页条第一页的链接变成了网址首页，原因是生成博客第一页链接时传的path为null，hexo分页插件将其替换成/，但所有的/又处理成网站首页没有加上根路径/blog/，改成’’后会正确加上根路径，同时path为/的也能正常处理成网站首页。  
四、总结  
好了，现在自定义文件都在public文件夹里（比如将index.html放在public里直接访问网站即是访问该文件），自动生成的博客文件都在public/blog里，每次hexo g更新博客，hexo d部署public文件夹，基于github的自定义主页的HEXO博客基本告成啦！

[http_www.jsdoi.com_blog_2016_02_24_blog-hexo-github]: http://www.jsdoi.com/blog/2016/02/24/blog-hexo-github/
[http_foradawn.github.io_blog]: http://foradawn.github.io/blog
[http_foradawn.github.io]: http://foradawn.github.io