阿巴基猫 あばき猫

Yealico最近更新的两个版本，添加了蛮多使用功能的，其中一个就是自定义Cookie。

有些网友可能不太明白Cookie的用处。简单点说就是账号登录后，一般都会保留登录信息到这个Cookie中，以便网站验证你的身份。因此，这个功能对于需要登录的网站来说还是特别有用的。

我首先想到的是里站，之前有很多网友反馈按照《关于exhentai的登录问题》的步骤操作还是不能正常浏览封面。我想也是Cookie没有获取到正确数据的原因。

我的里站是可以正常使用的。下面我贴出我e站（里站）登录后的Cookie数据，以供大家参考。

igneous=015e91709; ipb_member_id=账号ID; ipb_pass_hash=870ffccbf3256454fca21824a98de22a; yay=louder

其中包含了四个参数，分别是：igneous、ipb_member_id、ipb_pass_hash和yay。

有问题的网友可以把app更新到最新版本，按照《关于exhentai的登录问题》的步骤重新登录一下。登录完成后，再看看站点规则的Cookie是否跟我的类似，起码要包含这四个参数。如果不同的话，那应该是账号有问题或者没有获取到正确的Cookie。

如果你的账号在PC端的浏览器能正常上里站的话，那可以通过PC端的浏览器来找到登录后的Cookie字符串，复制后粘贴在里站的自定义Cookie一栏里面试试。

下面以电脑版的Chrome说明一下，如何找打Cookie。

1. 首先登录exhentai网站；
2. 正常登录后，右击网页选择“检查”，然后会显示一个有很程序员的窗口；
3. 点击上面的Network按钮，然后刷新网页，我们会在检查窗口的左边栏看到一些文件名，继续点击选择exhentai.org；
4. 此时右边栏会显示exhentai.org的一些相关信息。我们需要的Cookie在header这一栏；

我账号在浏览器看到的数据是：

ipb_member_id=账号ID; ipb_pass_hash=870ffccbf3256454fca21824a98de22a; igneous=015e91709; sk=52ahna3km4ru4mhnyjui808hgqll

对比一下app获取到的Cookie，其中igneous、ipb_member_id、ipb_pass_hash这三个参数对应的值都是一样的，唯一不同的是，Yealico第四个参数是yay，而桌面Chrome的是sk。

我试了下，直接把桌面Chrome的Cookie复制到规则中的自定义Cookie一栏也是可以正常浏览的。当然你也可以只复制igneous、ipb_member_id、ipb_pass_hash三个参数，然后自己加上yay=louder。

有问题的网友，都可以试试自定义Cookie这种方法。

下午的时候，抽空写了下e-hentai的站点规则。本来应该是很简单的，因为e-hentai的页面都是一致，那就代表不需要针对不同的Page编写不同的规则，只需要编写一套规则就就可以全部页面通用了。但是编写的过程中还是遇到点小麻烦，当然最后还是解决了，写这篇文章就是为了分享下这些技巧。

编写的时候，我使用的是Google Chrome（我说的是PC版）来看源码和定位元素的，这对编写Selector是非常有好处的！

问题1：如何获取封面图片？

在获取列表页的封面时，用Google Chrome看到的源码应该是通过元素“div.it2 img”的“src”属性来获取图片链接的，结果Yealico显示不出来。为什么呢？最后才发现，e-hentai的源码并没有“img”这个元素，那为什么Google Chrome会看到img呢？因为e-hentai有写JS脚本，当鼠标移到标题上面时，就会重写源码，并设置img。通过查看源码，就会发现div.it2中包含了封面图片的相关信息，然后我们可以通过正则表达式获取到正确的图片链接。如下：

