通过 Certbot 申请 Let's Encrypt ECC 泛域名加密证书

0 ECC

参照维基百科: [椭圆曲线加密学]

ECC(椭圆曲线加密学)是一种公开密钥算法,相比较常见的RSA算法,在大多数情况下有着更加优秀的性能

1 生成

我们首先需要通过openssl生成通过ecc加密的 csr

先申请 key

openssl ecparam -genkey -name secp384r1 | openssl ec -out domain.key

然后通过 key 生成 csr

openssl req -new -sha256 -key domain-ecc.key -nodes -out domain.csr -outform pem

这一步中将会询问你一些关于你的信息,请务必注意Common Name这一行应填写你将要申请的域名,其他你随意就可以了

2 申请

有了csr文件,我们就可以欢乐申请证书

./certbot-auto certonly --csr elsenow-ecc.csr --manual --preferred-challenges dns --server https://acme-v02.api.letsencrypt.org/directory

3 部署

经过上面的命令,你的命令执行目录下应当有这几个文件

0000_cert.pem  - crt.pem
0000_chain.pem - chain.pem
0001_chain.pem - fullchain.pem
domain.key     - privatekey

请根据服务器按与部署普通证书一样的方法部署

]]>

论如何愉快的建一个网站

本文章所提的任何服务未标注的博主都自己用过

0x00


博主表示建站有些日子了,所以呢,今天就水一篇这样的博文,第一也能帮助刚学建站的同学们,避免像我一样踩一堆坑,第二也算是留个记录

0x01


你需要做的第一件事就是决定买域名和服务器商。

域名


域名买的地方有许多种,如果不想自己的太多信息交个域名服务商的话,选择国外的还是很重要的,如NameSilo就是个不错的选择,当然如果你不在意这些,也不会在网站内扯及敏/感话题的话,国内是最好的选择,毕竟自己能看得懂,国内的话价格相对便宜的我所见到就是西部数码了。 P.S:域名的NS服务商我比较建议Cloudxns. 买域名需要注意到你是否需要备案,在网上查清所买域名后缀是否可以备案。 但我要说的是,如果你不是营销类或公司网站,我建议你还是不要备案了,备案的话会麻烦的多。

服务器


服务器我选的时候有两大标准
1、有ssl支持 2、有钱就使用付费
话虽如此,但这两项你只需要注意第二项,免费的东西虽然不要钱,但你也需需要更大的精力去另辟蹊径免费服务的限制,即使限制较少,但免费的服务的不稳定性是可以肯定的。至于ssl不加目前问题也不大,但ssl确实开始变得流行起来,并且https可以在浏览器上有个小绿锁,而且当你被黑的时候(虽然概率太小了),那就追悔莫及了。 那么接下来会有以下几种可能
静态页面

如果你使用的是静态网站,我建议你忽略第二条要求,因为静态网站付费真的没必要。 我只建议你使用Github P.S:如果你想愉快使用更改Host或者使用PureDNS P.SS:Coding之所以不希望你使用因为实在太贵了 P.SSS:Coding在今年愚人节钱还好着的 P.SSSS:为什么是愚人节 P.SSSSS:为啥这么多S Github我建议配上Cloudflare来添加https P.S:这是我首页的配置,你可以试试看速度 P.SS:用这个网站ssl安全测试还可以A+ P.S:如果你想通过静态页面创建一个博客,我建议使用Hexo,我这有一篇教程你可以看看。点我点我
动态页面

用动态页面一般都是PHP+MySQL,如果你还在用微软的ASP.NET的话我没办法推荐,因为我也没用过。
大陆服务(香港,澳门)

国内服务我建议你去百毒搜搜他的情况,结合搜到的情况,决定你是否使用,当然如果这个是免费的,那这一步没啥关系,毕竟不要钱嘛#滑稽。 我说一下哈,如果你是一个纯粹的新手,则彩虹云主机是个不错的选择,当然,你得有备案
大陆外服务

如果你域名有备案的话,还请你使用大陆服务。 国外服务器主要是未备案的域名,我比较建议你使用香港服务器,速度还说的过去,那我再安利两个 IT派对云这个网站不单有香港服务,还有国内的,这是我博客的服务器 古尔数据这个服务也有国内的,申请免费的需要已经建个站,这个是我统计服务的服务器。

