MENU

Typecho 主题调教(二)

2019 年 06 月 12 日 • Typecho

Typecho 是由 type 和 echo 两个词合成的,来自于开发团队的头脑风暴。

Type,有打字的意思,博客这个东西,正是一个让我们通过打字,在网络上表达自己的平台。Echo,意思是回声、反馈、共鸣,也是 PHP 里最常见、最重要的函数,相信大部分 PHP 爱好者都是从 echo 'Hello,world!'; 开始自己的 PHP 编程之路的。

大版本升级后需要修改的地方

style.css 中 Font Awesome 的 css 全部删除 

修改主题 post-card 缩略图及 CDN 相关代码

使用 ImageMagick 模块裁剪图片,生成缩略图

for file in *.jpg; do convert $file -resize x320 -quality 75% ${file%%.*}.jpg; done

优化 Font Awesome 加载速度

删除 style.css 中的 Font Awesome 代码,改用七牛 CDN 加速

https://cdn.staticfile.org

主题彩色标签云

<?php while ($tags->next()): ?>
    <a class="itags" href="permalink();?>" style="font-size:count)*30+100); ?>; color:#name.'rand'), 0, 6); ?>;">
        <?php echo Mirages::parseBiaoqing($tags->name) ?></a>
<?php endwhile; ?>

修改 Typecho 评论头像大小

# 打开 var/Widget/Comments/Archive.php 修改成
'avatarSize'    =>  128,

Mirages/Plugin.php

Mirages 插件,修改好有链接图片框格式,添加图片懒加载 lazyload:

<a href="{$match[2]}" target="_blank" class="no-underline">
    <div class="thumb">
        <img class="lazy-load" src="{$match[4]}" alt="{$match[3]}">
    </div>
</a>

footer.php

添加文章来源:

<script>
document.body.addEventListener('copy', function (e) {
    if (window.getSelection().toString() && window.getSelection().toString().length > 42) {
        setClipboardText(e);
        // alert('商业转载请联系作者获得授权,非商业转载请注明出处哦~\n谢谢合作~(。・`ω´・)');
    }
}); 
function setClipboardText(event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (clipboardData) {
        event.preventDefault();
        var htmlData = ''
            + '作者:Life is short, use Python<br>'
            + '链接:' + window.location.href + '<br>'
            + '来源:options->siteUrl(); ?><br><br>'
            + window.getSelection().toString();
        var textData = ''
            + '作者:Life is short, use Python\n'
            + '链接:' + window.location.href + '\n'
            + '来源:options->siteUrl(); ?>\n\n'
            + window.getSelection().toString();
 
        clipboardData.setData('text/html', htmlData);
        clipboardData.setData('text/plain',textData);
    }
}
</script>

赞助博客

2016~2020 年经济学人合集 ( PDF+EPUB+MOBI )
赞助合集
经济学人 2020 年音频赞助版
赞助音频
添加新留言

已有 2 条留言
  1. 鲸汐 鲸汐     Android /    Google Chrome

    问一下博主用的什么主题呀?挺好看的。想试试

    1.     MacOS /    Safari

      @鲸汐Mirages