Typecho 记事阅读主题:Snapic Just 640px

03月15日 · 昆明

Snapic-Just-640px.jpg

在挺长的一段时间里,我从事的是与视觉传达相关的工作,把个人思想通过兴趣点延伸开,争得不容易遇到的同温层群体的认同与共鸣。虽说不是主业,与前端设计也无关,但于我认为,将所累积的经验运用至具有相似特征的博客主题的页面制作中,也是相通的。这样的风格,或者说是性格的映射,同样也体现在我拍摄的照片中,以及听歌喜好里,甚至是生活中。这样的风格,也未必会得到周遭人们的欣赏,毕竟与大众的审美观没有交集。

可能,这即是 lifestyle 吧,是时间积淀的养成,是附体于身的印记,更是一辈子的事情,也因此让我难以理解:为何要把博客整成信息密度堪比门户网站的样子。

博客所记录的文字,所展示的图片,不应该是能让自己得以勉励,给观者在浏览时,提供停留和思索的时间与空间,从而受到启发,产生互动嘛?

我曾在几天里打开了不下百来位建博时间有十来年的博客,这些博客,大部分依旧可以访问,大部分仍在持续更新,大部分关于工作生活,最重要的是,这些博客,大部分主题简洁清爽。这些博主们,几乎是从博客时代走过来的,促使他们仍在写博客的动力,不是因为博客那一键可更换的免费付费的胡里花哨的 Themes,而是他们能在日常中,感受到点滴,并写入博客。他们,不折腾博客主题。

前些年制作的 Snapic Paper 主题,也是自己 lifestyle 的体现,在现在看来,它似乎还不够纯粹,于是,萌发了捣鼓主题 Snapic Just 640px 的念头。

这可能是已知的首款使用无感翻页翻篇的 Typecho 主题,这个功能的灵感,最初源自几年前在制作 Snapic Visual 模板时的全屏画廊滚动翻页,当时在想:能否把类似的功能应用在 Typecho 的归档翻页和文章翻篇上呢?嗯,由于思路没搞通,就没再去践行,也就搁下了。

所谓无感翻页翻篇,指的是:不使用传统点击的方式进行翻页和翻篇,而是在电脑端通过鼠标滚轮,在滚动条触顶触底时,实现跳转至翻页翻篇的页面,而在移动端,则是通过手势滑动,同时,应该具有阻尼效果,避免过于灵敏误触执行。当然,考虑到兼容性,也会保留点击翻页翻篇的功能,只不过将其隐藏,使用按需唤出显示。

在制作 Snapic Just 640px 时,除了延续 Snapic Paper 「没有多余页面元素,能够看到干净文本,专注于安静浏览博客日志」的理念,还做了版式上的提炼,尽量不至于视觉难受,如:对容器间距,对内容行距、段距,对文本字号、字重、字色的和谐相融处理。

主题 Snapic Just 640pxmax-width: 640px; 为内容区宽度,只有三部分(2 个页面 + 1 个滑窗),暂时不使用任何库依赖,摒弃了个人觉得不痛不痒、可有可无的功能,也置入了一些极少或甚至从未被实现过的功能,如:获取当前文章在博客所有文章中的序号,以提示当前的浏览状态。

Snapic Just 640px 会是一款开源免费的主题,你可以自由使用、修改、移植、分发,但禁止商用,包括衍生品,也希望你能保留主题作者 Lopwon 的信息,以及在你的项目中提及 Lopwon

P.S. 已发布

  1. 1.5.7版本,没有了404找不到页面没有内容了, 我看旧版本的用户 404找不到页面 还有个信息显示和一个搜索框

    1. @街

      暂时先把 404.php 中的 $this->index; 替换为 $this->response->redirect($this->options->siteUrl); 直接跳转到首页。

      Typecho 1.3.0 rc 似乎对 404 页面做了调整,有空再研究下。

      1. @Lopwon

        大神,使用 Glightbox 灯箱系统展示图像,显示视频、内联、框架等, 灯箱系统展视频时 目前支持文本描述 可以增加下 支持
        视频缩略图:
        显示静态缩略图,
        点击后在灯箱中播放完整视频,带有明显的播放按钮图标,提示用户可点击播放

        或者迷你视频预览:
        显示自动播放的静音视频片段作为预览
        鼠标点击后在灯箱中播放完整视频 也不错的效果

        只显示文本总感觉会让人错过浏览

        1. @街

          好呢,改天尝试下实现这个功能。

          1. @Lopwon

            首页列表模式下 站点标题 会显示第一篇文章的标题名 感觉这是个小错误。

            1. @街

              这是有意的,详见彩蛋介绍(首页及翻页,标签栏自动显示文章标题),现在不记得当初为什么要这么处理了,应该是考虑到在(文章模式)下标签栏能够正确显示当前文章标题吧。

            2. @街

              已修正。

        2. @街

          已新增。

    2. @街

      已修正。

  2. 支持大神的新作品,学习学习

  3. 1.5.0版本的底部备案信息无法自定义链接了?

    1. @Hanson

      v1.5.0 及以上,对备案信息的自定义做了调整,详见使用文档。

      1. @Lopwon

        建议恢复以前可自定义备案链接

  4. v1.2.1 底部备案号移动端从右边变到了左边

    1. @Hanson

      窄屏下移动到左边,是考虑到右侧的工具栏会遮挡。

      1. @Lopwon

        原来如此

  5. v1.2.0 版本,文章评论的日期是英文格式,我已经在comment.php页面修改了以下部分没有成功。原代码,我要如果实现英文日期变中文呢?

  6. jist640px,建议给主题新增一个备案号设置

    1. @Hanson

      可以在索引滑窗的 Pages 项里添加自定义链接。

    2. @Hanson

      嗯,是 Links 项。

      1. @Lopwon

        这个links是插件吗

        1. @Hanson

          不是呀,主题设置里的 Links 项可以自定义链接。

          1. @Lopwon

            设置了不生效,无法显示左侧栏

  7. 刚才体验了1.0版本,界面浏览速度很快,像我这种图片多一些的文章的几乎都是秒加载!

    1. @寻鹤

      单页面请求的文件比较少也比较小,图片也用了延迟加载。

      1. @Lopwon

        好奇有,有需求添加目录索引的计划嘛?

        1. @寻鹤

          具体指的是什么?

1 / 3
视频:独行滇川藏
1342346520
视频:独行滇川藏
雨后洱海,静如镜
1342605600
雨后洱海,静如镜
牵牛花:生性强健不怕高温酷暑
1427450400
牵牛花:生性强健不怕高温酷暑
再见梅里雪山,再见卡瓦格博峰
1375610400
再见梅里雪山,再见卡瓦格博峰
云南墨江紫米
1474624800
云南墨江紫米
下一刻,是明天还是意外
1541757600
下一刻,是明天还是意外
10 一季山河:来都来了
1640134800
一季山河:来都来了
Snapic Plus v5Lopwon Hub