1×0


接下来是选择程序,如果你是使用静态页面,博客直接Hexo,如果是自己写的静态页面,那么你可以过了,会自己写一个静态页面的人,大多善于折腾,那么你看到这可以退出这篇文章了,自己整会的好处很大。 如果是动态页面,看个人喜好,喜好简洁的话typecho就很不错,如果你喜好折腾则WordPress就不错,因为你可以在网上搜到很多有关Wordpress的,Emlog没用过,不给予评价。 如果你是做内容聚合类的网站,Wordpress也是不错的。

1×1


在此我特别说明一下域名解析,一般而言服服提供商都标的很清楚,但你一定要知道CNAME与A的区别

1×2


ssl证书,这点的话,不要钱的比较少,腾讯云西部数码可以免费申请到,而CloudFlare则自动添加。

End


要说的就只有这么多,如果你有什么想补充的或者想说想问的,评论一下呗! ]]>

必应壁纸通过已存文件避免重复获取(三)(结)

0x-1


这破主题太难整PJAX,我整了一周毫无作用,身为一个小白的我心好累

0x01


咱们跨过开头 在上次我们已经将故事存入文档,下面是同时获取图片并保存,咱先看看只获取图片时的代码
<?php
if($_GET['idx']==null){
$_GET['idx']=0;
}
if($_GET['w']==null){
$_GET['w']='1366x768';
}
function bingImgFetch(){
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, 'http://www.bing.com/HPImageArchive.aspx?format=js&idx='.$_GET['idx'].'&n=1');
    curl_setopt($ch, CURLOPT_HTTPHEADER, array(
        'User-Agent: Mozilla/5.0 (Windows NT 6.2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.137 Safari/537.36'
    ));
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    $re = curl_exec($ch);
    curl_close($ch);
    $re = json_decode($re,1);//电脑版返回内容
    return array(
        /* 更改图片尺寸,减小体积 */
        'url' => str_replace('1920x1080',$_GET['w'],$re['images'][0]['url']),
    );
}
$bingimg= bingImgFetch();
$imgurl='https://upyun-bing.woshiluo.dream.ren'.$bingimg['url'];
$url = $imgurl;
Header("Location:$url");
?>
为了统一格式储存进去必须得是统一分辨率,我直接选则1920×1080,因为这个时默认获取值,当然我们不可能再替换一次,所以直接在输出时再增加一个值,就用$re['images'][0]['url']来输出,函数部分就成了这样
function bingImgFetch(){
            $ch = curl_init();
            curl_setopt($ch, CURLOPT_URL, 'http://www.bing.com/HPImageArchive.aspx?format=js&mkt=zh-cn&idx='.$_GET['idx'].'&n=1');
            curl_setopt($ch, CURLOPT_HTTPHEADER, array(
                'User-Agent: Mozilla/5.0 (Windows NT 6.2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.137 Safari/537.36'
            ));
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
            $re = curl_exec($ch);
            curl_close($ch);
            $re = json_decode($re,1);
            return array(
                'url' => str_replace('1920x1080',$_GET['w'],$re['images'][0]['url']),
                'imgurl' => $re['images'][0]['url']
            );
        }

0x02


在结尾增加输出地址,写入部分做出以下更改揪心
$myfile = fopen("./bing.txt", "a") or die("Unable to open file!");
        $all ="<date>".$time."</date>n"."<match id=".$time.">".$match['0']."</match>n"."<url id=".$time.">".$bingimg['imgurl']."</url>n"."<hpla id=".$time.">".$bing['hpla']."</hpla>n"."<add id=".$time.">".$bing['add']."</add>n"."<title id=".$time.">".$bing['title']."</title>n"."<titles id=".$time.">".$bing['titles']."</titles>n"."<more id=".$time.">".$bing['more']."</more>n";
        fwrite($myfile, $all);
        fclose($myfile);
<match>是指到这张图片为止所获取的图片数量

1×01


