我要让我的 Email 像 Octopress 一样漂亮

HTML

自定义信纸,让 Email 像 Octopress 一样!



这个想法在我的脑子里一闪而过,但是就像马云说的,梦想还是要有的,如果实现了呢?



那就来实现一下吧!


首先,把 Octopress 的主页抠出来。。。
删掉所有脚本、博客内容,把背景之类的简化一下,在尾注上加上 Email 专用版标志。。。
然后最终我们就得到了这样一个丑陋东西。。。

然后把这些HTML代码复制到邮件里去就可以了!
然而现实永远没有那么简单,绝对不要高估 Email 对 HTML 代码的支持能力!

那怎么办,似乎还是要用图片来解决了。。。

把这个方框截成图片,把脚注分开截(这样要延长的话就会方便一些),再把空白的地方截下来,延长时比较方便,就像这样
(当时一脑残截成了三个部分,后来一想确实不应该这样)



最后还有一张方便随时延长:


然后,到QQ邮箱里,打开写信模式,把图片上的链接用<map>标签加上去,然后加上各种样式(简写样式自动展开好评),另外还得一步一步地查看效果以保证样式不会被服务器吞掉。
最后,代码变成了这个样子:(QQ邮箱把所有标签都弄成大写简直差评!)
``` HTML Octopress Special Edition for Email

收件人:

正文

发件人
****年**月**日

``` 这是中国特色版的,以后还会有其他语言版本的应该。
最终效果在 QQ邮箱 和 网易邮箱表现还不错(当然要开显示图片)。。。
(除了加载慢出翔以外)

美中不足的是:由于用的样式比较复杂,十分符合垃圾邮件的特征,于是。。。
另外,对手机的支持也是一个问题。。。

如果您对这个项目感兴趣,欢迎发送一封主题中包含reply-code=emailproject_2ds4k2m2k3的邮件到[email protected],我们将把一封样件发给您。

Post Directory

文章目录