说明：一片文章结尾感觉还是需要有相关文章推荐，typecho的handsome主题只是在右侧有随机文章推荐。

实现方法

1.后台--控制台--外观--编辑当前外观--post.php,在合适的位置增加以下代码：

<?php $this->related(5)->to($relatedPosts); ?> 
<?php if ($relatedPosts->have()): ?> 
<h3> <?php _e('相关文章：'); ?> </h3> 
    <?php while ($relatedPosts->next()): ?> 
    <li><a href="<?php $relatedPosts->permalink(); ?>" title="<?php $relatedPosts->title(); ?>"> <?php $relatedPosts->title(); ?> </a></li> 
    <?php endwhile; ?> 
<?php else: ?> <li>没有相关文章</li> 
<?php endif; ?>

本来想实现没有相关文章就显示随机文章的，无奈所学知识匮乏，以后再实现吧

前因后果

目前使用的友人C大大的handsome主题，回复时自带有颜文字和斗图两个选项。

结果被落叶大大吐槽表情太丑

然后，就把它扒过来了。

详细教程

找到主题文件夹handsome=>js=>OwO.json
在OwO.json文件里面添加如下泡泡代码

"泡泡": {
        "type": "image",
        "container": [{
            "text": "@(呵呵)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/呵呵.png\" />"
        },
        {
            "text": "@(哈哈)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/哈哈.png\" />"
        },
        {
            "text": "@(吐舌)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/吐舌.png\" />"
        },
        {
            "text": "@(太开心)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/太开心.png\" />"
        },
        {
            "text": "@(笑眼)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/笑眼.png\" />"
        },
        {
            "text": "@(花心)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/花心.png\" />"
        },
        {
            "text": "@(小乖)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/小乖.png\" />"
        },
        {
            "text": "@(乖)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/乖.png\" />"
        },
        {
            "text": "@(捂嘴笑)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/捂嘴笑.png\" />"
        },
        {
            "text": "@(滑稽)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/滑稽.png\" />"
        },
        {
            "text": "@(你懂的)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/你懂的.png\" />"
        },
        {
            "text": "@(不高兴)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/不高兴.png\" />"
        },
        {
            "text": "@(怒)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/怒.png\" />"
        },
        {
            "text": "@(汗)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/汗.png\" />"
        },
        {
            "text": "@(黑线)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/黑线.png\" />"
        },
        {
            "text": "@(泪)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/泪.png\" />"
        },
        {
            "text": "@(真棒)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/真棒.png\" />"
        },
        {
            "text": "@(喷)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/喷.png\" />"
        },
        {
            "text": "@(惊哭)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/惊哭.png\" />"
        },
        {
            "text": "@(阴险)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/阴险.png\" />"
        },
        {
            "text": "@(鄙视)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/鄙视.png\" />"
        },
        {
            "text": "@(酷)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/酷.png\" />"
        },
        {
            "text": "@(啊)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/啊.png\" />"
        },
        {
            "text": "@(狂汗)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/狂汗.png\" />"
        },
        {
            "text": "@(what)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/what.png\" />"
        },
        {
            "text": "@(疑问)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/疑问.png\" />"
        },
        {
            "text": "@(酸爽)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/酸爽.png\" />"
        },
        {
            "text": "@(呀咩爹)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/呀咩爹.png\" />"
        },
        {
            "text": "@(委屈)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/委屈.png\" />"
        },
        {
            "text": "@(惊讶)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/惊讶.png\" />"
        },
        {
            "text": "@(睡觉)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/睡觉.png\" />"
        },
        {
            "text": "@(笑尿)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/笑尿.png\" />"
        },
        {
            "text": "@(挖鼻)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/挖鼻.png\" />"
        },
        {
            "text": "@(吐)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/吐.png\" />"
        },
        {
            "text": "@(犀利)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/犀利.png\" />"
        },
        {
            "text": "@(小红脸)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/小红脸.png\" />"
        },
        {
            "text": "@(懒得理)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/懒得理.png\" />"
        },
        {
            "text": "@(勉强)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/勉强.png\" />"
        },
        {
            "text": "@(爱心)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/爱心.png\" />"
        },
        {
            "text": "@(心碎)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/心碎.png\" />"
        },
        {
            "text": "@(玫瑰)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/玫瑰.png\" />"
        },
        {
            "text": "@(礼物)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/礼物.png\" />"
        },
        {
            "text": "@(彩虹)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/彩虹.png\" />"
        },
        {
            "text": "@(太阳)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/太阳.png\" />"
        },
        {
            "text": "@(星星月亮)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/星星月亮.png\" />"
        },
        {
            "text": "@(钱币)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/钱币.png\" />"
        },
        {
            "text": "@(茶杯)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/茶杯.png\" />"
        },
        {
            "text": "@(蛋糕)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/蛋糕.png\" />"
        },
        {
            "text": "@(大拇指)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/大拇指.png\" />"
        },
        {
            "text": "@(胜利)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/胜利.png\" />"
        },
        {
            "text": "@(OK)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/OK.png\" />"
        },
        {
            "text": "@(沙发)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/沙发.png\" />"
        },
        {
            "text": "@(手纸)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/手纸.png\" />"
        },
        {
            "text": "@(香蕉)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/香蕉.png\" />"
        },
        {
            "text": "@(便便)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/便便.png\" />"
        },
        {
            "text": "@(药丸)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/药丸.png\" />"
        },
        {
            "text": "@(红领巾)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/红领巾.png\" />"
        },
        {
            "text": "@(蜡烛)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/蜡烛.png\" />"
        },
        {
            "text": "@(音乐)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/音乐.png\" />"
        },
        {
            "text": "@(灯泡)",
            "icon": "<img src=\"//m.helingqi.com/expression/paopao/灯泡.png\" />"
        }]
    }

注意：以上代码加在最后一个 } 的上一行，同时，171行后的 } 后面要加上英文的 , 号

看一下完成之后的效果吧。

要添加其他表情也是同样的方法，加入json就行了。

这是一款可以媲美收费主题的免费typecho主题，设置选项多，精美大方。

在复杂中，保持简洁。
如你所见，这是一款花费很长时间才得以完成的主题。但是总体积除去图片，控制在500K以下。
在功能强大和体积轻巧中不断权衡，然后呈现在你的面前。这一切，完全免费。
为了更好地创作，为了更好记录生活。
愿我们不会在岁月流逝中迷失自己，仍然能够在时光的碎片找到过往的痕迹。
这样应该就已经足够了吧。

安装主题和设置都还是很简单的，关键要先读“handsome主题安装与使用说明文档（持续更新）”
作者主页：https://www.ihewro.com/archives/489/