你觉得都用HTML标签了获取的方法和判断的方法还需要多说吗?直接上代码
<?php
date_default_timezone_set (PRC);#定义时区,我只是担心时区出错导致获取偏差
if($_GET['idx']==null){
$_GET['idx']=0;#没有定义天数则默认为0
}
if($_GET['w']==null){
$_GET['w']='1366x768';#没有定义长与宽,则默认设为1366x768
}
$time= date("20ymd",strtotime('-'.$_GET['idx'].'day'));
$time1= date("20ymd",strtotime('-1 day'));
$text2=file_get_contents('./bing.txt');
if(preg_match('/[<]+date[>]+'.$time.'/',$text2))
{
        preg_match('$(?<=<matchsid='.$time1.'>)(.*?)(?=</match>)$',$text2,$match);#获取总量
        if($match > $idx){#判断是否在可以获取范围内
        preg_match('$(?<=<urlsid='.$time.'>)(.*?)(?=</url>)$',$text2,$url);
        $bing['url']=$url[0];
        $url=str_replace('1920x1080',$_GET['w'],$bing['url']);
        $imgurl='https://cn.bing.com'.$url;
        Header("Location:$imgurl");
        }
}
    else{
        preg_match('$(?<=<matchsid='.$time1.'>)(.*?)(?=</match>)$',$text2,$match);#因为已经获取清楚了之前的,所以这个必然是今天的,用这一段来获取从开始到昨天的所有以被获取的次数
        if($match['0'] < 8){
            $match['0']=8;#因为官方至少可以获取8天,所以这个值不可能小于8
        }
        else{
            $match['0']=$match['0']+1;#大于8加以一
        }
        if($match-1 > $idx){#判断是否在可以获取范围内
        $text=file_get_contents('http://cn.bing.com/cnhp/life?currentDate='.$time);
        preg_match('$(?<=<divsclass="hplatt">)(.*?)(?=</div>)$',$text,$title);
        $bing['title']=$title[0];
        preg_match('$(?<=<spansclass="hplaAttr">)(.*?)(?=</span>)$',$text,$add);
        $bing['add']=$add[0];
        preg_match('$(?<=<divsclass="hplats">)(.*?)(?=</div>)$',$text,$titles);
        $bing['titles']=$titles[0];
        preg_match('$(?<=<divsclass="hplaTtl">)(.*?)(?=</div>)$',$text,$hpla);
        $bing['hpla']=$hpla[0];
        preg_match('$(?<=<divsid="hplaSnippet">)(.*?)(?=</div>)$',$text,$more);
        $bing['more']=$more[0];
        function bingImgFetch(){
            $ch = curl_init();
            curl_setopt($ch, CURLOPT_URL, 'http://www.bing.com/HPImageArchive.aspx?format=js&mkt=zh-cn&idx='.$_GET['idx'].'&n=1');
            curl_setopt($ch, CURLOPT_HTTPHEADER, array(
                'User-Agent: Mozilla/5.0 (Windows NT 6.2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.137 Safari/537.36'
            ));
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
            $re = curl_exec($ch);
            curl_close($ch);
            $re = json_decode($re,1);
            return array(
                'url' => str_replace('1920x1080',$_GET['w'],$re['images'][0]['url']),
                'imgurl' => $re['images'][0]['url']
            );
        }
        $bingimg= bingImgFetch();
        $imgurl='https://cn.bing.com'.$bingimg['url'];
        $url = $imgurl;
        $myfile = fopen("./bing.txt", "a") or die("Unable to open file!");
        $all ="<date>".$time."</date>n"."<match id=".$time.">".$match['0']."</match>n"."<url id=".$time.">".$bingimg['imgurl']."</url>n"."<hpla id=".$time.">".$bing['hpla']."</hpla>n"."<add id=".$time.">".$bing['add']."</add>n"."<title id=".$time.">".$bing['title']."</title>n"."<titles id=".$time.">".$bing['titles']."</titles>n"."<more id=".$time.">".$bing['more']."</more>n";
        fwrite($myfile, $all);
        fclose($myfile);
        Header("Location:$url");
        }
    }
