首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
hexo next主题深度优化(八),微加速
】的更多相关文章
hexo next主题深度优化(八),微加速
个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 通过不断地上网查资料,引用的js.css.图片文件,通过cdn的方式是比直接放到本地要慢的,所以将自己博客能找到的cdn全部换成本地文件.…
hexo next主题深度优化(一),加入pjax功能。
文章目录 背景: 进入正题 pjax初体验--instantclick 真正的pjax 第一步 第二步 第三步 第四步 专门基于hexo next主题的pjax(将丢失的js效果重现) 将下面讲到的提取出来 点击右边的sidebar,sidebar不出现 sidebar自动隐藏,自动显示,点击出现,点击隐藏,回到首页,回到中间等操作 添加bootstrp出现闪屏的现象 右边的sidebar鼠标滚动目录滑动事件没了 局部刷新文章不显示了,文章那里是空白的. 评论没了 局部会闪一下 阅读数没了 百度…
hexo next主题深度优化(五),评论系统换成gittalk
文章目录 背景: 开始: 新建comments_git.js 找到comments.swig在最后一个endif之前 引入代码 pjax加入gitalk 遇到的问题 所有的页面共享的一个评论issue 本地4000启动报错401 没有权限 未找到相关的Issues 进行评论,请联系xxx初始化创建 发现自己的留言板明明评论了却不显示 gitalk自己的博客首次需要登录github进行初始化,初始化的时候跳转到了blog首页. gitalk自己的博客登录成功后报错 Error: Validatio…
hexo next主题深度优化(二),懒加载。
文章目录 tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面) 废话 背景 懒加载简单介绍 引入js 重点!敲黑板了!!! 完善懒加载函数 懒加载函数可配置的参数 正式在hexo next中加入懒加载 1: 2: 3:按我的步骤来,不要问为什么. 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面…
hexo next主题深度优化(七),cdn加速。
文章目录 注: 正题: 免费cdn 收费cdn 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 注: 千万不要被我的标题迷惑,这不是一个给博客加cdn的博文. 正题: 想给网站各种加速,终于到了cdn这块. 免费cdn "免费的都是最贵的",百度的移动节点不能用,还有很多都是单节点,很多都是自己能访问,有的地区就访问不到,只有收费才能提供更好的服务,都是打着免费的幌子,变相的收费,…
hexo next主题深度优化(十一),next主题中加入scrollReveal.js,让文章随着鼠标的滚动,出现点小动作。
文章目录 效果 scrollReveal简单介绍以及简单操作 参考文档: next主题中加入scrollReveal 给article标签添加属性 给底部的不蒜子添加属性 本地引入依赖并且编写启动函数 修改require.js主函数 修改pjax的函数 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 效果 https://mmmmmm.me scrollReveal简单介绍以及简单操作 就是…
hexo next主题深度优化(六),使用hexo-neat插件压缩页面,大幅度提升页面性能和响应速度。
文章目录 隆重感谢: 背景 开始 试水 成功的案例 安装插件,执行命令. hexo _config.yml文件添加 坑 跳过压缩文件的正确配置方式 压缩html时不要跳过.md文件 压缩html时不要跳过.swig文件 点击的桃心效果消失 gitalk js文件报错 jquery pjax min js报错 隆重感谢: https://blog.csdn.net/lewky_liu/article/details/82432003 https://blog.csdn.net/qq_2180896…
hexo next主题深度优化(三),引入require.js,适配pjax。
文章目录 require.js的好处, hexo next中加入require.js 新建一个main.js作为所有js的入口 pjax的require.js实现 关于require js适配过程中报的错误 aplayer.min.js只能在--lauout加载 一直报错:MISMATCHED ANONYMOUS DEFINE() MODULES ... 在博客中加requre.js时候,关于aplayer的插件需要. 如图 velocity函数报错 针对pjax的require,我用这个req…
hexo next主题深度优化(十),博文加密,不需要插件,极简模式,相对安全,融合pjax。
文章目录 效果: 代码: 注意: 背景: 思路: https://www.jianshu.com/p/90c0a15c6f36 http://zhailiange.com/2017/07/06/hexo-encrypt/ 自己写 2018.12.23代码更新 问题一 问题二 问题三 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 如果想自定义功能样式的往下面看看也许会有点收获,为了避免读者不…
hexo next主题深度优化(九),给博客加入主题,护眼主题,护眼色。
文章目录 背景 效果 码 _layout.swig custom.styl eye.js 引用eye.js 直接引用 main.js pjax的函数中重写 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景 我从小爱打游戏,所以视力下降厉害,加上现在工作天天对着电脑,所以想给自己的博客加上护眼色. 效果 博客:mmmmmm.me 码 _layout.swig 在body下面 <div cl…