Selector: div.it2
Function: html
Regex: (//|inits?~)(.*?org)[~/]([^~]*\.jpg)[~"]
Replace: https://$2/$3

问题2：如何获取画册评分？

e-hentai的列表页面并没有直接给出每个画册的数字评分，而是通过星星来表示，而这个星星是一张图片，e-hentai通过CSS来设置图片的移位来显示对应的评分。这个通过移位显示评分的内在数学表达式，没点初中的数学基础，估计也是写不出来的。如下：

Selector: div.ir
Function: attr
Param: style
Regex: background-position:-?(\d+)px -?(\d+)px
Replace: 5-$1/16-($2-1)/40

上面这个5-$1/16-($2-1)/40表达式足足花费了我15分钟来思考。

这里有一个很重要的技巧，获取评分是可以通过数学表达式获取的。先是通过Regex获取你需要的数字信息，然后通过Replace来写出数学表达式来计算评分。我当时是非常惊讶Yealico竟然还提供了这种方式，应该是开发者当初设计规则的时候也考虑了好多网站的各种不同情况。官方网站的站点规则编写规范中关于Replacement的描述也有写到：

Of course, it can also be a mathematical expression, which is generally used to obtain a Rating.

问题3：缩略图是一整张大图的切割该如何显示？

e-hentai的缩略图是一整张大图，然后通过CSS来移位来显示的，这个跟评分的方式是一样的。那我们只能获取到一张大图，貌似没有办法直接获取到对应的图片啊。最后还是在官方网站的站点规则编写规范中找到了答案，使用repeatedThumbnail这个flag。

repeatedThumbnail
The acquired thumbnail is a large image, which is then displaced by background-position.

这个简直像魔法一样的flag，作为一名程序猿，反正我是到现在都没搞懂Yealico是如何实现自动切割这个功能的。特么的，实在是厉害。

我们只需要获取到缩略图，然后在站点规则的flags属性中写入repeatedThumbnail，Yealico就是自动正常显示缩略图了。

PS: 写站点规则，其实有个好处，就是可以更加熟悉CSS选择器和正则表达式。这两个对于平时写JS还是非常有帮助的。

我跟你说，我敢保证90%的Yealico用户都不知道如何使用，即使他们看了官方的文档200遍。有空的话，我觉得我会翻译一下官方的文档的。有空的话。

Yealico怎么用？一句话概括之：你会写站点规则，那你就会用Yealico。

哈哈，最终还是不会写吧。

这样，在这篇文章留言的第一个用户，并且备注你希望编写站点规则的网站网址，那我就抽时间编写这个网站的规则并分享到小小站，涨涨人气！

1、2、3开始！

最近发现了一个有趣的app，叫Yealico，在App Store上可以下载。官方网址为：yealico.wordpress.com。话说，iOS世界里优秀的app还真的多。

准确来说，我认为Yealico是一个工具，但是作者却把它的分类设为了“娱乐”，这着实是一个让人费解的设定。如果你有用过Apple官方app“捷径”的话，你会发现Yealico貌似有异曲同工之妙，当然功能只能是“捷径”的皮毛了，“捷径”实在太强大了，有兴趣的朋友，可以下载来玩玩。

Yealico是通过用户设定的站点规则（Site Rule）来决定如何获取互联网的资料，然后使用统一的版式展示到移动设备上，以方便用户阅读。这就是一个非常有趣的设定了，因为站点规则可以千变万化，就看我们如何编写。也就是说我们需要展示什么内容，或者说Yealico能展示什么内容，全凭我们的想象和需求。

但是，编写站点的规则对于一般用户来说，感觉门槛还是有点高。因为一般用户基本都不会熟悉HTML、CSS和正则表达式，更不要说用户还要先理解站点规则的编写规范。站点规则的编写规范还是英文版的……

此时，我这个高大上的程序员就开始发光发热了。当然我希望前面是一群妹子🤗。很可惜，我使用过Yealico之后，感觉Yealico的设定暂时还是针对漫画和图册的，并不是淘宝和包包。那就注定Yealico的大部分是屌丝了……

一句话，我是打算拯救广大屌丝，打算在这里分享一下自己编写的站点规则的。写这么多，其实就是这句话概况了。

其实官方也分享了几个站点规则，以方便我们学习，只是我认为广大屌丝同胞估计看了也认为没卵用，因为根本学、不、会！如果看两眼就学会了HTML、CSS和正则表达式，那还要我们程序员干嘛……

日后（日后？别乱想！），我会在这里分享一些自己编写的站点规则，当然读者如果有喜欢的站点，也可以通过留言，我也会考虑下帮忙编写一下规则。因为是无偿的分享，读者也别要求太高，如果站点规则有问题可以通过留言提出，不接受任何强迫和恶语。当然时间上也别要求太高，因为我也要吃饭，平时也要上班，只能有空才写写诗，编编规则。