博文

Blogger 使用 instantpage & instantclick

instant.page 是 InstantClick 作者 Alexandre Dieulot 重新编写的一个轻量(202 行代码)和易用的预加载脚本 1 。 instant.page 只会预加载 HTML 文件,所以引用 instant.page 对网页其他的 JS 脚本大部分无影响,可以无痛接入 Blogger 模板。这是相对于 InstantClick 的一个优点,同时,它也保留 data-no-instant 属性,在 Blogger 中使用要变为 data-no-instant="data-no-instant" 。 它的使用很简单,在 </body> 标签前引用 instantpage.js 脚本文件即可。 < script crossorigin = ' anonymous ' defer = ' defer ' integrity = ' sha384-Ru9Gb9wm9FHKVnt9FvZ+Kvu+IKmrX/Dw0ncsVaTA8QxI8Jy9m+79lY2IlLwQCJcq ' src = ' https://lib.baomitu.com/instant.page/latest/instantpage.min.js ' /> 以下为文章旧内容,仅作参考。 什么是 InstantClick.js 在访客点击一个链接的步骤是:鼠标悬停(mouseover)、按下(mousedown)与点击(click)。在事件之间通常有 200ms~300ms 的间隔,InstantClick.js 是利用鼠标点击链接时的短暂瞬间完成预加载动作,从而实现了网页迅速加载的错觉。 项目详情及官方文档: http://instantclick.io/ (英文) 中文文档: 点此 InstantClick.js 使用 在 </body> 标签前插入 < script data-no-instant = ' data-no-instant ' src = ' http://lib.baomitu.com/instantclick/3.0.1/instantclick....

Blogger多说评论代码正确安装

