Free vpn in Japan, Run!!

18 Dec 2011

VPN 爆破

据悉,这个 VPN 是日本公司专门为到中国旅行的日本人提供,由于中国网络的特殊状况,这对来华旅游、经商的外籍人士不能通过 Facebook,Twitter 来联络朋友感到非常​不便。所以 VPN 不仅对中国人来说是上网必备的东西,而且对外国人也是如此。

网站主页在 这里,这个 VPN 是完全免费的 ^^

注册

首先需要注册一个免费账号,虽然网站是日文的,但注册流程很简单,使用邮箱注册,流程如下图:

之后会有一封激活邮件,点击激活

最后会有一封注册完成邮件,里面是用户名和密码

设置

PPTP VPN 服务器:49.212.48.199

用户名:注册的邮件地址

密码:邮件中

如果不会新建 VPN 服务器,请参考下列博文:

下面就开始你的 Free vpn 之旅吧 ^^ 千万不要跟小日本客气哦

>>> 美博园(need FQ)


最终兵器:弓

08 Dec 2011

影片以丙子胡乱(1636.12-1637.1)为历史背景,在仁祖反正时期被冠以逆贼头衔的父亲不堪屈辱而自尽,失去父亲的兄妹俩千辛万苦逃了出来,但妹妹慈仁与管家不慎被清兵劫为人质,而哥哥岚彝不畏艰险凭借射箭绝技对妹妹展开了救援。

看点

  • 箭术
  • 树林追逐战
  • 满语
  • 亲情

观后感

  • 弓箭上刻着"前推泰山,发如虎尾"八个字,犀利
  • 恐惧,只要敢于直视就能去战胜;风,不是用来计算的,而是需要克服的

>>>最终兵器:弓(YYeTs)


HTML5 学习计划

08 Dec 2011

保持一颗对技术的痴迷,开始HTML5的学习

根据蔡学庸老师的学习经验,最简单且免费的方式是,先到 W3Schools 看相关的线上教材,看完之后大概都能够有相当不错的基础了。然后细节的部份再到 W3C(或者 WHATWG)看相关的 Spec。


Disqus 我的评论我做主

07 Dec 2011

为什么使用 Disqus

  • Disqus 提供免费服务,作为一个初涉Blog的虾米,再适合不过了~
  • 它可以统一管理很多个网站的评论,还可以做一些统计
  • 对于那些痛恨的 spam ,DisQus 也可以拦截

Step1

注册 Disqus 帐号,用邮箱注册下就可以了,注册需要填写:Site URL,Site Name,Site Shortname

注意:这3个都是必须要填写的,而且,短域名将会在最后的 install 中使用到

Step2

接下来会有一些简单的设置,比如语言;如果你有一些社交化工具,例如 twitter,也可以填上;还有一些评论的选项,例如过滤垃圾评论,回调评论等

Step3

安装,因为没有用到插件安装,所以选择最下面的 Universal Code ~所谓安装,其实就是将一段 js 代码嵌入到你的博客源代码里面

在开始之前,你需要确认:

1. 已经注册了 Disqus
2. 有权限编辑网站上的代码
3. 获取你的短域名,就是上面说的那个 Shortname

Step4

获取 js 代码。DisQus 已经为我们生成了这样的一段代码:

 1  
 2 <div id="disqus_thread"></div>
 3 <script type="text/javascript">
 4     /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
 5     var disqus_shortname = 'example'; // required: replace example with your forum shortname
 6 
 7     /* * * DON'T EDIT BELOW THIS LINE * * */
 8     (function() {
 9         var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
10         dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
11         (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
12     })();
13 </script>
14 <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
15 <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>

只需按照代码中的提示将 ‘example’ 替换为你的 Shortname ,然后将它嵌入到所需页面中,通常是 /layout/post.html ,自此成功^..^

添加评论计数到首页

首先,添加下面的 js 代码到首页模板(default.html)</body>

 1 <script type="text/javascript">
 2   /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
 3   var disqus_shortname = 'example'; // required: replace example with your forum shortname
 4 
 5   /* * * DON'T EDIT BELOW THIS LINE * * */
 6   (function () {
 7       var s = document.createElement('script'); s.async = true;
 8       s.type = 'text/javascript';
 9       s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
10       (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
11   }());
12 </script>

然后,在首页需要添加评论的地方,写一个链接,href 的属性值为 {{ post.url }}#disqus_thread,Disqus 将会通过 URL 获取评论数

>>>The Disqus Web API

添加最近评论到首页(新版上面找不到了)

登录到你的Disqus,选择 Admin → Tools → code,提供了几种 Widgets 插件:

  • Combination(组合式)
  • Recent Comments(近期评论)
  • Popular Threads(热门话题)
  • Top Commenters(最近评论人)

该工具可以根据用户设置的参数生成代码,然后粘贴到首页即可。

>>>Disqus Widget


Pagination 分页

06 Dec 2011

有 Web 的地方,就一定会有分页,无论是 MySql 的 limit 语句,还是 js 脚本,对分页的讨论就是两个词"速度、简单"。

Step1

在 _config.yml 中添加:

paginate: 5

确定一页显示的博文数,此处设定为5篇,同时 site 会生成一个变量 paginator 用于分页显示。

Step2

通过 paginator.total_pages 即可获取总页数,然后循环输出页码

当前博文的下一篇可以通过 page.next 调用,上一篇可以通过 page.previous 调用

升级分页(2012.2.15)

当文章逐渐增多,总是以数字来呈现分页就不那么美观了,一个简单的解决方案就是使用相对分页:

当前页 paginator.page,前一页 paginator.previous_page,后一页 paginator.next_page

特别要注意路径,第一页直接是根目录 /,从第二页开始都是 /pageX 的形式


<< Previous Page Next Page >>
Fork me on GitHub