时光分享
分享互联网免费共享资源。

分享一款基于Typecho开发的博客主题Pinghsu

Pinghsu最吸引的就是他的简洁大气,主题是以前端性能优化为出发点而制作的, Typecho 主题,最突出的就是它的零代码冗余,同时又兼顾设计美学和视觉传达。是一款不错的博客程序,这个主题最好是做技术分享。

主题亮点
页面预加载与DNS预解析保证极快访问速度

无JQuery,无前端框架,无webfont

几乎零代码冗余,几乎每句代码都是有意义的

HighlightJS代码高亮,支持22种编程代码

响应式设计,支持平板与手机,访问体验甚至优于桌面

支持图片CDN镜像,支持多种文章缩略图设置

支持首页三栏和单栏选择,文章题图和色块

支持文章目录、相关文章与数学公式渲染

支持文章个性化标徽设置,10种标徽选择

支持个人社交按钮,社交分享

主题设置添加XSS检测,评论提交防止触发多次主题使用
解压后将文件夹改名为pinghsu后上传到 /usr/themes,并启用主题,如果需要更新主题,则先下载最新文件,然后覆盖原文件即可完成更新,部分新增加的功能需要到后台开启才会生效

注意事项:目前主题仅在 typecho 开发版,PHP7.0 下测试通过,其他情况未作太多测试

外观设置

下面有几点补充

CDN设置部分仅仅测试了七牛的,理论上也支持有镜像服务的CDN

创建模板归档页,无论选择了哪个模板都要加上自定义字段archive

  • 文章设置缩略图方法有四种,自定义字段thumb,文章附件第一张图片,文章内图片,默认缩略图

优先级顺序 :自定义字段 thumb -> 附件第一张图片 -> 文章图片 -> 默认缩略图 -> 随机图片 -> 无

缩略图尺寸大小,高度至少有250px,宽度大于高度,推荐高度为400px的

  • 个性化色块需要到外观设置那开启才能激活使用,色块出现的地方有首页,分类页,标签页,独立搜索页等等

设置方法是在文章编辑内填写自定义字段,支持的字段如下

blue、purple、green、yellow、red

  • 友情链接

如果你想获取跟我一样的友情链接页面,因为是 typecho 开发版,支持在页面内写<ul><li>所以你可以直接在<ul>内联一个class=”flinks”,然后在<li>插入你的友链,即可

浏览器兼容情况
这个····现代浏览器都兼容···下载研究吧!!!!!


赞(0) 打赏
未经允许不得转载:时光分享 » 分享一款基于Typecho开发的博客主题Pinghsu
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

时光分享-专注分享互联网经验干货、网络推广,共享免费建站资源。

联系我们免责声明

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