发表于 | 分类于 | | 阅读次数 
1
2
3
4
5
6
7
8
9
// 滑动滚动条
$(window).scroll(function(){
// 滚动条距离顶部的距离 大于 200px时
if($(window).scrollTop() >= 200){
$(".scroll_top").fadeIn(1000); // 开始淡入
} else{
$(".scroll_top").stop(true,true).fadeOut(1000); // 如果小于等于 200 淡出
}
});

发表于 | 分类于 | | 阅读次数

多说服务关闭后的替代方法

转载 https://www.sfantree.com/duoshuo2neteasygentie/
更新记录
1.20160321 初次成文

为什么有这篇文章

多说在官网中正式宣布关闭服务的截止日期。

因公司业务调整，非常遗憾的向大家宣布多说项目即将关闭。 我们将于2017年6月1日正式关停服务，在此之前您可以通过后台的数据导出功能导出自己站点的评论数据。 对此给您造成的不便，我们深表歉意，感谢您的一路相伴。

想保留评论的站长必须在2017年6月1日之前做出选择。

钦定继任者

这次我选择了网易云评论，并且支持原多说评论导入。
网易云跟帖
注册的流程就不多说，主要是拿到评论代码。进到后台管理->获取代码->通用代码

1
2
3
4
5
6
7
8
9
10
<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
<script>
  var cloudTieConfig = {
    url: document.location.href, 
    sourceId: "",
    productKey: "a29efb1f78294efe9fa290441099c269",
    target: "cloud-tie-wrapper"
  };
</script>
<script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>

@(productKey)类似于之前的duoshuo shortname，sourceId类似于thread key

以下以我博客的next主题为例

修改layout/_partials/comments.swig

1
2
3
4
5
6
7
8
9
10
11
12
{% if page.comments %}
<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
<script>
  var cloudTieConfig = {
    url: document.location.href, 
    sourceId: "｛｛ page.path ｝｝",
    productKey: "$(你自己的key)",
    target: "cloud-tie-wrapper"
  };
</script>
<script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>
{% endif %}

重新hexo clean && hexo g你会看到网易跟帖的评论框。
评论迁移

多说提供了导出评论的功能，网址格式为 $(your_duoshuo_shortname).duoshuo.com/admin/tools/export/

勾选包含文章数据 包含评论数据导出一个zip格式的压缩包，注意不要解压。

这时打开网易云的后台，数据管理 -> 数据导入，将刚刚的文件上传，刷新便可以看到同步后的评论

最终的效果可以看看我博客的友情链接

发表于 | 分类于 | | 阅读次数

####hexo博客换电脑之后配置
转载：嵇小康的博客just for fun

换了电脑，原来搭建在旧电脑上的静态博客怎么办呢。最近遇到了这个问题，也去网上搜了一些教程，但是什么方法都有，比较乱，看到很多人也有这个疑问，就写篇博客方便后来人。
如果旧电脑还能开机，或者已经把原来博客的文件夹复制出来了的话，最简单的迁移博客的办法如下：

step1:安装node.js
step2：安装git for windows
step3：配置git，配置环境变量，输入账号密码,并生成新的ssh

1
2
3
git config --global user.name "HuGen"
git config --global user.email "LoveHuGen@126q.com"
ssh-keygen -t rsa -C "LoveHuGen@126q.com"

step4:将生成的ssh公钥复制到github的settings里面的ssh选项里去
step5：安装hexo，

1
npm install hexo-cli -g

step6：将原来电脑的文件夹复制到新电脑,只需复制_config.yml，theme/，source/，scaffolds/，package.json，.gitignore即可
step7:直接git bush运行

1
npm install

step8:安装插件

1
2
3
npm install hexo-deployer-git --save //hexo d部署到git插件
npm install hexo-generator-feed --save  //RSS订阅插件
npm install hexo-generator-sitemap --save //站点地图插件

接下来直接hexo g hexo d试一下是否成功。

1
2
hexo g
hexo d

发表于 | 分类于 | | 阅读次数

图片延迟加载（懒加载）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智能社--http://www.zhinengshe.com</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        li{
            width: 300px;
            height: 300px;
            float: left;
            margin: 20px;
            border: 1px solid #000;
        }
        li img{
            width: 100%;
        }
    </style>
    <script>
        function getPos(obj){
            var l=0;
            var t=0;
            while(obj){
                l+=obj.offsetLeft;
                t+=obj.offsetTop;

                obj=obj.offsetParent;
            }
            return {left: l, top: t};
        }
        window.onload = function () {
            var oUl=document.getElementById('ul1');
            var aImg=oUl.getElementsByTagName('img');

            window.onscroll=function(){
                // 滚轮滚动的距离
                var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;
                // 可视区高度
                var clientH=document.documentElement.clientHeight;
                var scollBottom=scrollTop+clientH;

                for(var i=0; i<aImg.length; i++){
                    var oTop=getPos(aImg[i]).top;

                    if(scollBottom>=oTop){
                        aImg[i].src=aImg[i]['_src'];
                    }
                }
            };
        };
    </script>
</head>
<body>
<ul id="ul1">
    <li><img _src="cat/1.jpg"></li>
    <li><img _src="cat/2.jpg"></li>
    <li><img _src="cat/3.jpg"></li>
    <li><img _src="cat/4.jpg"></li>
    <li><img _src="cat/5.jpg"></li>
    <li><img _src="cat/6.jpg"></li>
    <li><img _src="cat/7.jpg"></li>
    <li><img _src="cat/8.jpg"></li>
</ul>
</body>
</html>