V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Sunyanzi
V2EX  ›  分享创造

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

  •  3
     
  •   Sunyanzi · 2015-01-03 07:46:30 +08:00 · 7487 次点击
    这是一个创建于 3363 天前的主题,其中的信息可能已经有所发展或是发生改变。
    说在前面 ... 这是个只适合自己写东西给自己看的主题 ... 不适合放别的 ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    我还开着SS呢不要这样对我
    zhujinliang
        8
    zhujinliang  
       2015-01-03 09:48:54 +08:00
    洋文测试。。。真的不别扭吗喂!笑傻了
    zealic
        9
    zealic  
       2015-01-03 09:54:56 +08:00
    想起《陋室铭》
    ytf4425
        10
    ytf4425  
       2015-01-03 10:08:14 +08:00
    楷体太虚
    Kido0
        11
    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
        12
    TrustyWolf  
       2015-01-03 10:56:06 +08:00 via iPhone
    这个字体太赞了
    franklight
        13
    franklight  
       2015-01-03 11:09:51 +08:00
    简洁不等于简单
    egen
        14
    egen  
       2015-01-03 15:45:16 +08:00
    中文字体太难 load 了,在另外 ie 下无法正常显示梅花背景
    Sunyanzi
        15
    Sunyanzi  
    OP
       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
        16
    hansnow  
       2015-01-03 20:15:58 +08:00
    楼主看一下这个项目是不是有助于压缩字体?

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

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

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

    不过字蛛似乎实现了自己解析 ttf ... 这还是超有用的 ...
    ctoicqtao
        18
    ctoicqtao  
       2015-01-03 21:59:50 +08:00
    中文网站字体自定义很大的问题就是字库太大了,真心羡慕英文啊英文。。
    Aspx
        19
    Aspx  
       2015-01-03 22:00:03 +08:00
    楼主做的很棒啊,其实还可以加上一个分类什么的。
    xummer
        20
    xummer  
       2015-01-04 13:14:11 +08:00
    Nice
    msg7086
        21
    msg7086  
       2015-01-04 17:47:52 +08:00
    Opera 12.17
    main { } 需要指定display:block 否则……
    Sunyanzi
        22
    Sunyanzi  
    OP
       2015-01-04 22:27:44 +08:00
    @msg7086 好吧 ... main 应该天生就是块级元素的 ... 果然还是 Opera 诡异了吗 ...
    P233
        23
    P233  
       2015-01-06 05:39:46 +08:00
    @Sunyanzi 燕姿大大方便的时候发俺个邮件吧 [email protected] :)
    Sunyanzi
        24
    Sunyanzi  
    OP
       2015-01-06 05:46:36 +08:00
    @P233 呀呼~~
    lcshi
        25
    lcshi  
       2015-05-09 14:47:51 +08:00
    好漂亮
    但是不知道可以压缩到什么样的程度
    Sunyanzi
        26
    Sunyanzi  
    OP
       2015-05-09 17:17:09 +08:00
    @lcshi 需要后端支持的 ... 如果不加载全部字体的话 ... 每个页面可以压到很小 ...
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3580 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 10:42 · PVG 18:42 · LAX 03:42 · JFK 06:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.