Typecho博客主题Joe7.7.1美化优化记录【持续更新】

Typecho博客主题Joe7.7.1美化优化记录【持续更新】

小天
2023-04-03 / 5 评论 / 876 阅读 / 搜一下 / 正在检测是否收录...


7.7.1版本更新内容:

  1. 去除QQ分享图片设置选项
  2. 新增静态资源本地化、CDN化
  3. 静态资源全同步至本地
  4. 去除live2d右下角人物功能

  1. 头像优化,Joe主题采用的头像源是gravatar,小天更换为了 dn-qiniu-avatar.qbox.me 七牛云的加速头像源。
  2. CDN加速优化,因为主题新版本加入了静态资源本地化、CDN化,所以主题所有的静态文件css ,js等,将整个assets目录上传至你的CDN,在模板后台设置好自己的加速域名即可加速。
  3. 插件优化,主题静态资源已实现CDN加速,接下来实现文章内图片的加速,小天改写了QiniuCDN插件,将附件资源和小天自用的静态资源文件,替换成七牛云CDN加速(请提前将你的附件文件目录/usr/uploads/上传到CDN)

至此,就实现了主题静态资源和文章内图片等静态资源的CDN加速。

  1. 老生常谈:SiteMap、Robots、站长平台
  2. 给网站博客侧边栏加一个请协助SEO优化
  3. 添加文章搜一下功能:Joe主题找到usr/themes/Joe/public下的batten.php 30行左右,插入如下代码,其他主题同理。
<span class="text">
  <a href="https://www.baidu.com/s?wd=<?php $this->title() ?>+site:www.xtboke.com" target="_blank">搜一下</a></span>
<span class="line">/</span>

  • 页面加载耗时的功能和样式的实现
    可以看到小天博客底部页面的一些样式和功能

样式的实现:可以去【 shields.io 】网站去自定义,种类很多,像ICP、版权信息等等。
功能的实现:找到usr/themes/Joe/public目录下的footer.php第47行,加入以下代码

document.getElementById('pagetimes').innerHTML = '<img src="https://img.shields.io/badge/页面加载耗时:-<?php _endCountTime(); ?>-green">';

_endCountTime()是获取页面耗时的函数;
pagetimes是前台标签的ID值,放到前台你想显示的位置即可。

<a href="javascript:(0)" id="pagetimes"></a>

未完 待续

12

评论 (5)

打卡
取消
  1. 头像
    ♙LV.2 菜鸟
    Android · Google Chrome

    博主,你会pjax吗 就是无刷新访问

    回复
  2. 头像
    ♙LV.1 like
    Windows 10 · Google Chrome

    首页显示的文章数量在哪设置?

    回复
  3. 头像
    ♙LV.3 毒蛊博客
    Windows 10 · Google Chrome

    滴!贵宾卡!打卡时间:20:48:15,请上车的乘客系好安全带~

    回复
  4. 头像
    ♙LV.1 归海
    Android · Google Chrome

    滴!贵宾卡!打卡时间:14:18:33,请上车的乘客系好安全带~表情

    回复
    1. 头像
      ♙LV.1 andy
      Windows 10 · Google Chrome
      @ 归海

      666

      回复