?>
另外把修改前的代码放出来
<?php
if($_GET['idx']==null){
$_GET['idx']=0;
}
if($_GET['w']==null){
$_GET['w']='1366x768';
}
function bingImgFetch(){
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, 'http://www.bing.com/HPImageArchive.aspx?format=js&idx='.$_GET['idx'].'&n=1');
    curl_setopt($ch, CURLOPT_HTTPHEADER, array(
        'User-Agent: Mozilla/5.0 (Windows NT 6.2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.137 Safari/537.36'
    ));
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    $re = curl_exec($ch);
    curl_close($ch);
    $re = json_decode($re,1);//电脑版返回内容
    return array(
        /* 更改图片尺寸,减小体积 */
        'url' => str_replace('1920x1080',$_GET['w'],$re['images'][0]['url']),
    );
}
$bingimg= bingImgFetch();
$imgurl='https://upyun-bing.woshiluo.dream.ren'.$bingimg['url'];
$url = $imgurl;
Header("Location:$url");
?>


这个部分愣是让我水了3周。各位大神轻喷,我只是个小白,若有不对请指出。 ]]>

将必应壁纸获取值存文档(二)

0x00


接上篇,既然已经有了故事,那么就应带获取对应时间,为了跟原获取图片对应,所以继续使用idx这个值来确定获取idx天前的图片,由于必应的网页用的是年月日的结构来获取的,比如20170701获取今天的是日期是$time= date("20ymd");,昨天的是$time= date("20ymd",strtotime('-1 day'));那就很简单了 $time= date("20ymd",strtotime('-'.$_GET['idx'].'day')); 然后把$text=file_get_contents('http://cn.bing.com/cnhp/life');改成 $text=file_get_contents('http://cn.bing.com/cnhp/life?currentDate='.$time);即可 也就是说获取代码为
<?php
date_default_timezone_set (PRC);
if($_GET['idx']==null){
$_GET['idx']=0;
}
$time= date("20ymd",strtotime('-'.$_GET['idx'].'day'));
   $text=file_get_contents('http://cn.bing.com/cnhp/life?currentDate='.$time);
    preg_match('$(?&lt;=\&lt;div\sclass=\"hplatt\"\&gt;)(.*?)(?=\&lt;\/div\&gt;)$',$text,$title);
    $bing['title']=$title[0];
    preg_match('$(?&lt;=\&lt;span\sclass=\"hplaAttr\"\&gt;)(.*?)(?=\&lt;\/span\&gt;)$',$text,$add);
    $bing['add']=$add[0];
    preg_match('$(?&lt;=\&lt;div\sclass=\"hplats\"\&gt;)(.*?)(?=\&lt;\/div\&gt;)$',$text,$titles);
    $bing['titles']=$titles[0];
    preg_match('$(?&lt;=\&lt;div\sclass=\"hplaTtl\"\&gt;)(.*?)(?=\&lt;\/div\&gt;)$',$text,$hpla);
    $bing['hpla']=$hpla[0];
    preg_match('$(?&lt;=\&lt;div\sid=\"hplaSnippet\"\&gt;)(.*?)(?=\&lt;\/div\&gt;)$',$text,$more);
    $bing['more']=$more[0];
?>

0x01


既然已经获取了故事,就把获取的东西存入同目录的bing.txt文件里 通过fopen()fwrite()可以很轻松的实现这一项,通过类似html标签的方法写入,通过id说明日期,所以这一区域的代码如下
$myfile = fopen("./bing.txt", "a") or die("Unable to open file!");
$all ="<date>".$time."</date>\n"."<match id=".$time.">".$match['0']."</match>\n"."<url id=".$time.">".$bingimg['imgurl']."</url>\n"."<hpla id=".$time.">".$bing['hpla']."</hpla>\n"."<add id=".$time.">".$bing['add']."</add>\n"."<title id=".$time.">".$bing['title']."</title>\n"."<titles id=".$time.">".$bing['titles']."</titles>\n"."<more id=".$time.">".$bing['more']."</more>\n";
fwrite($myfile, $all);
fclose($myfile);

在等等还有一篇,我先研究研究PJAX

]]>

必应壁纸获取对应故事(一)

0x-1


大家好我是半夜打博文的SB博主,话说新疆真没有春天啊,4月低还在10~0度徘徊呢,五月初就上20度了。你们的懒癌晚期博主只能在家里没事找事。

0x00


