更新
2016年5月3日:
- 已 fix 主题缩略图功能存在一个图片判断失误的bug (via:https://github.com/chakhsu/lpisme/issues/7)
2016年3月16日:
- 如果决定使用Lpisme主题,那么typecho得是开发版···
- 主题缩略图功能存在一个图片判断失误的bug,如果用附件作为缩略图的时候,请自行保证第一个附件是图片文件,否则会失败···至于为什么不改正···我懒得改···
2016年3月15日:
- 增加外观后台设置是否开启Pjax选项,使用了cloudflare的cdn加速服务的不需要勾选
另外,主题评论已经内置了te的垃圾评论过滤的相关js,需要设置-评论,去掉开启垃圾评论过滤功能,不然原生评论无法生效···
2016年3月14日:
根据网友和使用者的要求更新了很多细节,例如
- 增加了文章自定义字段 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 (已无效,我换主题了)
主题亮点
- 无jQuery,无前端框架,轻量级
- InstantClick实现PJAX无刷新操作
- Prismjs代码高亮集成
- 响应式设计,手机浏览效果更棒
- 支持图片CDN
- 支持社交按钮,但无社交分享
- 支持自定义字段实现文章类型归类
- 更多亮点等你去发现···
主题激活
下载后,重命名文件夹为lpisme,然后放到typecho里的theme目录内,进入typecho后台,外观,激活即可。
主题设置
进入主题外观设置
上面依次是标语,和页尾的社交链接
上面是图片CDN,推荐使用七牛
主题使用
主题的使用,大概有三点
文章缩略图
文章的缩略图的设置
第一个附件图片 ---> 文章内图片 ---> 默认缩略图 ---> 无
如果文章没有图片,你可以直接在附件里上传图片,也能实现首页缩略图
注意事项:附件的第一个最好是图片,然后再是其他
文章的类型
进入文章编辑,在最后可以看到上面的自定义字段
其中,有lamp
、 eye
、 code
、 list
、 quote
、 share
、 chat
、 locked
、 images
、 ad
和 不填
一共十个的文章类型划分,可根据需要使用,例如文章加密的,在自定义字段处写上 locked
,首页显示会有一个小锁的标识
文章的归档
进入页面编写
选择 Template Page of Archives 的页面模板,即可实现归档页
浏览器兼容性
这个····现代浏览器都兼容····
Ok,至此主题介绍完毕····
License
Open sourced under the MIT license.
本文由 Chakhsu Lau 创作,采用 知识共享署名4.0 国际许可协议进行许可。
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。
首页缩略图怎么缩小呀,我的首页图都是很大的,不知道哪里改。。。请教
这个应该不用改的吧········你的是单栏的吧,外观设置那可以设置为双栏。
发现个问题,搜索功能如果输入两个或者以上的英文单词,中间有空格的话,搜索会不成功,
举例来说,你博客上的那个”web缓存认知“的文章里面有”last modified“,如果用”last modified“搜索会提示搜索不到”lastmodified“,感觉是没正确处理英文多个单词导致搜索问题。
typecho自带的搜索功能就酱紫···· 我向同作者提一个issue吧~
对了,请问博主,那个每篇文章的左上类似头像的圆圈图像怎么弄的?
https://icomoon.io/app/ 用这个做的。
希望博主再写个统计“标签”的页面
日后日后···拖延症又犯了。
咦?为什么我用了这个主题之后,鼠标放到日志列表的配图的位置,就没有动态效果呢
https://github.com/chakhsu/lpisme 从这里获取更新,陆陆续续更新修改了挺多细节上的东西。
博主,这个主题pjax是哪段呢。我只看到了instantclick 的js没看到有关pJax的JS呀。求指教
我希望的是pJax有一个timeout时间。超过多长时间,如果还不能pJax加载出来,浏览器就刷新目标页面
pjax的实现就是用instantClick的,只是实现了鼠标hover链接时对链接页面进行预加载。
懂了!谢谢!