木灵鱼儿
阅读:19862
Lazy_F Typecho 响应式博客主题 V2.4
主题名由来
大海中有一种鱼,名叫:䲟鱼;这种鱼靠吸附在大鱼身上周游世界,这种鱼被称为懒惰鱼,于是英文翻译就是Lazy fish;于是偷个懒就成了Lazy_F,233...
主题预览
主题介绍
Lazy_F集合了一些资讯类和个人博客主题的东西,个人经常发表大篇大篇的文章,因为之前使用过的主题整体ui下来并不方便阅读,为此我自己也根据资讯类的博客样式对主题做了相应调整,为此还针对md的书写做了样式优化,大部分样式都是根据 Cmd Markdown 这款在线编辑器做的,具体的变动下面会讲解到。
功能特性
- HTML5+CSS3响应式设计,适应320以上分辨率的设备
- Cmd Markdown样式风格
- 图片预加载
- 代码高亮
- 文章目录树
- 首页分页可跳转指定页
- 图片灯箱
- 百度贴吧搞笑表情76张
- 自动获取图片颜色增加主题效果
- 无阻塞js加载效果
- 加载中动画效果
- Ajax获取配置文件
- 缓存利用,增加博客实用性
- 兼容ie9及以上版本
- 微信二维码分享
- 会的越多,功能越多,敬请期待...
- ......
主题售价
其实我目前来说并没有很大的期望能够靠主题赚到钱,毕竟和大佬们成熟的代码和技术来说,我还需要进步很多...
但是人为财死,鸟为食亡,好听的话说完了,自然要说点不好听的了,主题是处于自用状态,bug这些还是要慢慢修复完善,我可以想象到后续肯定会有一些大换血文件存在,所以,售价我也不会定很高,但也希望售出的钱能够补贴一下个人的生活。
为此,售价为:¥50
购买主题方式:
注意事项:购买主题后,您将获得主题源代码,主题不加密,不绑定域名,购买后可随意使用,但不得分发、转售。因主题是可复制的商品,在代码发出后不予退款,敬请谅解。
售后支持主题免费升级,但不提供免费的个性化定制服务。
什么是分发?指以不盈利的方式赠与他人,或在网络等其他渠道派发的行为!
什么是转售?指以盈利为目的将模板低价或者高价卖出的行为!
每份主题我都会加入一些特定标识,这样一旦出现分发转售的行为,能快速定位用户,并取消该用户的售后服务。
支持花呗,开心不!233....
付款后添加我的QQ好友并提供付款成功截图,我会将主题文件发送与你!
QQ账号 | 验证回复 |
---|---|
1321968423 | 输入:购买主题 |
QQ被某人恶意举报了,烦人,如果需要购买主题,可以转账后添加Q群811501162,并注明你转账的账号,我这边看到就会验证的
使用文档
更新日志
2019-4-22 更新v1.1
- 修复锚点定位位置偏移
- 修复面包屑位置错误
- 修复侧栏头像移动后位置抖动的问题
- 修复表情重复无法正确显示的bug
- 优化侧栏大头像加载
- 优化分类列表ui和判断展开状态
- 优化目录树显示方式
- 优化tobo列表的判断方式
2019-4-23 更新v1.1.1
- 修复侧栏介绍内容溢出
- 修复archive模板nav丢失
- 增加动态背景
- 手机端响应式ui改变
- 首页轮播优化
- 优化css文件引用
2019-4-24 更新v1.1.2
- 修复手机端hover选择器下颜色不对的bug
- 更新分类页ui
- 修复分享菜单(主要是qq,微博和微信需要申请开发者,太麻烦了,没去弄)
2019-6-7 更新v2.0
- 整体ui大调整,增加众多小功能
- 增加对admin账号的编辑小功能
- 增加回复可见,如需要使用在编辑文章时将需要隐藏的内容放入【hide】【/hide】标签内,注意把【】括号换成[]。
- 放弃对文章页图片的预加载,因为这样会增加浏览器的重绘,每次图片被替换都会产生dom树的重新绘制渲染影响性能
- 一些小问题的修复,自行体验...
- 初次使用ajax和json配合使用,为此创建了一个config的json文件,里面目前就设置了一些文字信息,后续会增加更多
- 后续会增加以下新功能,登录窗口一直想做的,后续应该会去搞,敬请期待。
2019-6-28 更新v2.1
- 采用更加简洁更加方便的无阻塞js文件加载方式,支持每个js文件加载完毕运行一个回调函数
- 新的关于页面,采用ajax+本地缓存的方式,其中三个类目支持多个值,内容依旧存于json文件中
- 修复首页大图高度在窗口大小发生变化时不自动修正的bug
- 修复ie下首页大图闪烁
- 内容页面a元素链接预判断,可以根据一些文件格式显示对应的图标
- 首页头像增加q弹效果,放弃了原来的菱形,因为兼容不好,设置麻烦
- 修复404页面无限加载中
- 采用新的加载中动画,放弃原来的font模式
- 加入前台登录功能(因为要有点击入口,所以目前顶部header可能会有点丑)
2019-6-28 更新v2.2
- 修复ios手机端banner大图失效
- 修复手机端自动调整banner高度
2019-8-2 更新v2.3
- 修复非首页登录框失效
- 修复部分浏览器click点击页面scroll高度跳转失效
- css小调整
- 增加头像随机挂件,博主可以固定某一个挂件,config文件设置
2019-8-6 更新v2.3.1
- 调整分享菜单
- 努力添加上了微信二维码分享
2019-8-6 更新v2.3.2
- 新加入颜色自动获取
- 分类页的菜单颜色全部改为自动获取
- 稍微对about的titile标题进行了自动根据设置的banner图片颜色来调整,目前使用的全图平均,如果使用局部应该会更快一些,先这样设置看下效果
2019-8-15 更新v2.4
- 更新大量js代码和css内容,务必覆盖更新
- php文件修改,footer文件中的第三方连接内容自行修改footer_a.php这个文件
- sidebar侧栏的博客连接改为自动获取博客地址
- 分类页面的模块背景改为自动获取图片颜色,为此这个分类的背景图可以自己自由替换啦,图片素材路径为Lazy_Fimagescatbg文件夹,大小尽量不要太大,影响加载速度
- sidebar的title标题color也改为自动获取baner壁纸的颜色了
- 友链link的连接自动加上了_blank跳转,优化体验
- 修复ie低版本js加载失败,目前测试可以完好的兼容ie9及以上
- 返回顶部按钮调整,全部改为js动效(记得删除浏览器缓存)
- 首次加载 加载中..效果调整,加载反应更快了
- 部分css调整,a连接有波浪线动效,修复某些bug
- js部分调整,bug修复
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
相关推荐
让typecho支持特殊字符
起因由于最近在了解前端js中length不准的问题,其中文章带有一些特殊字符,而typecho和mysql都只是支持UTF-8字符,但是这个utf-8并不是真正意义上的utf-8,它最多支持3个字节的内容,也就是24bit,而我文章中的特殊字符是需要4个字节来存储的,这就导致文章无法正常的展示和保存。这个特殊字符和现在移动端常用的emoji表情差不多,emoji也是一种特殊字符,所以该教程同样适用于如何让typecho支持emoji表情。教程打开宝塔的phpmyadmin -> 找到typecho的数据库 -> 操作 -> 滑动到最底部找到排序规则 -> 选择ut...

开源主题-高仿掘金《JJ》
前言写这个主题花了一些时间,我的想法是希望有一个优秀的阅读体验,毕竟本人喜欢记笔记,分享一些平遇到的问题和解决方法。于是乎看中了掘金的样式,挺适合阅读的,加上个人审美确实不太行,就想仿一下样式。随着现在前端的发展,一些新的特性增加,如果还是保持在旧的思维上,我觉得限制了开发者的自我提升,所以,本主题采用了大量es6的js语法,css上采用scss编译,如果你有兴趣,可以一起参与开发。主题预览github地址《Typecho_Theme_JJ》

typecho 真的很简单的自定义评论列表
以前写过一个关于自定义评论的文章,时至如今来看,还是有很多不足的,昨晚再新写主题的时候,也重新写了一次自定义评论,嗯,有了新的理解,因为其实真的很简单,仔细阅读本篇文章,相信你会有收获的。[hide]自定义评论模板到底要怎么做很简单,可以理解为两步:编写自定义评论的模板通过php渲染出自定义模板评论而为什么大多数人不会,其实就是因为官方的文档真的是,如果懂php的人,可能看了一两遍后明白了怎么回事,但是如果是小白入门,纯前端的童鞋,可能看的一脸蒙蔽。就算是原封不动的copy官方的示例代码也还是会报错,心累...因为,你不知道他要做什么,我编写了自定义模板函数threadedComment...

Lay 响应式Typecho博客主题 V1.1.2
Lay 是一个精心制作的侧边栏主题,提高了响应速度,优化了诸多地方历经时间打磨,更贴合需求预览特性基于Layui框架制作,模块化结构,异步加载js,加快页面响应响应式布局html5+css3+es5+es6基于Layui框架模块化结构异步js加载优秀的灯箱比较全面的代码高亮,精选四种高亮主题,支持常用的语言,还支持:shell、sass、scss、styles、less、c++、go、php、nginx、等语言。缩略文章无刷新加载,增加用户体验支持主题可视化配置侧边栏导航三种主题,可设置支持微信、支付宝二维码赞助符合国内的分享功能支持评论表情,更新了一些表情支持前台登录支持前台注册点赞效...

typecho 超完美上一篇下一篇文章加文章缩略图
之前写过一篇typecho上一篇下一篇的文章,但是当时是对官方的代码进行小改,虽然文章标题,链接都能获取到,但是没法获取到更多,包括文章缩略图。为此我是绞尽脑汁啊,还参考了一些有这种效果的作品,发现,不行,没有我想要的效果。他们的效果都是获取文章的自定义字段,也就是和自定义文章缩略图的那种路子,你只有设置了,他这里才能显示,他不能自动去获取,有的好像连个随机不够做吧。终于,有一天晚上,我一时兴起,想解决下这个问题,于是有了这篇文章,首先我们需要两段代码,这两段代码我是通过网上的代码进行修改的,去掉了一些部分。[hide]获取文章上一篇,下一篇cid/** * 显示上一篇 * * 如果没有...
typecho 评论表单头像
关于评论表单的这个头像,其实挺麻烦的,动不动代码就会报错,超蛋疼的,于是我琢磨了下,想了个思路。用户未登录使用固定头像用户登录了使用登录头像用户是访客,已经留言了,使用留言的邮箱获取头像众所周知,typecho的头像是使用全球头像Gravatar的,Gravatar他本身也是通过邮箱来设置账户的,所以我们通过邮箱也能获取到头像地址。不多说,上代码[hide]<?php //已登录?> <?php if ($this->user->hasLogin()) : ?> <?php $this->author->g...

typecho 获取相关文章,指定数量
typecho获取相关文章页挺常用的,官方有这个代码,这里特意分享一下,讲一下用法。<?php $this->related(4,NULL); ?> <?php if ($relatedPosts->have()): ?> <?php while ($relatedPosts->next()): ?> <a href="<?php $relatedPosts->permalink(); ?>"> <h3><?php $relatedP...
typecho 获取最新文章,指定数量
发现这个方法还常用的,特意分享出来。<?php $this->widget('Widget_Contents_Post_Recent','pageSize=5')->to($news);?> <?php if($news->have()):?> <?php while($news->next()): ?> <a href="<?php $news->permalink();?>"> <h2 class="ca...
typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速
typecho的缩略图,其实自己用了好久,最近才发现了一种最简单的组合,不用太多代码,有需要改改方法就行了。目前我总结了一个对文章缩略图的获取顺序:用户自定义缩略图文章第一张缩略图文章附件第一张图文章随机图是否开启cdn加速,使用加速地址前段本地地址基本上按照这个思路,所有的情况都能照顾到,当然我看了一些付费的主题,他会对用户自定义的缩略图进行定制,比如,大图,小图这些,其实我感觉挺麻烦的,哈哈这里我们一步一步完善这三步教程[hide]自定缩略图自定义缩略图我们需要一个自定义字段,这个自定义字段也是在网上找的别人的分享技术,这里贴出来用法直接在主题function.php文件里面,插入如...

typecho 获取当前时间 格式:2020年9月17日 星期四
因为我尝试使用function去封装一个,结果不知道为什么就是提示data这个函数不存在,这个不是php默认的吗,所以只能写成显示语法了。<?php $weekarray=array("日","一","二","三","四","五","六"); echo date("Y年n月j日")." 星期".$weekarray[date("w")];?>
森纯博客
Google Chrome Windows 10这有点好看啊
JoCry
Google Chrome MacOS明天准备给博客换个皮,你这个挺不错的,准备支持一个。希望到我手上效果贼棒。
木灵鱼儿
FireFox Windows 10目前博客使用的主题是reach,https://www.mulingyuer.com/archives/313/ 你看看这个
JoCry
Google Chrome Windows 10小屏适应哪个会好些,Lazy_F 没预览,对比不了
木灵鱼儿
FireFox Windows 10当然是新主题Reach了,不过群里有我之前做的几个主题,你付费进群后自己觉得那个合适用哪个
大猫
FireFox Windows 10请教,图片加载前先加载loading动画,最后替换掉怎么实现呢:wusuowei::wusuowei:
木灵鱼儿
FireFox Windows 10修改href值
boo
Google Chrome Windows 10噗。。。。。。。。。。。。。
子午
Google Chrome Windows 10䲟鱼:你是咋知道我的?
dabenshi
Google Chrome Windows 7第一次看你的模板,没有任何想法。最近发现看着看着,看习惯了....所以我操作了一波,留个纪念,现在感觉好看了:huaji:
木灵鱼儿
FireFox Windows 10你操作了啥
皮皮
Google Chrome Windows 10来测试一下评论,打个酱油。
木灵鱼儿
FireFox Windows 10你有毒啊
演员
Google Chrome Windows 7有点眼熟!这主题
木灵鱼儿
FireFox Windows 10这就是三主题合体进化的
dabenshi
Google Chrome Windows 7好久没来看你了,模板优化的不错:lihai:,我也做了新模板 开心~
木灵鱼儿
FireFox Windows 10我只想知道你那个图床怎么样了
浪客小苏
Google Chrome Windows 7不是提示,就是加不上,不信你自己换个号加下试试。
木灵鱼儿
FireFox Windows 10可以添加啊,我找群里的人试过了,没问题,不行你就加群吧811501162