一个无聊的下午,博主放学回家更同学浪了一会回家后还没到6点,不想看书不想码字,然后就搜搜看看小马宝莉是不是出了新一季(什么鬼),结果没有,又去Bilibili(什么鬼x2)……实在不想干啥然后看起了必应壁纸,突然发现必应壁纸的故事也挺好的,转念一想,干脆写个网页吧 #1

0x01


跟写壁纸借口一样,先找到官方接口,然而,完全没有,最后在http://cn.bing.com/cnhp/lifecurrentDate=20170505&IID=SERP.5045&IG=B06DB1B2350E43BBA4EE1C3EE38C6C1E #2找到了网页,这……不管了先简化网址, http://cn.bing.com/cnhp/life?currentDate=[date][date]=你所要查询的日期。 #3

0x02


光有网页咋找呢,js什么的我一点都不知道,于是我在找到了正则式匹配,代码就成了这样
//获取题目
        preg_match('$(?<=\<div\sclass=\"hplatt\"\>)(.*?)(?=\<\/div\>)$',$text,$title);
        //存入 $bing 二维数组
        $bing['title']=$title[0];
        //获取地点
        preg_match('$(?<=\<span\sclass=\"hplaAttr\"\>)(.*?)(?=\<\/span\>)$',$text,$add);
        $bing['add']=$add[0];
        //获取主标题
        preg_match('$(?<=\<div\sclass=\"hplats\"\>)(.*?)(?=\<\/div\>)$',$text,$titles);
        $bing['titles']=$titles[0];
        //获取副标题
        preg_match('$(?<=\<div\sclass=\"hplaTtl\"\>)(.*?)(?=\<\/div\>)$',$text,$hpla);
        //获取详细介绍
        $bing['hpla']=$hpla[0];
        preg_match('$(?<=\<div\sid=\"hplaSnippet\"\>)(.*?)(?=\<\/div\>)$',$text,$more);
        $bing['more']=$more[0];
既然已经获取到了,直接输去就行,不过博主可不是那么容易了事的人,自然还要再折腾,后面会咋折腾,就请看下一篇吧。 ]]>

Kartos主题为首页特色图片添加LightGallery特效

起因


再看Halyul博客时发现了LightGallery这个有趣的东西,然后我一想,添加到首页的特色图片看起来应该不错,然后就开始了为其3天的折腾 请务必将从官网下载下来的LightGallery中的/demo/js文件夹与 /lib文件夹放到博客根目录下

0X01


按照网上的帮助文档代码应该是这个样子的
 <div class="demo-gallery">
            <ul id="lightgallery" class="list-unstyled row">
                <li data-responsive="#图片链接" data-src="#图片链接" data-sub-html="#介绍部分">
                    <a href="">
                        <img class="img-responsive" src="#图片链接">
                    </a>
                </li>
            </ul>
        </div>
        <script type="text/javascript">
        $(document).ready(function(){
            $('#lightgallery').lightGallery();
        });
        </script>
        <script src="//cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js">
        <script src="js/lightgallery.js"></script>
        <script src="js/lg-fullscreen.js"></script>
        <script src="js/lg-thumbnail.js"></script>
        <script src="js/lg-video.js"></script>
        <script src="js/lg-autoplay.js"></script>
        <script src="js/lg-zoom.js"></script>
        <script src="js/lg-hash.js"></script>
        <script src="js/lg-pager.js"></script>
        <script src="../lib/jquery.mousewheel.min.js"></script>
那么应该先在主题目录中的index.php找到文章循环,然而循环呢???说好的循环呢,后来发现里头有这一行
    get_template_part('content', get_post_format());
会不会在content.php文件里?

0X02


