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

HTML

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



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



那就来实现一下吧!




首先,把 Octopress 的主页抠出来。。。

删掉所有脚本、博客内容,把背景之类的简化一下,在尾注上加上 Email 专用版标志。。。

然后最终我们就得到了这样一个丑陋东西。。。



然后把这些HTML代码复制到邮件里去就可以了!

然而现实永远没有那么简单,绝对不要高估 Email 对 HTML 代码的支持能力!



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



把这个方框截成图片,把脚注分开截(这样要延长的话就会方便一些),再把空白的地方截下来,延长时比较方便,就像这样

(当时一脑残截成了三个部分,后来一想确实不应该这样)







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





然后,到QQ邮箱里,打开写信模式,把图片上的链接用<map>标签加上去,然后加上各种样式(简写样式自动展开好评),另外还得一步一步地查看效果以保证样式不会被服务器吞掉。

最后,代码变成了这个样子:(QQ邮箱把所有标签都弄成大写简直差评!)

``` HTML Octopress Special Edition for Email












收件人:



正文



发件人


**年月**日











```
这是中国特色版的,以后还会有其他语言版本的应该。

最终效果在 QQ邮箱 和 网易邮箱表现还不错(当然要开显示图片)。。。

(除了加载慢出翔以外)



美中不足的是:由于用的样式比较复杂,十分符合垃圾邮件的特征,于是。。。

另外,对手机的支持也是一个问题。。。



如果您对这个项目感兴趣,欢迎发送一封主题中包含reply-code=emailproject_2ds4k2m2k3的邮件到haruue@caoyue.com.cn,我们将把一封样件发给您。

Post Directory

文章目录