闲着写点简单的分享

Lpisme,A Typecho Theme

更新(2016年5月3日01:44:21)

更新(2016年3月16日11:19:46)

  • 如果决定使用Lpisme主题,那么typecho得是开发版···
  • 主题缩略图功能存在一个图片判断失误的bug,如果用附件作为缩略图的时候,请自行保证第一个附件是图片文件,否则会失败···至于为什么不改正···我懒得改···

更新(2016年3月15日21:34:59)

  • 增加外观后台设置是否开启Pjax选项,使用了cloudflare的cdn加速服务的不需要勾选

另外,主题评论已经内置了te的垃圾评论过滤的相关js,需要设置-评论,去掉开启垃圾评论过滤功能,不然原生评论无法生效···

更新(2016年3月14日00:05:57)

根据网友和使用者的要求更新了很多细节,例如

  • 增加了文章自定义字段 thumb ,后面跟着的值带上你的图片URL,需要含http(s)://
  • 文章缩略图的优先级顺序变为 自定义字段thumb -> 附件第一张图片 -> 文章图片 -> 默认缩略图 -> 无
  • 由原来的列更新换成行更新
  • 主题样式style.css细节修改
  • 更多变化等你去发现···

Lpisme是Typecho的一套主题模板,Lpisme这个主题的名字由来,Lp是我女朋友的名字的首个字母,没错我女朋友的名字只有两个字。So,很容易看出,Lp is me。一开始是打算起Lpismine,但太长了同时觉得还是要有点chinese的感觉,故Lpisme诞生,意味着女朋友是我的。

Lpisme主题从2016年1月22日开始制作,一直迭代升级到现在的3.1.0版本 (汗)

更多版本详情可以浏览:

https://github.com/chakhsu/lpisme-version

下载地址:

https://github.com/chakhsu/lpisme

主题预览为本站:

https://www.linpx.com

987897.png

主题亮点

  • 无jQuery,无前端框架,轻量级
  • InstantClick实现PJAX无刷新操作
  • Prismjs代码高亮集成
  • 响应式设计,手机浏览效果更棒
  • 支持图片CDN
  • 支持社交按钮,但无社交分享
  • 支持自定义字段实现文章类型归类
  • 更多亮点等你去发现···

主题激活

下载后,重命名文件夹为lpisme,然后放到typecho里的theme目录内,进入typecho后台,外观,激活即可。

主题设置

进入主题外观设置

20160227190707.png

上面依次是标语,和页尾的社交链接

121321321.png

上面是图片CDN,推荐使用七牛

主题使用

主题的使用,大概有三点

文章缩略图

文章的缩略图的设置

第一个附件图片 ---> 文章内图片 ---> 默认缩略图 ---> 无

如果文章没有图片,你可以直接在附件里上传图片,也能实现首页缩略图

注意事项:附件的第一个最好是图片,然后再是其他

文章的类型

11111111.png

进入文章编辑,在最后可以看到上面的自定义字段

其中,有lampeyecodelistquotesharechatlockedimagesad 和 不填

一共十个的文章类型划分,可根据需要使用,例如文章加密的,在自定义字段处写上 locked ,首页显示会有一个小锁的标识

文章的归档

进入页面编写

选择 Template Page of Archives 的页面模板,即可实现归档页

浏览器兼容性

这个····现代浏览器都兼容····

Ok,至此主题介绍完毕····

License

Open sourced under the MIT license.

已有 192 条评论
  1. Aaron

    博主你好,首页标题前面文章类型的9个圆形缩略图是否可以共享下。谢谢!howboo@qq.com

    Aaron 回复
    1. Chakhsu Lau

      easyicon.net上面找的,www.easyicon.net/language.en/iconsearch/iconset:Lulu-icons/

      Chakhsu Lau 回复
  2. Aaron

    https://www.linpx.com/archives.html

    此页面的列表标题能不能控制一下字数,看你拉三列不对齐了,因为有一个标题长出现了两行。

    Aaron 回复
    1. Chakhsu Lau

      这个,其实没多大关系... 我在想想 :)

      Chakhsu Lau 回复
  3. shu123

    列表缩略图,怎么让他不一样..圆形的那个..

    shu123 回复
    1. Chakhsu Lau

      ???圆形那个我用icofont做的,如果要换的话,会比较麻烦,基本上就是大修了。

      Chakhsu Lau 回复
  4. shushu

    https://www.linpx.com/c/notes/ 这个页面的 文章圆形的缩略图..没有..在哪里设置?谢谢楼主了.

    shushu 回复
    1. shushu

      已经知道了.

      shushu 回复
  5. macbolo

    dalao,设置开启Pjax后台进去乱码,要f5才正常
    还有后台-控制台-外观-作者: Chakhsu Lau这个链接没加http不能跳到你博客啊

    macbolo 回复
    1. Chakhsu Lau

      需要设置-评论,去掉开启垃圾评论过滤
      有链接吗,提供测试一下。

      Chakhsu Lau 回复
      1. macbolo

        我已经关闭插件和反垃圾保护了~ 点击顶部描述后面的...可以跳到后台链接

        macbolo 回复
        1. Chakhsu Lau

          ???应该没问题了吧

          Chakhsu Lau 回复
          1. macbolo

            额 还是一样哎~ 可能我哪里没用对吧=。=

            macbolo
  6. ccss

    想知道一下.模板里的page-archives.php 默认路由应该怎么访问它?

    ccss 回复
    1. Chakhsu Lau

      新建一个页面,选择模板,选中archives,发布更新,然后在首页的右上角的菜单里就可以看到了。

      Chakhsu Lau 回复
  7. 友人C

    instantclick 在页面加载结束后有对于的钩子去加载事件吗?
    比如pjax的: pjax:complete 事件。
    官方文档只提供了4个钩子:
    change、fetch、receive、wait

    友人C 回复
    1. Chakhsu Lau

      如果官方都没有的话,那就没有了。看看它的issue或许会有惊喜 :)

      Chakhsu Lau 回复
  8. 清秋

    首页缩略图怎么强制一样大那?

    清秋 回复
    1. Chakhsu Lau

      用图片处理软件处理成一样大吧 /逃

      Chakhsu Lau 回复
      1. 清秋

        这样啊,主题需要保持版权嘛?

        清秋 回复
        1. Chakhsu Lau

          MIT协议,随便弄吧~

          Chakhsu Lau 回复
  9. 友人C

    有一个bug。instantclick 加载文章页面后,点击文章页面后面的回复按钮,F12会报错:

    Uncaught ReferenceError: TypechoComment is not defined
    at HTMLAnchorElement.onclick (:2:8)onclick @ VM158:2

    友人C 回复
    1. Chakhsu Lau

      用instantClick回调函数就可以了。可我就是不知道te自带的评论js的回调是什么··/逃

      if (typeof TypechoComment !== 'undefined') TypechoComment.reply(true,null);

      这条不管用···

      Chakhsu Lau 回复
  10. 大魔王

    博主您好 我发现这个主题有个小问题,就是开启预加载后,鼠标放到首页缩略图的时候,会预加载两次,一次成功一次失败(感觉是因为起冲突才造成的),翻了一下主题文件,还是想不通为什么会加载两次。博主可以F12实验一下

    大魔王 回复
    1. Chakhsu Lau

      F12的Network下,鼠标测试,有一次加载的,有两次的,也有多次的。一次的情况很多,猜测是instantclick对鼠标位移到a的逻辑判断,没有任何问题的。

      Chakhsu Lau 回复
发表新评论