Hexo自定义网站首页

2024-05-18 02:57:20

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

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

Hexo自定义网站首页相关推荐

ecshop lbi替换为html,ecshop商城网站首页幻灯片替换成自定义js轮播方法
ecshop商城网站的首页都会有一个首页主广告位,可以不停的播放网站的一些图片.但是程序自带的首页幻灯片样式特别单一,而且首页幻灯片还带有黑色边框,不是很好看. 下面学做网站论坛总结的将ecshop商 ...
Hexo自定义页面的两种方法
原文地址:http://refined-x.com/2017/07/10/Hexo自定义页面的方法/. Hexo是静态页博客生成利器,同很多博主一样,前端路上原创技术博客也是使用Hexo生成并托管在G ...
beautifulsoup 搜索第二个标签_自定义网站搜索教程
1.说明自定义网站源是为了更大限度的扩展搜索结果,如果不会自定义也没关系,使用APP中推荐源就可以了,推荐源免嗅探,直接就能播放. 2.基本原理与参数自定义站源规则,说白了就是APP直接请求所填的 ...
read.html5.qq.com,如何通过第三方QQ登录网站首页
QQ登录,就是我们所说的第三方登录,是指用户可以不在本项目中输入密码,而直接通过第三方的验证,成功登录本项目若想实现QQ登录,需要成为QQ互联的开发者,审核通过才可实现.注册方法参考链接http:/ ...
dede网站首页被黑攻击植入恶意跳转代码怎么办? 首页经常被篡改标题关键字的解决方法
网站title被加入代码: 首先,我们要先修复首页代码,解决跳转问题,避免更多用户跳转到恶意页面,也是避免网站被篡改后的tdk被搜索引擎收录! 然后我们先解决对方通过自定义宏标记和智能标记向导来篡改首 ...
Photoshop设计网站首页
发工具与关键技术:使用Photoshop 设计网站首页作者:成东平撰写时间:2019年4月10日先来看看本人设计的食品网页 Photoshop设计网页上图就是本人使用Photoshop学习设计的 ...
PHP网站首页打不开的原因讲起
最近有个网站首页打不开,偶尔报504错误,如图所示,这是nginx直接返回的. 今天下午16:00多又出现了,看了下阿里云数据库连接,其实在晚上2:00也出现了一次.这个图是后来问题已经解决了获取的, ...
Asp.net 2.0 中将网站首页生成静态页的一个比较好的方法
做网站时,有时为了提高性能会将网站首页生成静态页(当然, Asp.net中页面缓存也是一个不错的选择了将页面生成静态的方法有多中,据不完全统计有N种(N>1) 呵呵以下的方法来自 " ...
【官网搭建】在网站首页底部添加备案号链接至工信部首页及版权所有。
在网站首页底部添加备案号链接至工信部首页及版权所有.(工信部链接:http://beian.miit.gov.cn或http://www.beian.miit.gov.cn) 在搭建网址的时候你是否受 ...

最新文章

热门文章