没有找到相关的内容

精彩文章推荐
教程

为你的站点加上“懒加载”——提高用户体验&节省流量

简介 通常来说,一个正常web页面是由图片和文字以及各种CSS,JS构成,而这其中,拖慢网速的罪魁祸首就是图片。懒加载即将页面中的图片分布加载,边浏览边加载,从而减轻服务器压力以及减轻流量的浪费。 LazyLoad lazyload.js简介 Lazy Load是一个用js编写的jQuery插件,用来实现图片的延迟加载。只有在浏览器可视区域的图片才会被加载,没有滚动到的区域img标签上会有一个占位图片,而真实图片不会被载入。当页面比较长,图片比较多的时候,延迟加载图片可以加快页面加载速度,在某些情况下降低服务器负担。 原理分析 <img class="lazy" src="images/loading.gif" data-original="images/example.jpg" width="640" heigh="480"> 将图片真实地址存放于data-original(这个可自定义),src属性用一个小的加载中动图占位,在用户浏览到该图片时,再将真实图片地址取出,实现"边浏览边加载",从而减轻服务器压力以及减轻流量的浪费。 优势 战前准备 效果预览   准备工作 WordPress博客 Lazyload.js(本文提供下载) loading动图(文件已打包,也可以百度找资源) 一个聪明的大脑 文件下载 工作大纲 引入jquery.min.js和LazyLoad.js 图片链接转换 <img src="images/example.jpg" width="640" heigh="480"> //上转换下 <img class="lazy" src="images/loading.gif" data-original="images/example.jpg" width="640" heigh="480"> 需要懒加载的地方自行修改 WordPress站点部署LazyLoad header引入JS 在主题文件夹header.php文件夹的适当位置加入以下代码 <script src="<?php%20echo%20get_template_directory_uri();%20?>/js/jquery.min.js" type="text/javascript"></script>//主题中已引用Jquery可省略这行 <script src="<?php%20echo%20get_template_directory_uri();%20?>/js/jquery.lazyload.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("img").lazyload({ effect:"fadeIn" }); $("img").lazyload({ threshold : 200 }); }); </script> 为图片自动添加 data-original 属性 在主题文件夹function.php文件夹加入以下函数 //小文's blog图片链接添加data-original 属性函数 add_filter ('the_content', 'lazyload'); function lazyload($content) { $loadimg_url=get_bloginfo('template_directory').'/images/loading.gif';//loading图片地址,根据个人情况修改 if(!is_feed()||!is_robots) { $content=preg_replace('/<img(.+)src=[\'"]([^\'"]+)[\'"](.*)>/i',"<img\$1src=\"$loadimg_url\" data-original=\"\$2\"\$3>\n<noscript>\$0</noscript>",$content); } return $content; } //END 在主题文件夹的/images/文件夹下添加loading图片(以下是本站的loading图片,可以自行百度) 此时访问博客文章,即可实现懒加载的效果。 进阶篇——缩略图的懒加载 相信不少博客主题的首页文章排版都是 缩略图+文章摘要 的格式,其中的缩略图不少还是用timthumb 截图的。那么这种排版格式就给懒加载提供了便利,我们只需要小小改动一下代码。 对于缩略图,找到代码可能如下: <img src="<?php%20bloginfo('template_url');%20?>/timthumb.php?src=<?php%20echo%20post_thumbnail_src();%20?>&h=150&w=200&zc=1" alt="<?php the_title(); ?>"/>   那么修改为如下即可: <img class="lazy" src="/image-pending.gif" data-original="<?php%20bloginfo('template_url');%20?>/timthumb.php?src=<?php%20echo%20post_thumbnail_src();%20?>&h=150&w=200&zc=1" alt="<?php the_title(); ?>"/>   进阶篇——头像图片的懒加载 正常的话,头像的加载在WordPress…

文章

腾讯云年中大促,低至三折优惠