好吧,确实是在content.php文件,如果是这样的话找到图片的class标签,然后就可以了,在 F12 中,我找到了class标签就是kratos-entry-thumb-new然后在div中只有这样一行<?php kratos_blog_thumbnail_new() ?>这估计是在functions.php里的kratos_blog_thumbnail_new() 函数,在这个函数的代码在 functions.php 代码如下
function kratos_blog_thumbnail_new() {
    global $post;
    $img_id = get_post_thumbnail_id();
    $img_url = wp_get_attachment_image_src($img_id,'kratos-entry-thumb');
    $img_url = $img_url[0];
    if ( has_post_thumbnail() ) {
        echo '<a href=""><img src="'.$img_url.'" /></a>';
    } else {
        $content = $post->post_content;
        $img_preg = "/<img (.*?) src=\"(.+?)\".*?>/";
        preg_match($img_preg,$content,$img_src);
        $img_count=count($img_src)-1;
        $img_val = $img_src[$img_count];
        if(!empty($img_val)){
            echo '<a href="<?php the_permalink() ?>"><img src="'.$img_val.' "class="img-responsive"/></a>';
        } else {
             echo '<a href="<?php the_permalink() ?>"><img src="'. kratos_option('default_image') .'" /></a>';
        }
    }
}
第一个if应该是在判断是否有特色图片,我这么点云服务器空间,特色图片又不能用外链,谁用啊,第二个应该是文章中有没有图片这个是要加的,最后都不符合的就该是使用Kratos主题设置你的图片了,最后两个都得加特效那么就将这个函数改为如下。
function kratos_blog_thumbnail_new() {
    global $post;
    $img_id = get_post_thumbnail_id();
    $img_url = wp_get_attachment_image_src($img_id,'kratos-entry-thumb');
    $img_url = $img_url[0];
    if ( has_post_thumbnail() ) {
        echo '<a href=""><img src="'.$img_url.'" /></a>';
    } else {
        $content = $post->post_content;
        $img_preg = "/<img (.*?) src=\"(.+?)\".*?>/";
        preg_match($img_preg,$content,$img_src);
        $img_count=count($img_src)-1;
        $img_val = $img_src[$img_count];
        if(!empty($img_val)){
            echo '<li data-responsive="'.$img_val.'" data-src="'.$img_val.'" ><a href=""><img src="'.$img_val.' "class="img-responsive"/></a></li>';
        } else {
             echo '<li data-responsive="'. kratos_option('default_image') .'" data-src="'. kratos_option('default_image') .'" ><a href=""><img src="'. kratos_option('default_image') .'" /></a></li>';
        }
    }
}

0X03


接下来是完成JS代码的添加,我对JS代码毛都不知啊,没办法,解决一点是一点。 先把图片后面的JS进行添加,这样的话,就该将content.php里从39行一直到下一个div标签中的代码改成这样
<?php } if($listlayout == 'new_layout'){ ?>
<div class="kratos-entry-border-new clearfix">
    <div class="kratos-entry-thumb-new">
        <div class="demo-gallery" id="lightgallery<?php the_ID(); ?>">
        <?php kratos_blog_thumbnail_new() ?>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#lightgallery').lightGallery();
        });
        </script>
        <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script>
        <script src="/js/lightgallery.js"></script>
        <script src="/js/lg-fullscreen.js"></script>
        <script src="/js/lg-thumbnail.js"></script>
        <script src="/js/lg-video.js"></script>
        <script src="/js/lg-autoplay.js"></script>
        <script src="/js/lg-zoom.js"></script>
        <script src="/js/lg-hash.js"></script>
        <script src="/js/lg-pager.js"></script>
        <script src="../lib/jquery.mousewheel.min.js"></script>
如果你的网站提示jQuery not found或类似错误,请在header.php中添加
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
然后将css文件引用,同样在header.php中添加如下代码
<link href="https://cdn.bootcss.com/lightgallery/1.3.9/css/lightgallery.css" rel="stylesheet">

0X04


你以为就这么完了?,不可能,可能我还要去问追梦人虽然他还没回答我我就整好了 F12中发生如下错误
Uncaught TypeError: $(...).lightGallery is not a function
    at HTMLDocument.<anonymous> ((index):344)
    at mightThrow (jquery.js:3570)
    at process (jquery.js:3638)
什么鬼???(黑人问号脸.jpg) 在本地发现不能多次加载$('#lightgallery').lightGallery();,这样一来就只能加载形如$('#lightgallery'+数字).lightGallery();的办法了,并且div中id也得变成 lightgallery+数字,数字不能重复,如果这样的话,通过毫秒也无法避免重复的可能性,想一下,wordpress不是有Post ID吗?这玩意是唯一的啊,这样一来只需往lightgallery后面加上<?php the_ID(); ?>就行了

0X05

然而问题依旧没有解决,在结合搜索引擎后,我将如下代码
<script type="text/javascript">
        $(document).ready(function(){
            $('#lightgallery<?php the_ID(); ?>').lightGallery();
        });
        </script>