图片
为Blogger插入多说评论框,亲测成功。 1. 获取多说代码 登陆多说后台——工具——获取代码——通用代码 <!-- 多说评论框 start --> <div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div> <!-- 多说评论框 end --> <!-- 多说公共JS代码 start (一个网页只需插入一次) --> <script type="text/javascript"> var duoshuoQuery = {short_name:"替换成你的多说short_name"}; (function() { var ds = document.createElement('script'); ds.type = 'text/javascript';ds.async = true; ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js'; ds.charset = 'UTF-8'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds); })(); </script> <!-- 多说公共JS代码 end --> 2. 修改代码 多说评论框: <!-- 多说评论框 start --> <div class="ds-7thread" data-thread-key=...

《哈佛谈判心理学》( winning from within)阅读笔记

作者举了马克与拉菲克两个例子,马克不能控制住自己的情绪,经常跟自己的上司发生争吵,一次一次在那些火药味爆发的时刻无法保持冷静。而来自巴基斯坦的拉菲克想向母亲诚实地坦白他留在美国的计划,因为他爱上了一位来自美国中西部的女孩斯黛西,但只是含含糊糊透露一点点的这层意思,但一直并未合理地解释原因,以买机票来拖延这个问题。 这就是“应该说什么”和“实际上到底如何做”的两个反例,心里想的很好,结果实际操作上出现了偏差,这就是所谓的“表现落差”。 作者在一次哈佛夏季谈判教育执行项目授课的研讨会中,其中有一个环节是一对三的指导(类似我们这边的小班教学),作者小组成员有一个是来自最高法院的大法官,他的问题是不能“50年来我的妻子每天都习惯为我挑选领带”,而这位法官是不愿意这样的,但迟迟未向妻子说出他的意见。 很显然,正如马克和拉菲克一样,反复的行为练习已经无法在这个问题上为大法官带来帮助。对行为的关注无法带来持久的改变。解决的方法应该是从内心做出改变。但我们不能完全抛却反复练习,对于我来说,反复练习是一种好用的通用的解决一般问题的方法。 无论你是多成功的人,都难免会出现表现落差(南辕北辙)。大多数人认为解决问题的答案是学习新的技能,但答案并不是——至少不是光靠技能本身。我们所需要的并不是一个更好的工具。 学习技能并不意味着这些技能可以转换为实际的能力。我们需要激活精神层面上的东西以便让自己更地好利用这些技巧。如果我们可以做到这一点,在行动上就会有新的改变。如果做不到,只要压力一大,或是代价稍高,我们还是会重蹈覆辙。 我们产生表现落差的原因就是对自我认识不够全面,自己会刻意忽略某些方面,以致于有些自我面被隐藏,进而反应到现实生活中,就是遇到状况时不能合理地解决。所以解决的方法就是重新找出隐藏面,作者的原话是——“扩充自我的定义”。 作者举了一个案例,乔安娜是一家国有保险公司的销售经理,错失了两次晋升的机会,虽然她的工作做得很好,原因是她的团队不愿和她一起工作。作者问乔安娜对自我的认知时,乔安娜把自己描述成一个友善、有目标、高标准完成任务的人,但她的下属却不是这样认为,他们认为乔安娜是一个具有强烈“霸权”意识的人,和她一起工作很糟糕。不过乔安娜却一直不肯接受这个事实。若想得到晋升的机会,乔安娜就必需要解决这个问题。在这之前她会寻求各种借口来逃避她。 消除表现误差的第一步就...

自定义搜索引擎

软件搜索 视频资源搜索 写作素材搜索

Blogger 国内访问心得

图片
谨以此篇记下我的这几天来的折腾。首先申明,我是一个外行,倒腾的东西可能不入您的法眼,这也无可厚非。不过我想这篇文章应该能对一些想用 Blogger 写博客的人带来帮助。 一、为什么用 Blogger? Google 在全球各地的数据中心能够保证一流的访问速度 免费使用,免备案,无审查 可以添加 Google 广告 Blogger 模板自定义程度高 自定义第三方域名后,可实现国内访问 只需要一个域名,再对博客模板进行国内访问优化,我们就可以开始 Blogger 之旅了。 Blogger 的缺点 不过在此,我要多说一句,Blogger 国内访问使用的 IP 有可能经常被墙,所以使用过程,少不了一些折腾。目前我所认识的使用 Blogger 的博主们的网站还算稳定。 现在我已经使用快两年了,IP 一直很稳,至少在我这边,访问速度非常快。且,如果 Blogger 服务器 IP 都被墙了,我们还有两种方法让博客继续访问。 使用 Cloudflare CDN 使用服务器反向代理 Blogger 还有一个缺点,如果你想给你的博客加上一些功能的话。 你得去学习 Blogger 模板的特定语法; 你可能要学习 Javascript 的基本知识。 所以,如果你想要加入 Blogger,请先想一想其中的优缺点再做决定。 二、国内使用 Blogger 攻略 1. 域名 当你用 Blogger 创建一个博客时,你会得到一个 xxxx.blogspot.com 的二级域名,因为 blogspot.com 已经被墙了,所以我们仅仅是这样,是不能访问自己的博客的。好在,Blogger 允许我们绑定第三方域名,绑定之后,我们就可以在国内访问自己的博客了。 ① 怎么操作呢? 在「设置-基本-发布-博客地址」中添加「第三方网域」,即可。 ② 域名去哪里买呢? 这个时候,你就需要拥有一个域名了。域名购买是你使用 Blogger,唯一需要花费的事项。如果你没有域名,建议去 namesilo 购买,价格稳定,注册和续费便宜,提供终生免费的 Whois Privacy 服务(可保护你的隐私),支持支付宝,新注册用户有一美元优惠。 下面是我的优惠码,使用该优惠码,你会得到一定的折扣,我也可以得到一点佣金。 优惠码 1:rufeng 优惠码 2...

我的博客变迁

在这里记录博客变迁! 2016年08月15日: 从 Typecho 转向 Blogger 使用 Jaz Zhao 的重制的模板 2017年04月1日: blogger又添加了一些漂亮的模板,我使用了其中的Contempo模板,将其改成国内可访问 2017年06月28日: 给博客加上了小绿锁,利用 cloudflare 完成 2017年07月25日 优化了博客的访问速度 2018年07月14日 利用 DNS 设置为 Blogger 自定义域博客启用 https 2018年08月03日 用 Gitalk 替换 Livere 为博客新的评论系统; 使用 turbolinks.js 和 vanilla-lazyload.js 加快网站速度和浏览体验 使用新浪图床接口制作缩略图,解决 Blogger 自带模板缩略图无法访问问题 2019年05月03日 使用 jsDelivr CDN 加速 Github 仓库的图片,以作为博客的图床

如何屏蔽网页弹窗和视频广告?

此文的目的是为了优化大家上网的体验。 浏览网页时,观看视频时,总有烦人的广告弹出。虽说网站主要靠投放的广告来盈利,不过有的网站的广告真是密集且低级趣味。像爱奇艺、优土的广告也是巨长,如何跳过广告,直接看视频呢? Adblock Plus Adblock Plus是一款屏蔽广告的浏览器插件,支持chrome,firefox。你可以向其添加【 过滤列表 】,用来屏蔽广告。这些过滤列表基本上是一套广泛的规则集,告诉它 Adblock Plus 要屏蔽哪些网站元素。 下载地址: Adblock Plus - Chrome 网上应用商店 Adblock Plus :: Firefox 附加组件 - Add-ons Adblock Plus官网 JoeySpace 这里给你提供了三种规则过滤列表: EasyList China+EasyList: http://easylist-downloads.adblockplus.org/easylistchina+easylist.txt Malware Domains: http://easylist-downloads.adblockplus.org/malwaredomains_full.txt EasyPrivacy: http://easylist-downloads.adblockplus.org/easyprivacy.txt 对于一些你喜欢的个人博客,网站博主建议可以将他们的网站域名加入白名单。 ADM阿呆喵 阿呆喵是一款免费且功能强大的广告拦截软件。尤其可以过滤视频广告,上面的ABP的痛点, 清测爱奇艺可以跳过广告直接播放视频。支持windows,linux,macosx,android 版本。 官方地址: http://www.admflt.com 使用方法:就是直接点击运行后就可以不管他了。 广告快走开:AdAway AdAway是一款基于hosts文件的Android屏蔽软件,同时hosts文件列表由开源组织进行维护,时刻保持最新信息。 【分享一下网友使用adaway的方法】 注:本文只是本人使用该软件的过程,并非标准说明书,仅供参考。 1.第一次打开adaway,同时给予root权限。 2.按菜单键(或点击右上角的┇)进入菜单,关闭检查更新,打开隐藏重...