前言 站长朋友们注意啦,最近腾讯云活动不断,新出活动腾讯云年中大促,部分热销商品限时5折,更有年付三折优惠,现在购买服务器再合适不过了。已有腾讯云服务器的站长朋友也不要灰心,更有8585元升级/续费代金券礼包免费领!想搭建网游加速器的也可以参加秒杀(选香港机房),这价格是真的很便宜!   服务器作用 搭建个人网站(需要配合域名) 搭建网游加速器,机房记得选香港(教程移步https://www.qcgzxw.cn/2649.html) 搭建远程数据库 更多功能不一一列举!   活动详情 1.爆款服务器秒杀(推荐) 活动期间,每日五场(09:00, 11:00, 14:00, 16:00, 19:00)秒杀,入门服务器6个月仅需231元,高配服务器2年只需1313元。(需要蹲点抢哦)       2.续费/升级代金券大礼包免费领 需要续费或者升级配置的站长可以领一下,也可以参加上面的秒杀后再用这个升级优惠券升级服务器。     3.更多机型半价出售 活动地址 https://www.qcgzxw.cn/go/mid-year 后记 现在服务器域名越来越便宜,各大云服务器商也在拼命做活动助力全名上云。还在考虑想做站长的朋友可以搏一搏了,你不逼自己一把,你永远不知道自己的潜力。推荐几篇文章给各位站长朋友。 用虚拟机(vps)建站 如果你要建立一个WordPress的网站,你可能需要了解这几点 AMH面板配置ssl证书,http转https 低延迟吃鸡妙计——自建吃鸡加速器

教程

吃灰Kindle复活计——用Kindle看网络小说

曾经连续几个月关注它就为了等它降价几十块,还没买回来就已经幻想好日日夜夜与它形影不离,当它真的闯入你的生活,你不禁感叹:真香!(用Kindle盖出来的泡面真香) 甚至官方都开始自嘲用kindle盖过的泡面会更香,你的Kindle还好吗?还是说你已经一边用电脑看书一边用Kindle盖泡面了? 思路梳理 本文不会通过介绍热门书籍的方式让你重新拿起Kindle,而是教你如何将自己喜欢的网络小说放进你的Kindle。 PS:本文涉及专业性知识较多,如过你并没有接触过Python和爬虫,请直接在评论区留言小说名,我有时间会帮你制书。 在小说网站找到你喜欢的网络小说,使用Python爬虫爬取每一章小说的内容 将爬取到的内容按章节区分,使用csv格式保存并排序 python读取csv文件并按照制书软件要求的格式将其装化成txt文件 使用制书软件将txt文件制成mobi格式的电子书 将书籍导入Kindle(邮箱推送或者连电脑通过usb传输) 书籍抓取 本节涉及到技术:Python, Scrapy 现在网上各类小说网站层出不穷,我们要做的就是在这些小说网站中找到想看的书籍并保存到本地。 确定网站 1、网站路由:每一章页面url最好是https://[域名]/[小说标识]/[章节标识].html,便于抓取;章节标识最好是有序数字(可以不连续),便于章节排序。 2、防爬虫机制:最好找那些没有防爬虫机制的网站,会大大加快我们爬取速度。 本站使用的示例网站是:m.biqudao.com 工具安装 python环境下,使用安装scrapy库,然后使用scrapy命令创建和编写爬虫。 pip install scrapy 如果遇到安装错误,可能是要手动下载安装Twisted依赖。 开始爬取 我写的爬虫文件如下,可供参考。爬取速度大概1秒10章 https://github.com/qcgzxw/scrapy scrapy crawl biqudao -o qcgzxw.csv 输出为csv文件,便于章节排序。   爬出来的文件时乱序 章节排序 将输出的csv文件用Excel打开,按网址排序即可。(如果内容过多,打开和排序可能会卡顿) Excel打开乱码解决方式:使用Notpad++软件打开csv文件,点击 ,,保存后再次用Excel打开即可。 转txt文件 我使用的制书软件是calibre - E-book management,他要求的格式是用##来表示章名,所以我们从csv文件中读取并转化成对应格式的txt文件。 https://github.com/qcgzxw/scrapy/blob/master/csv2txt.py 运行该脚本即可转化成txt文本。 书籍制作 下载安装配置calibre - E-book management软件,将转换好的txt文件拉进去,然后选中,点击转换书籍。 不需要过多操作,点击确定即可开始任务 等半小时就好了,直接右键点击转换好的mobi格式的书籍,点击共享,发送邮件至***,kindle联网即可自动获取到通过邮件发送的文件了。 PS:转换过程很慢,我一本20M的书花了2小时。 效果展示

文章

贪吃蛇代码来咯

  #include<stdio.h> #include<time.h> #include<windows.h> #include<stdlib.h> #define U 1 #define D 2 #define L 3 #define R 4 //蛇的状态,U:上 ;D:下;L:左 R:右 typedef struct SNAKE //蛇身的一个节点 { int x; int y; struct SNAKE *next; }snake; //全局变量// int score=0,add=10;//总得分与每次吃食物得分。 int status,sleeptime=200;//每次运行的时间间隔 snake *head, *food;//蛇头指针,食物指针 snake *q;//遍历蛇的时候用到的指针 int endgamestatus=0; //游戏结束的情况,1:撞到墙;2:咬到自己;3:主动退出游戏。 //声明全部函数// void Pos(); void creatMap(); void initsnake(); int biteself(); void createfood(); void cantcrosswall(); void snakemove(); void pause(); void gamecircle(); void welcometogame(); void endgame(); void gamestart(); void Pos(int x,int y)//设置光标位置 { COORD pos; HANDLE hOutput; pos.X=x; pos.Y=y; hOutput=GetStdHandle(STD_OUTPUT_HANDLE); SetConsoleCursorPosition(hOutput,pos); } void creatMap()//创建地图 { int i; for(i=0;i<58;i+=2)//打印上下边框 { Pos(i,0); printf("■"); Pos(i,26); printf("■"); } for(i=1;i<26;i++)//打印左右边框 { Pos(0,i); printf("■"); Pos(56,i); printf("■"); } } void initsnake()//初始化蛇身 { snake *tail;…

教程

Centos服务器下载百度云资源——wget

    wget——最方便的下载工具 wget 是一个从网络上自动下载文件的自由工具,支持通过 HTTP、HTTPS、FTP 三个最常见的 TCP/IP协议 下载,并可以使用 HTTP 代理。"wget" 这个名称来源于 “World Wide Web” 与 “get” 的结合。 所谓自动下载,是指 wget 可以在用户退出系统的之后在继续后台执行,直到下载任务完成。 命令分析 wget --no-check-certificate -b -c --referer=https://pan.baidu.com/s/1pLnz76b -O test.zip "https://d1.baidupcs.com/file/acb12a00343e2a5f3e6b856da0e7c91a?bkt=p3-0000d06d31651d856f88c6ca314121df8249&xcode=f1a0c2378ed308637383fda578c200a5c96f99a5696741d70b2977702d3e6764&fid=3850551538-250528-74334530885382&time=1503469647&sign=FDTAXGERBHSK-DCb740ccc5511e5e8fedcff06b081203-Hr4gbPkImXW4LLpM3rsW5coYTpc%3D&to=d1&size=217798137&sta_dx=217798137&sta_cs=2092&sta_ft=zip&sta_ct=5&sta_mt=2&fm2=MH,Guangzhou,Netizen-anywhere,,none,any&newver=1&newfm=1&secfm=1&flow_ver=3&pkey=0000d06d31651d856f88c6ca314121df8249&expires=8h&rt=pr&r=888627097&mlogid=5441092044168330572&vuk=3850551538&vbdid=1216363370&fin=echo%E5%9B%9E%E5%A3%B0%E7%A6%8F%E5%88%A9.zip&bflag=d1,h5,p7,69,75,79,80,d7,h1,p3,8,14,19,18-d1&check_blue=1&rtype=1&iv=0&dp-logid=5441092044168330572&dp-callid=0.1.1&hps=1&csl=80&csign=j%2F3o%2FKcX8G4ipp27pVAiSVJUcoY%3D&so=0&ut=6&uter=3&serv=0&uc=1237725326&by=themis" 即: wget --no-check-certificate -b -c --referer=引用地址 -O 文件名 "真实下载地址" 引用地址:为百度网盘资源分享地址(建议分享一天,考虑安全性),如下图。 --no-check-certificate 是指https下载 -b 是指后台下载 下载记录保存于同目录下的wget.log(建议在下载大型文件时使用) -c 断点续传 -O 输出文件名(即保存至本地的文件名)   引用地址获取: 即文件下载的来源页面。(不懂的忽略)   直链地址获取: 1.下载village(山寨云) 2.登陆,选择刚刚需要下载的文件     复制的链接即为直链   整理出来的命令类似 wget --no-check-certificate -b -c --referer=https://pan.baidu.com/s/1pLnz76b -O test.zip "https://d1.baidupcs.com/file/acb12a00343e2a5f3e6b856da0e7c91a?bkt=p3-0000d06d31651d856f88c6ca314121df8249&xcode=f1a0c2378ed308637383fda578c200a5c96f99a5696741d70b2977702d3e6764&fid=3850551538-250528-74334530885382&time=1503469647&sign=FDTAXGERBHSK-DCb740ccc5511e5e8fedcff06b081203-Hr4gbPkImXW4LLpM3rsW5coYTpc%3D&to=d1&size=217798137&sta_dx=217798137&sta_cs=2092&sta_ft=zip&sta_ct=5&sta_mt=2&fm2=MH,Guangzhou,Netizen-anywhere,,none,any&newver=1&newfm=1&secfm=1&flow_ver=3&pkey=0000d06d31651d856f88c6ca314121df8249&expires=8h&rt=pr&r=888627097&mlogid=5441092044168330572&vuk=3850551538&vbdid=1216363370&fin=echo%E5%9B%9E%E5%A3%B0%E7%A6%8F%E5%88%A9.zip&bflag=d1,h5,p7,69,75,79,80,d7,h1,p3,8,14,19,18-d1&check_blue=1&rtype=1&iv=0&dp-logid=5441092044168330572&dp-callid=0.1.1&hps=1&csl=80&csign=j%2F3o%2FKcX8G4ipp27pVAiSVJUcoY%3D&so=0&ut=6&uter=3&serv=0&uc=1237725326&by=themis" 输入服务器执行即可