- 缘起受羡辙杂俎启发, 看到她的页面上有着pageviews的显示, 于是就果断看了下对应的代码, 发现是从google的appspot下拿到的json数据, 于是就开始Google了以下GA的api, 然后就看到了这个superProxy, 下面的事情就非常顺理成章了~
无插件实现方法亦如之前, 我们还是从无插件方法说起, 大体思路为:
通过Google App Engine搭建superProxy, 开启其GA权限;
设置对应查询query以及更新频率;
获取json结果生成地址;
通过js请求获取json数据, 解析展现;
加入本地pageview文件备份容错;
那我们一步步来:
在GAP上创建App
首先, 你需要一个Go...
- 缘起相关文章这个模块一直算是博客的一个标配组件之一, jekyll默认也是有着site.related_posts这个函数的, 可以调用jekyll帮助你生成的相关博文列表. 不过其准确性和相关性都很让人不放心… 从其源码来看, 在默认关闭lsi的情况下, related_post产出的其实就是简单的最近文章列表…
这样当然不可以! 于是, 本文就是我在针对related_post这部分做了一些优化后的产物~ 请君品鉴 ^_^
无插件方法首先当然是希望能在不使用插件的情况下实现, 于是就看到了Jekyll Related Posts without Plugin - 羡辙杂俎 这个大神级妹子的博文~ 很有启发性嘛 基本上我要做的她...
TaoAlphatechjekyllrubyrelated post Sa, June 6, 201515 minutes to read - 缘起对于习惯在命令行下工作的人, 设定方便好用的aliases是必备工作之一. Github上就有很多人分享自己设定的aliases,这里就不多说设定aliases的事情了.
由于最近修改blog, 需要经常在各个路径下跳转, 每次cd的痛不欲生… 于是就捣鼓了下临时alias的问题.
如何设置临时aliases首先, 这里的临时的意思是指在当前session内生效的意思. 也就是说我关了当前的terminal或者iterm的tab, 新开一个这些aliases就不会继续生效了. 其生命周期只存在于当前session内. 这样就不会污染了. 方法有两种, 分别介绍如下:
利用alias命令linux 或者 mac os本身都是自带有...
TaoAlphatechshellalias Fr, June 5, 20153 minutes to read - 缘起随着博文数量正式达到15篇以上, 我寻思着也是时候给blog增加一个翻页的部分了. 首先当然是研究jekyll的官方文档, 然后再结合我们自己的需求进行修改. 因为考虑到blog的通常结构都会有category和tag, 而且昨天刚刚增加了 tag专属页, 所以就希望能够在category和tag页下都增加一个翻页的模块. 而目前jekyll的默认paginator尚无法支持这样的需求, 我们只能自己动手喽~
jekyll paginator开启翻页模块jekyll有默认的paginator, 可以非常简单的开启. 只需要在_config.yml中加入下面这行行即可:
123{% raw %}paginat...
TaoAlphatechjekyllrubypaginator Tu, June 2, 201521 minutes to read - 开题说明继jekyll tips系列之后, 这次新开CSS3 tips系列. 以记录学习研究过程中对css3的困惑以及心得~
今日主题今日的主题主要有以下三个方面, 我会逐一说明.
nth-child() 和 nth-of-type()nth-child()和nth-of-type()都是CSS3新引入的pseudo class. 两者有着非常接近而又细微的差别.
其中:
:nth-child() 指的是 “第x个指定的元素;
:nth-of-type() 指的是 “第x个指定的该元素;
有点难以理解? 看下下面的例子就可以了:
12345<section> <span>Little</s...
TaoAlphatechcss3tips Mo, June 1, 20155 minutes to read - Tag的运用Tag可以算是blog的标配了, 借用tag我们才能够让blog更好的归档, 既丰富了博客的内容体系, 也更便于筛选.而jekyll默认虽然给了tag的域, 但是却并不会自动开启tag的专属页面, 这个页面还需要我们自己来创建的. 建立tag专属页面的方法也有几种, 考虑到很多人都用github page作为自己jekyll的博客, 那么这里就按照有无插件辅助来区分以下方法吧(github page不支持插件~ 想要了解如何在github page中使用jekyll插件?)
无插件实现方法如果不使用插件的话, 其实基本思路就和之前不使用插件建立tech, dandp两个分类页是一样的, 通过创建对应的tagpage te...
TaoAlphatechjekyllrubyjekyll tags Mo, June 1, 201512 minutes to read - 为什么做兼容性H5和CSS3的出现可以说是广大网页开发者的福音啊, 但是依然有一些浏览器中的顽固分子对两者的支持不够, 而用户的选择又不是我们所能决定的, 所以我们只能默默的想办法来检测用户的浏览器对新属性的支持.
coding有个很重要的环节就是fallback. 你不能为了用新特性就不管老版本了~ 所以无论是软件开发还是网站开发, 都讲究向下或者向前的兼容性. 那么, 我们在使用html5和css3的时候, 如何做fallback呢?
如何做兼容性检测基本思路都一样: 增加检测代码来预判浏览器对属性的支持度. 而具体的实现方法呢, 则有以下几种:
现成的三方库Modernizr: 写代码有个好习惯就是除了自己研究目的之外, 很...
TaoAlphatechcss3fallbackhtml5 Sa, May 30, 20157 minutes to read - 本文是前几天一位harvard的学生Aran Khanna 在 Medium上发布的. 介绍了他是如何利用facebook messenger网页端中公开的位置信息制作的一个chrome插件, 可以呈现你的好友甚至是陌生人的位置记录. 而你越是对messenger的依赖程度越高, 其位置记录功能就越精确… 利用这个工具, 你完全可以跟踪某个好友甚至是群组中的某个陌生人过去一段时间内的行踪… 听起来就很惊悚不是吗… 快去看最新的美剧stalker吧…
更新: 应facebook的要求, 作者已经下线了发布的插件(不过源码还在github上), 同时facebook本身也关闭了网页端message的位置共享功能, 所以这个插件本身也失效...
TaoAlphablogFacebook MessengerGPS Sa, May 30, 20153 minutes to read - Github Page的jekyll Github Page对jekyll的支持是很到位的, 唯一的不足可能也是其本身基于安全考虑而使得jekyll始终都是运行在safe模式, 目前放开的插件列表非常有限, 所以很多jekyll的插件都无法使用. 当然, 单纯支持的几个插件或者不用插件也是完全可以做出很好的效果的, 不过个人比较喜欢折腾, 所以虽然目前只有一个可有可无的压缩需求, 也为了以后的大肆折腾干脆一步到位~ 哈哈 当然, 如果以后github能够开放插件就最好啦.
jekyll plugin 作为一个流行的静态blog, jekyll的社区和支持者也是非常众多的, 大家可以在github上搜索jekyll就能找到很多je...
TaoAlphatechjekyllplugingithub page Fr, May 29, 201513 minutes to read - 对于很多喜欢折腾电脑而又刚接触命令行的人而言, 经常会犯的的一个错误就是误删重要文件… 比如类似/usr/bin/啊,’/usr/local/bin’之类的, 一不小心, 一激动, 就sudo rm -rf了…
在mac下, 通常用户级别的二进制文件, 也就是那些你在命令行下输入的各类指令的源文件, 都是存在于系统环境变量之中的$PATH = /usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin(冒号分割路径).
那么一旦删除这些文件夹, 那么对应的常用指令就会失效, 比如你要是误删了/bin路径, 那么你在bash下输入ls等命令时就会提示你 ls: command not found了. 当...
TaoAlphablogTime MachineMac Tu, May 26, 20155 minutes to read