hexo next主题深度优化(七)，cdn加速。

文章目录注: 正题: 免费cdn 收费cdn 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 注: 千万不要被我的标题迷惑,这不是一个给博客加cdn的博文. 正题: 想给网站各种加速,终于到了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主题深度优化(八)，微加速

个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 通过不断地上网查资料,引用的js.css.图片文件,通过cdn的方式是比直接放到本地要慢的,所以将自己博客能找到的cdn全部换成本地文件.…

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主题深度优化(十一)，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主题深度优化(三)，引入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…

hexo next主题深度优化(四)，自定义一个share功能，share.js。

文章目录背景: 开始: 引入资源: 代码关键的一步附:方便学习的小demo 一次成功后还出现上面的bug 结束 2018.12.23发现bug(读者可忽略) 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景: 之前一直用的addthis或者百度分享,可是加入pjax后失效,相应的接口重写也不行,故自己重新加一个分享的功能. 开始: 引入资源: 代码 var $config = {…

Jekyll + NexT + GitHub Pages 主题深度优化

前言笔者在用 Jekyll 搭建个人博客时踩了很多的坑,最后发现了一款不错的主题 jekyll-theme-next,但网上关于 Jekyll 版的 Next 主题优化教程少之又少,于是就决定自己写一篇以供参考. My Blog ? 传送门本文仅讲述 Next (Jekyll) 主题的深度优化操作,关于主题的基础配置请移步官方文档. 主题优化修改内容区域的宽度打开 _sass/_custom/custom.scss 文件,新增变量: // 修改成你期望的宽度 $content-deskt…

Hexo 官方主题 landscape-plus 优化

博主喜欢简洁大方的Hexo主题,看了不下100个主题之后,最终选择了 landscape-plus 主题(针对中国大陆地区,对Hexo官方主题landscape进行优化后的版本).更多Hexo主题资源,可以参考帖子:有那些好看的hexo主题? 虽然 landscape-plus 整体风格我很喜欢,但有些细节方面处理得不够精致,只有自己动手改改了.如果大家还有什么好的想法,可以在评论区留言,我为大家定制修改. 原始效果改后效果 GitHub Clone 地址修改归档挂件的时间格式:(以下图片,…

vue-cli3项目首页加载速度优化（cdn加速，路由懒加载，gzip压缩）

今天打算上线vue的单页面项目,上线后,首页加载速度巨慢! 原因是项目上线后,网速不够快,加载js,css等资源很慢, 打开打包好的文件发现chunk-vendors.xxxxxxx.js的包很大,达到了4千多kb,简直不能忍!(vendors的文件是项目中引入的第三方库,打包好的文件) 网上查了查,有很多优化方法,我从简单的开始吧我选择的第一个优化方式是,给webpack开启gzip压缩,能够将文件体积减少60%. 下面来说一下开启gzip压缩的具体步骤 1:引入 compression w…

.net对js和css、img剥离项目进行压缩优化、cdn加速

由于网站首页以及经常用的页面初始化慢,想后面想了对image.js和css进行迁移优化. 1.把他放到独立的域名上面,这个就要对image,js和css从原项目上面脱离,以及把原来很多页面引用的地址修改成为带域名的,对于image.js和css脱离很简单(自己写个移动文件的工具去遍历文件夹查询相对应的文件就可以了,在新域名的那边多了一层这个项目的目录,下面的结构按原来的目录移动到这个目录的下面,尽量保持目录结构不变),在移动的过程中把文件夹以及文件名全部改为小写,因为到时候这些要放到cdn上面,…

Signalr系列之虚拟目录详解与应用中的CDN加速实战

目录对SignalR不了解的人可以直接移步下面的目录 SignalR系列目录前言前段时间一直有人问我在用SignalR 2.0开发客服系统[系列1:实现群发通讯]这篇文章中的"/Signalr/hubs"这个虚拟目录到底是做什么的? 由于小弟当时也是一知半解所以很牵强,这段时间特意抽空详细了解了一番,分享如下: 正文前面我们一直都说这个是一个虚拟目录,那么这个东西到底是来做什么的呢? 我们先解释一下:这个路径前面的/Signalr/是目前你所有的SignalR的Hub在客户端…

WP Super Cache+七牛云配置CDN加速，让你的网站秒开

CDN加速网站是几乎所有的站长都在考虑的问题,CDN,全称是Content Delivery Network,即内容分发网络.所谓CDN加速,通俗的来说就是把原服务器上数据复制到其他服务器上,用户访问时,那台服务器近访问到的就是那台服务器上的数据.CDN加速优点是成本低,速度快.CDN加速的方法和工具都很多,网上用的比较多的是“我爱水煮鱼”做的七牛镜像插件,这个插件很好用,但是也有两个 bug 无法解决: 1.插件中的 JavaScript 和 CSS 无法镜像到七牛云存储中去. 2.部分主…

【转】七牛免费SSL证书，配置自定义域名CDN加速

原文链接:https://excaliburhan.com/post/use-qiniu-ssl-and-cdn.html 申请七牛SSL证书其实,七牛在很早之前就支持CDN使用https,但是他要求证书的有效期是一年及以上,而我的主站用了Let's Encrypt的免费SSL证书,有效期90天,自动续签的形式.所以,为了使CDN的图片也是https的,一直采用了七牛默认的xxx.qnssl.com域名. 在11月,七牛发布了免费SSL证书,亚洲诚信的DV证书.申请起来也很简单,参见七牛SSL…

vue项目性能优化（路由懒加载、gzip加速、cdn加速）

前端工程性能优化一说意义深远悠长,本章主要介绍除了一些基础优化外如何实行路由懒加载.Gzip加速.CDN加速,让网页飞的快一些. 基础优化老生常谈的一些: 不要在模板中写复杂的表达式慎用watch尤其是deep 合理的使用v-if/v-show/v-for 善用keep-alive 使用Object.freeze() ... 这里不再细开展~主要说下以下几点: 一. 开启GZIP 体积对比图: 1541KB vs 466KB 耗时对比图: 333ms vs 225ms 操作步骤: 1.安装包…

七牛云融合CDN测试域名 -> 融合CDN加速域名

七牛云融合CDN测试域名 -> 融合CDN加速域名本篇主要讲解如何将七牛云融合CDN测试域名切换到自定义的加速域名上去,为什么会写这篇是因为我收到了一封 [七牛云]测试域名回收通知的邮件,吓得我赶紧了解一下 1.七牛云测试域名回收通知几天前我收到了一封 [七牛云]测试域名回收通知的邮件当时并没有特别在意,也不知道啥意思,没去怎么关注它,今天晚上我也不知道为什么会突然打开了QQ邮箱,突然又看到了这封邮件,顺便就仔细瞅了瞅它刚开始我很懵不知道啥意思,我就登录了七牛云官网,查看了…

怎样使用七牛云CDN加速并绑定阿里云域名

昨天晚上在某个群里看到群友问,七牛云能不能绑定自己的域名作为静态资源文件的前缀,忽然想起来我已经有快两年时间没有登录过我的七牛云账号了,不禁老脸一红,这是有多久没有自己前后端都弄了,幸好还没有老年痴呆,还记得账号密码,快速登录进去,仿佛看到了那些个还很能熬夜的日子,即便那不是我的黄金时代. 回到本文重点,虽然这是一个很简单的问题,但是有些伙伴刚弄可能就是会一不小心就容易出错,或者有些不理解的地方,于是决定把自己的配置都干掉,重新花几十分钟把这个初级的知识点整理成文,以备有需之人的不时之需. 我们…

hexo NexT主题首页title链接的优化

在默认设置下,文章链接都会改变,不利于搜索引擎收录,也不利于分享更改index.swig文件文件路径是your-hexo-sitethemesnextlayout,将下面代码 1 {% block title %} {{ config.title }} {% endblock %} 改成 1 {% block title %} {{ config.title }} - {{ theme.description }} {% endblock %} 这时候你的首页标题会更符合网站名称 - 网站描…

2014年十个优秀的免费CDN加速服务-国内和国外免费CDN

这是一篇总结近几年来网络上出现了各类免费CDN服务的文章,文章本来应该早就发出来的,但是因为近期的各种原因一直拖到现在.之前部落已经总结了近几年来的优秀免费空间,新手朋友不必在茫茫“网”海中寻找免费空间,直接查阅免费空间排行榜即可快速找到自己理想中的免费空间了. 虽说文章标题写着“2014年”的十个优秀的免费CDN加速服务,其实也是近几年的被大家广为熟知的国内和国外的各种免费CDN服务.进入到2014年,国内的CDN服务已经不同于国外的CDN服务,一般来说CDN就是为了加快网站访问速度的,但是国…

【初码干货】使用阿里云对Web开发中的资源文件进行CDN加速的深入研究和实践

提示:阅读本文需提前了解的相关知识 1.阿里云(https://www.aliyun.com) 2.阿里云CDN(https://www.aliyun.com/product/cdn) 3.阿里云OSS(https://www.aliyun.com/product/oss) 4.HTTPS(http://baike.baidu.com/view/14121.htm) 阅读目录结构引: 一.准备工作二.整体功能结构三.具体实现步骤四.关键点和问题处理五.延伸与扩展六.总结与思考引:…

深度优化LNMP之Nginx [2]

深度优化LNMP之Nginx [2] 配置Nginx gzip 压缩实现性能优化 1.Nginx gzip压缩功能介绍 Nginx gzuo压缩模块提供了压缩文件内容的功能,用户请求的内容在发送出用客户端之前,Nginx服务器会根据一些具体的策略实施压缩,以节约网站出口带宽,同时加快了数据传输效率,提升了用户访问体验. 2.Nginx gzip 压缩的优点 1.提升网站用户体验:由于发给用户的内容小了,所以用户访问单位大小的页面就快了,用户体验提升了,网站口碑就好了. 2.…

cdn加速对门户网站产生的影响

满意的用户体验是门户网站吸引和留住用户的必备条件.据统计,如果等待网页打开的时间超过8秒,将会有超过30%的用户放弃等待,造成严重的用户流失,降低了用户的体验度和忠诚度.门户网站内容涉及面多,涵盖文字.图片.视频.音频等,更新的实时性要求高,更新的内容量大.除了面对网站的流量可预测性低,常有流量突发或高峰负载等情况,门户网站要防备内容被盗用,保障网站的合法利益.而用户和市场数据的分析在门户网站运营中起到越来越重要的作用,是竞争中取胜的法宝. ·针对网站内容的特性提供最经济优化的网站加速方案,对文…