改成了如下
<script type="text/javascript">
        $(document).ready(function($){
            $('#lightgallery<?php the_ID(); ?>').lightGallery();
        });
        </script>
问题就神奇的解决了

0X06


基本功能完成,特效还是得有的往,header.php文件添加如下代码,可以让鼠标移到时对图片进行放大并去掉li标签中的点
li{
                list-style-type:none;
                margin:0px;
            }
           .demo-gallery >  li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
            }
            .demo-gallery > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery >  li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery >  li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery >  li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery >  li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > li a {
              border: 3px solid #04070a;
            }

结束


漫长的折腾路终于完成了,不过大家还可以基于此继续修改,对于之前的教程,我有可能会进行重编,不过我会尽可能让博客多出一些干货的。 ]]>

那些鲜为人知却很好用的东西:第二篇

(竟然有第二篇?) 隐启动器: 神奇的办法,#*#*6201*#*#*? Play链接:https://play.google.com/store/apps/details?id=kh.android.secretlauncher 一个木函: 好东西 酷安链接:http://www.coolapk.com/apk/com.One.WoodenLetter Pure天气: 只在酷安活跃,所以人较少 酷安链接:http://www.coolapk.com/apk/hanjie.app.pureweather 便签: MD风格,我只能说“#66CCFF” 酷安链接:http://www.coolapk.com/apk/xyz.hanks.note ]]>

百度云限速

百度云限速大家有目共睹了这次我下大鱼海棠,更是限速限的不让下,那么,就说说破解办法吧 Windows端: IDM绿色版http://nocups.woshiluo.dream.ren/doc/Idm/IDMxialzwiqi.zip 春晚合集http://pan.baidu.com/s/1qXYubwg 使用Chrome浏览器,安装这个插件 http://tampermonkey.net/ 随后安装这个脚本 https://greasyfork.org/zh-CN/scripts/23635 然后的步骤上视频 [plyr poster=”https://cups.woshiluo.dream.ren/doc/png/woshiluo-Windows-baiduyun.png”]https://cups.woshiluo.dream.ren/doc/video/woshiluo-Windows-%E7%99%BE%E5%BA%A6%E4%BA%91.mp4[/plyr] 安卓端: UA是[kbd]{netdisk;3.0.0;A0001;android-android;5.1.1}[/kbd] 还是要软件,来自基安 山寨云:http://www.coolapk.com/apk/com.downloading.main.baiduyundownload Advanced Download Manager Pro(俗称ADM,和IDM作用差不多)http://www.coolapk.com/apk/com.dv.adm.pay 然后上视频 [plyr poster=””]https://cups.woshiluo.dream.ren/doc/video/woshiluo-A-%E7%99%BE%E5%BA%A6%E4%BA%91.mp4[/plyr] 注意事项: 1、Windows端建议使用批量链接 2、如果是安卓,使用山寨云是请多试试几个链接,有的快有的慢。 3、建议通过此方法下载东西不要超过10G,容易被彻底限速,那样就没办法了。 4、安卓上的UA有很多,大伙可以去找找其他的,有可能效果更好,乱打一通有的时候也能提速 5、能交钱就交钱,毕竟大家这么多人使用百度云,百度能力再大也没办法照顾这么多人,还有别用百度云干坏事#滑稽。 ]]>

从Via更新说起

Via一款极简的浏览器,最近却发生一次页面大改版。 这像极了UC浏览器,我们曾经因为UC的臃肿去找一个极简的软件,Via开始的一个简单的菜单,没有那么多华丽的外观才是我们想要的,可是一款软件为了走向大众,却必须要华丽的外观,我们大家都知道这样改版适应更多人,可毕竟Via的极简才是我们选择他的原因不是吗?大多数人所追求的华丽的外观,得有人去改变,一个30MB的浏览器,一个几乎万能的浏览器,已经不再是一个浏览器了,它变成了一个新闻聚合的地方,可我们要的浏览功能却被逐渐忽视了。 没人去管,那我们就要管。 附件:Via浏览器老版本共存版:https://cups.woshiluo.dream.ren/doc/vib.apk ]]>