• 文章介绍
  • 评价建议
  • Pinghsu 是一款以前端性能优化为出发点而制作的 typecho 主题,同时又兼顾设计美学和视觉传达。主题命名取自作者姓名和其女朋友姓名的最后一个字的港式英文,挣扎于 Hsuping 还是 Pinghsu,最后取为 Pinghsu,意为一切都是 Ping先Hsu 后,即系要听女朋友的话。

    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图

    主题亮点

    • 页面预加载与DNS预解析保证极快访问速度
    • 无JQuery,无前端框架,无webfont
    • 几乎零代码冗余,几乎每句代码都是有意义的
    • HighlightJS代码高亮,支持22种编程代码
    • 响应式设计,支持平板与手机,访问体验甚至优于桌面
    • 支持图片CDN镜像,支持多种文章缩略图设置
    • 支持首页三栏和单栏选择,文章题图和色块
    • 支持文章目录、相关文章与数学公式渲染
    • 支持文章个性化标徽设置,10种标徽选择
    • 支持个人社交按钮,社交分享
    • 主题设置添加XSS检测,评论提交防止触发多次
    • 还有更多亮点等你去发现~

    更多预览

    首页 – 三栏首页 – 单栏
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图2
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图4
    文章内容页 – 题图文章内容页 – 目录
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图6
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图8
    页面内容页内容页 – 评论
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图10
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图12
    分类页模板归档页
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图14
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图16
    搜索页404
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图18
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图20
    移动端 – 首页移动端 – 文章页移动端 – 分类页
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图22
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图24
    pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。插图26

    主题使用

    到 Github 下载,点击”Download ZIP”下载,解压后将文件夹改名为pinghsu后上传到 /usr/themes,并启用主题

    如果需要更新主题,则先下载最新文件,然后覆盖原文件即可完成更新,部分新增加的功能需要到后台开启才会生效

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

    外观设置

    外观设置主要分为四部分,分别为 logo、icon 的设置,功能开关,社交按钮设置,图片CDN镜像

    使用注意事项都在设置里写得比较清楚了,如果遇到不明白的地方,可以给我留言反馈

    下面有几点补充

    • CDN设置部分仅仅测试了七牛的,理论上也支持有镜像服务的CDN
    • 创建模板归档页,无论选择了哪个模板都要加上自定义字段archive

    独立搜索页

    设置方法看这里:Here

    文章缩略图

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

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

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

    个性化标徽

    个性化标徽出现的地方有首页、分类页,标签页,作者页和相关文章

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

    book 、 game 、 note 、 chat 、 code 、 image 、 web 、 link 、 design、 lock

    个性化色块

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

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

    bluepurplegreenyellowred

    友情链接

    如果你想获取跟我一样的友情链接页面,因为是 typecho 开发版,支持在页面内写<ul><li>

    所以你可以直接在<ul>内联一个class="flinks",然后在<li>插入你的友链,即可

    更多设置教程 : Here

    浏览器兼容情况

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

    本站所提供的主题和插件等资源及信息均搜集自互联网,我们无法保证所提供资源的安全性、可用性、可靠性、稳定性,用户在下载后及使用前需对其进行安全检测和漏洞分析,因使用本站提供的资源所导致的任何损失(包括但不限于:服务器被入侵、服务器感染木马病毒、网站被挂马、网站内容或文件被篡改、服务器被留下后门、服务器数据丢失、网站数据丢失等)全部由用户自行承担,本站不承担任何法律责任及连带责任。
    79UI网 » pinghsu:typecho图片主题,支持页面预加载与DNS预解析,速度极快。

    发表评论