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

"从 Alpha 到 2.0,从 1 到 100" —— 关于 Typecho-Theme-Material 2.0 版本

  •  4
     
  •   viosey · 2016-08-31 14:48:06 +08:00 · 3884 次点击
    这是一个创建于 3013 天前的主题,其中的信息可能已经有所发展或是发生改变。

    大概是高中的时候吧,偶然间看到了 [Material Design Lite Blog]( https://getmdl 。 io/templates/blog/index 。 html) 的这个页面,确实被惊艳到了,一直心心念念想用这个样式写个博客,怎奈那时技术不够 只能就此作罢。

    直到今年年初,发现了 typecho ,本着轻量的特点决定用它写个博客。随便翻了翻开发文档,感觉开发个 typecho 主题挺简单的嘛,又突然想起了以前那个 material design 的博客静态页面。于是到了寒假就花了大量的时间开始着手这个主题的开发。 刚开始做这个主题的时候,版本号还不敢定为 "1.0",担心着做不到一半 主题就夭折了,毕竟只有一个静态页面作为基础。自然的 版本号就定为 "Alpha" 了。

    从 "Alpha" 到 "Beta" 再到"1.0",都感到非常 excited 觉得离这个主题可以正常使用的程度又近了一大步。 14 个 beta 版本,雏形已成。便正式发布了 1.0 版本 回想旧时,完全没料到遗落的愿望可以再次实现。 这时 Github 的 star 数也开始逐渐缓慢的增加,从一直以来的 1 个 star 数,到 10 个, 20 个, 50 个... 对我而言都像里程碑一样。

    从 "1.0" 到 "2.0" 过了有近半年了吧,一直在跳票 _(:3 」∠)_ 这次 2.0 版本的更新修复了 N 多层出不穷的 bug ,还有样式的不断改进。 总之就是各种优化,添加各种自定义功能,主题从单调变得愈发的丰富。就好像看着自己的孩子逐渐成长一样, Github star 数现在也涨到了 100 个(刚开始做主题时还在想能否到达 100 个 star 数,如果可以又不知道需要多久)

    可有可无的话讲了这么多,确实得来些正式的 2.0 介绍了


    Typecho-Theme-Material 2.0

    关于 Material

    主题(Demo) 预览

    Github 地址: typecho-theme-material (欢迎 star Nya~)

    使用前务必务必务必看 使用方法! 否则有可能会导致一些奇奇怪怪的 bug~

    大概写下相对于 1.0 版本更新了些什么玩意

    • 背景 / 缩略图 的多种样式 (可客制化)
    • 简体中文 / 繁体中文 的支持
    • 响应式设计 (这个主题在移动端看起来仍然不大友好,屏幕越大效果越好 XD)
    • Loading 缓冲效果
    • 优化兼容问题 (在 Safari 和 Firefox for Win 上还是有点问题)
    • 优化网站访问速度: 删除各种冗余文件,压缩 CSS/js 文件,压缩图片,合并静态资源以减少 HTTP 请求数,增加自定义 CDN 功能
    • 融合多说评论 (以及多说样式 MD 化)
    • 更新 Markdown 样式
    • 美化 "设置外观" 样式 (默认样式太乱了,辣眼睛)
    • 添加了 2 个 "时间轴归档" 独立页面和 1 个 "友情链接" 独立页面。
    • 增加 pjax 无刷新跳转 功能
    • 大概就是这些了吧,要是有漏写了些什么也不管了。反正只需要知道比 1.0 版本好多了就行了 :-D

    预览

    正常画风:

    满屏雷姆 (2333333):

    (似乎混进了什么奇怪的爱蜜莉雅)

    第 1 条附言  ·  2016-08-31 16:37:41 +08:00

    关于 “满屏雷姆” 的二次元风,只是朋友闲聊中偶然提到, 本着好玩的态度随便渲染了个 Demo 而已,感觉挺有趣的就挂了上来。不喜欢二次元的同学真不用在意这个细节 😂

    感觉这个主题无论是二次元风,简约风,抑或文艺风 还是其他什么风格都可以很好的适配 (一切取决于缩略图 XD)。

    如果喜欢极简风的主题 也可以看看这个 typecho-theme-carbon

    18 条回复    2016-09-03 17:45:15 +08:00
    wujunze
        1
    wujunze  
       2016-08-31 15:05:53 +08:00   ❤️ 1
    太花哨 太二次元了 不喜欢
    viosey
        2
    viosey  
    OP
       2016-08-31 15:12:51 +08:00
    @wujunze 可以看预览第一张图 😂 那种还会花哨吗
    ivmm
        3
    ivmm  
       2016-08-31 15:15:29 +08:00
    很好的主题! 可惜已经从 TP 转 WP 。
    exoticknight
        4
    exoticknight  
       2016-08-31 15:18:34 +08:00
    又是一个 rem 党……
    wujunze
        5
    wujunze  
       2016-08-31 15:22:41 +08:00
    @viosey https://blog.viosey.com/ 这个画风还不错
    受不了二次元的花哨
    viosey
        6
    viosey  
    OP
       2016-08-31 15:27:32 +08:00
    @exoticknight Emilia 赛高!
    cxyfreedom
        7
    cxyfreedom  
       2016-08-31 16:07:51 +08:00
    主题风格很喜欢,可惜不是 Hexo 的,楼主快移植到 Hexo 上:)
    laoyur
        8
    laoyur  
       2016-08-31 16:11:43 +08:00
    然而 Typecho 至今 bug 一堆也不见修
    要再好的主题有毛用。。。
    另外同一楼,受不了二次元(在 v2 说这话会不会被人打
    taozle
        9
    taozle  
       2016-08-31 20:05:38 +08:00
    求个 hexo 的 ...
    miao
        10
    miao  
       2016-08-31 20:23:23 +08:00 via Android
    viosey
        11
    viosey  
    OP
       2016-08-31 21:35:42 +08:00 via Android   ❤️ 1
    @taozle
    @cxyfreedom
    这几天搞个 hexo 的
    xcatliu
        12
    xcatliu  
       2016-09-01 07:37:45 +08:00
    Star 支持!居然有满屏雷姆!
    ericls
        13
    ericls  
       2016-09-01 08:30:32 +08:00
    用 material 的不少, 大多数用了不如不用。。。

    能用好的不多 楼主很棒哦
    viosey
        14
    viosey  
    OP
       2016-09-01 10:42:46 +08:00
    andypinet
        15
    andypinet  
       2016-09-01 15:38:58 +08:00
    这种主题 靠几张图片 基本就是废了
    Komorebi
        16
    Komorebi  
       2016-09-02 04:28:16 +08:00
    Hexo +1
    shyling
        17
    shyling  
       2016-09-02 14:05:54 +08:00
    不错哟,盗用啦
    xiqingongzi
        18
    xiqingongzi  
       2016-09-03 17:45:15 +08:00 via Android
    @ivmm 自己撸
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   939 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 20:43 · PVG 04:43 · LAX 12:43 · JFK 15:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.