薛涛笺 ... 一个极简的 Jekyll 中国风主题 ...

2015-01-03 07:46:30 +08:00
 Sunyanzi
说在前面 ... 这是个只适合自己写东西给自己看的主题 ... 不适合放别的 ...

会做这个的起因是 2015 想找个地方写点什么东西 ... GitHub 无疑是最佳的选择 ...

程序方面 ... 懒得去折腾 Octopress 和 Hexo ... 用原生的 Jekyll 就挺好 ...

但 Jekyll 的主题看来看去都没找到喜欢的 ... 要么就是太繁复 ... 要么就是太单调 ...

我是一个美感很奇怪的人 ... 大众化的设计很难合我的胃口 ...

看了一整天实在是乏了 ... 索性搬了一箱酒 ... 花一晚上的时间自己来画 ...

但我画页面的本领实在是极差 ... 标题上说的极简看似是个风格 ... 其实只是不得已 ...

我完全做不了复杂的东西 ... 就现在这点我都活活折腾了一宿 ...

找图找字体 ... 每个元素的大小颜色样式和位置都调来调去 ... 终于赶在天亮前完成了 ...

这是一个专注于写作的主题 ... 最适于中文汉字 ... 英文我也有处理但不推荐使用 ...

而且因为用到了静态的自定义字体 ... 导致页面看起来简单其实极其巨大 ...

在现在这个匆忙的时代 ... 我觉得除了自己之外旁人是不会有这个耐心等页面加载完的 ...

但这样却正合我意 ... 把这个世界的嘈杂吵闹隔绝在外 ... 自己静静的写些东西 ...

连 Disqus 都不用挂 ... 页面的每个细节都尽在掌握 ...

至于薛涛笺这个定名 ... 大概只是因为这也是一个纯凭个人喜好的任性作品吧 ...

喜作闲人 ... 酒席间只谈风月 ...

恩 ... 又说了好多有的没的 ... 主题的演示在 http://git.io/chinese ...

最后再重申一下 ... 页面元素加起来近十兆 ... 没有 WIFI 的手机党千万不要手贱 ...
7544 次点击
所在节点    分享创造
26 条回复
x86
2015-01-03 07:55:05 +08:00
漂亮
Dreista
2015-01-03 08:13:27 +08:00
相当棒,但是两边的线好像颜色浓了点w
zhangxiao
2015-01-03 08:28:48 +08:00
非常好看
msg7086
2015-01-03 08:41:28 +08:00
Opera和Chrome下看到了两个迥然不同的网站……
nieccyyy
2015-01-03 08:54:44 +08:00
页面元素加起来近十兆?那还是极简?不过真是挺漂亮的。
tigerstudent
2015-01-03 09:19:45 +08:00
...
Starduster
2015-01-03 09:40:00 +08:00

我还开着SS呢不要这样对我
zhujinliang
2015-01-03 09:48:54 +08:00
洋文测试。。。真的不别扭吗喂!笑傻了
zealic
2015-01-03 09:54:56 +08:00
想起《陋室铭》
ytf4425
2015-01-03 10:08:14 +08:00
楷体太虚
Kido0
2015-01-03 10:14:56 +08:00
4.8M的中文 woff 是个问题。
有留意过中文字体子集样式服务,不过还没试过,PO 主可以试试。
有字库: http://www.youziku.com/Home/Instruction
justfont: http://www.justfont.com/cheats (非广告- -)
TrustyWolf
2015-01-03 10:56:06 +08:00
这个字体太赞了
franklight
2015-01-03 11:09:51 +08:00
简洁不等于简单
egen
2015-01-03 15:45:16 +08:00
中文字体太难 load 了,在另外 ie 下无法正常显示梅花背景
Sunyanzi
2015-01-03 18:54:01 +08:00
忙碌一宿之后蒙头大睡一天好过瘾 ...

@Dreista 嗯嗯 ... 已改淡一些 ... 之前是和标题文字统一颜色 ... 看来还是不太妥当呀 ...

@msg7086 Opera 的话需要 11.1+ 才可以 ... 低版本的话是不支持自定义字体哒 ...

@nieccyyy 极简是一个页面风格嘛 ... 并不是页面大小很小的意思 ...

@ytf4425 内文字题是蝇头楷 ... 最初其实我用的是小隶来着 ... 但那个字体的英文一团糟 ...

其实这个字体在 Firefox 下显示不虚 ... 但在 Chrome 下就会有毛边 ...

大小合适风格合适的字体找起来其实挺费劲的 ... 我今天再找找看有没有更好的选择吧 ...

@Kido0 我试过有字库的服务 ... css 加载固定文字生成的 woff 还蛮好用的 ...

但是一旦文字不固定 ... 用 js 读取当前页面生成并加载 woff 的时候反应就略迟钝了 ...

我用这种把整个 woff 丢上去然后静态加载是为了单次加载之后每次访问都不需要重新读字库 ...

但其实最好的办法是在发布文字条目的同时就生成当前条目对应的 woff 文件 ...

但那样至少需要一个本地服务来做字体生成工作 ... 就不是纯 Jekyll 可以完成的了 ...

@egen 因为是 CSS3 实现的效果 ... 不支持 IE9 以下的版本的 ...
hansnow
2015-01-03 20:15:58 +08:00
楼主看一下这个项目是不是有助于压缩字体?

http://font-spider.org/
Sunyanzi
2015-01-03 21:37:05 +08:00
@hansnow 这个项目的原理和我说的针对条目生成 woff 是一样的啦 ...

就是读取所有页面上用到的文字 ... 然后生成一个只包含这些文字的字体文件 ...

优点是不加载没用到的字体 ... 缺点是如果你在页面上增加一个新的文字就要重新生成字体了 ...

不过字蛛似乎实现了自己解析 ttf ... 这还是超有用的 ...
ctoicqtao
2015-01-03 21:59:50 +08:00
中文网站字体自定义很大的问题就是字库太大了,真心羡慕英文啊英文。。
Aspx
2015-01-03 22:00:03 +08:00
楼主做的很棒啊,其实还可以加上一个分类什么的。
xummer
2015-01-04 13:14:11 +08:00
Nice

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/158759

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX