文章目录[隐藏]
混迹于博客圈多年,自己完成一款看得过去的主题是我多年的夙愿!无论是wordpress、zblog、emlog还是typecho,都曾体验过别人制作的主题带来的快感,一直未能自己实现过(包括独立设计制作抑或深度移植);也许是百无聊赖,抑或是心潮澎湃,前些天突然想完成一款主题,选择的是轻量级博客程序Typecho,选择它的理由大概是因为它的简洁吧,恰好之前在SAE搭建好的小站一直没有合适的主题,而且听博客圈的站长朋友们说制作Typecho主题难度也不大。
这款Typecho简洁主题名为MiStyle,移植于大神Prower的Wordpress简洁主题Prower V6,也是我的第一款主题,所以非常用心,经过一周的移植、适配,总算相差无几,用户体验还算不错,唯一的缺憾就是评论列表嵌套样式不够完美,介意的朋友可以采用第三方评论框(譬如:多说)解决此问题。在此过程中,为了方便使用,除了优化了原版主题的一些细节,顺手也在后台设置了一些功能选项,减少了直接修改源码的繁琐。
主题特色及使用说明:
1、原汁原味,极简主义,专注阅读
虽然Wordpress和Typecho诸多不同,但在移植过程中,尽可能做到了完整适配,以达到Prower V6的视觉体验效果。当然,和Prower V6一样,也建议大家使用非IE浏览器(包括IE内核的)或是IE9以上版本的浏览器进行访问,获得更好的浏览体验。
MiStyle主题也保留了WordPress的日志形式支持(主要是每篇日志前的小ICON图标),以及进行了简单的屏幕适配:对屏幕的适配原则是,除了以PC、移动设备进行区分外,屏幕分辨率小于1280的都被划分为小屏,而大于1280的则被划为大屏,即仅在大于1280分辨率的情况下,才会显示侧栏内容,其它屏幕上不显示侧栏内容。具体展示效果可以访问Wordpress原版主题Prower V6发布页。
2、实现日志列表摘要功能显示
为了更多展示日志,对日志列表进行了一个相应处理,当然也依赖于Typecho的“<!--more-->”标记,否则本功能无效。
3、增加文章及底部广告位显示/隐藏功能
为了体现专注阅读的宗旨,本功能选项广告位默认是隐藏的,按需可在后台“设置外观”中定制,文章底部广告可自定义广告图及跳转链接,而底部广告由于较多,所以只有同时显示/隐藏功能,如需自定义,需要编辑footer.php文件,文件内有注释。
4、增加社交资料显示/隐藏功能
为了体现专注阅读的宗旨,本功能原本是放在底部的,后被调整到侧栏;本功能后台“设置外观”中可配置,无需手动编辑代码。
5、增加平滑返回顶部
由于Prower V6的菜单栏非固定顶部,所以增加了这个返回顶部功能,增强用户体验。
6、主题演示及下载
- 百度网盘(首发) 链接: http://pan.baidu.com/s/1i33U0xZ 密码: hikk
- Coding(推荐) 链接:https://coding.net/u/micai/p/MiStyle/git
之所以推荐从Coding获取是因为该平台方便实时更新,后期修复bug、优化细节以及增加新功能都将在Coding进行,为了保障您获取最新版本,Coding是不二首选!
7、感谢名单
- Prower:MiStyle的优良血统,Wordpress简洁主题Prower V6的设计制作者
8、版权声明
您有自由传播、使用和演义的权利,但请保留主题底部链接,以示对他人劳动成果的尊重,谢谢!
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:kivilife
版权声明:本文为原创文章,版权归 胡敉才 所有,欢迎分享本文,转载请保留出处!
发表于2017-12-25 at 21:57 0楼
试一下
@友链博客欢迎欢迎
发表于2016-10-26 at 10:42 0楼
博主厉害啊!!!
@PHP程序员雷雪松雷兄高抬了!!!
发表于2016-02-24 at 22:06 0楼
感谢[害羞]
发表于2015-12-13 at 19:42 0楼
哟西~这主题做的蛮不错的嘛
@LEONWP原作者功不可没,我只是移植到Typecho了,
顺便增加了部分功能、优化了部分css而已,见笑了
发表于2015-11-14 at 18:46 0楼
不错啊
发表于2015-09-20 at 00:27 0楼
相对而言 我更喜欢你这个版子的wap端
@J.so英雄所见略同
@轻微生活是英雄,所见略同…
发表于2015-08-18 at 16:57 0楼
用过这个程序,确实超简洁,程序包就几百K
@清风美文是的,但是资源不够丰富,适合文字爱好者和大神
发表于2015-07-02 at 15:50 0楼
制作主题也是一种乐趣一种享受,玩独立博客,不折腾折腾主题感觉挺过意不去的,所以我偶尔都会折腾一番,哪怕不是自己原创也好
@博客123我知道您是深有体会,比起大作,我这也只能算是班门弄斧,见笑见笑
发表于2015-06-09 at 13:55 0楼
用wp习惯了。
@芒果typecho就是够简洁,响应速度够快
wordpress就是够丰富,无论是文档、主题还是插件
发表于2015-05-30 at 20:25 0楼
除了 广告有点多,其他的还是可以忍受的
@菠萝格格攒点主机费,见谅见谅
顺便说一句,其实本站采用的wordpress搭建,并非typecho
@轻微生活多谢提醒啦 我去改一下
发表于2015-05-22 at 11:16 0楼
哎呀,怪我太久没来了,居然都大改了
@胖瓜博客虽然诸多不舍,但是还是大彻,毕竟有舍有得
@轻微生活就是,这样规范多了,比以前好看,
@胖瓜博客这样一说,信心倍增啊,感谢大前端以及DUX破解&分享小伙伴
发表于2015-05-18 at 16:29 0楼
Typecho好不好用啊,想试试呢。
@平凡之路超简洁,超轻量级,代码包总共就几百k,不像wordpress那么臃肿,
特别适合文字/技术类博客,还是挺好用的
发表于2015-04-28 at 07:49 0楼
要转Typecho吗?
@Specs只是移植了一款主题而已,这个小站预计短期不会有什么大变动,已成型
发表于2015-04-26 at 00:34 0楼
又来一个谷歌浏览器
@羁绊君一看便知是真正的谷歌浏览器
发表于2015-04-22 at 15:25 0楼
现在比较流行简洁的主题,很不错
@boke123网址大全也流行响应式,哈哈,过奖过奖
发表于2015-04-21 at 12:39 0楼
评论的都是用谷歌浏览器啊
@fractal其实有的是360浏览器
@轻微生活我修改了 js 文件,现在能识别 360 浏览器了(但是我不知道 360 极速的 UA,还没做那个的识别)
@期待已退化成等待嗯,在你的博客上已经发现了,瞬间觉得360浏览器显示效果还不错
@fractal“谷歌 31.0.1650.63”全是套壳的,全是 360 安全浏览器(安不安全再说。。。)
@期待已退化成等待难怪呢,我说怎么还有人谷歌浏览器31版本的呢
@fractal我稍微研究过各常见浏览器的 User-Agent,发现 360 安全浏览器和 360 极速浏览器都是伪造 Chrome 的 UA.
@期待已退化成等待据说360本来就使用谷歌浏览器和IE浏览器的双内核
@fractal它也可以使用 Chrome 和 IE 的内核,然后 UA 设置为 Firefox,UA 和内核没关系。
@期待已退化成等待嗯 确实是 UA可以随便改
@期待已退化成等待专业Professional!
@轻微生活
发表于2015-04-18 at 15:40 0楼
这个要支持的,非常给力
@雅兮部落额,好吧,感谢支持
发表于2015-04-18 at 12:21 0楼
主题的“Follow Me”觉得挺不错的,但是底部感觉略臃肿(个人看法)。
@期待已退化成等待嗯,一直都很喜欢“Follow Me”,本来是一位Typecho主题作者的代码,现在其网站莫名无法访问了;
文章页和底部广告位默认都是关闭的,这里只是为了演示,才设置为开启状态的
发表于2015-04-18 at 12:18 0楼
好顶赞!d=====( ̄▽ ̄*)b
@期待已退化成等待也是不容易啊,Wordpress和Typecho还是有些不同,现在评论嵌套样式都还没处理好,轻微强迫症难受