Typecho 实现短代码功能

warning: 这篇文章距离上次修改已过201天,其中的内容可能已经有所变动。

Typecho 实现短代码功能。

前几天,准备对博客首页大改。在寻找灵感的途中。发现有的博客实现了一些好玩的功能。

这个短代码就是其中之一。

毕竟markdown里没有太明显的提示或警告。

稍微研究了一下。


演示

短代码标记短代码标记

info:一般提示
warning:警告提示
Error:危险提示
info:多行内容测试:

生活如酒,或芳香,或浓烈,因为诚实,它变得醇厚;生活如歌,或高昂,或低沉,因为守信,它变得悦耳; 生活如画,或明丽,或素雅,因为诚信,它变得美丽。

原理

很简单的一个原理,用正则匹配短代码标签,把他替换成样式就OK了。


方法

在主题的 functions.php 的文件里,新建个函数。

// 短代码测试
    function getContentTest($content) {
        $pattern = '/\[(info)\](.*?)\[\s*\/\1\s*\]/';
        $replacement = '<div class="hint hint-info"><span class="glyphicon glyphicon-info-sign hint-info-icon" aria-hidden="true"></span>$2</div>';    
        $content = preg_replace($pattern, $replacement, $content);

        $pattern = '/\[(warning)\](.*?)\[\s*\/\1\s*\]/';
        $replacement = '<div class="hint hint-warning"><span class="glyphicon glyphicon-question-sign hint-warning-icon" aria-hidden="true"></span>$2</div>';    
        $content = preg_replace($pattern, $replacement, $content);

        $pattern = '/\[(danger)\](.*?)\[\s*\/\1\s*\]/';
        $replacement = '<div class="hint hint-danger"><span class="glyphicon glyphicon-exclamation-sign hint-danger-icon" aria-hidden="true"></span>$2</div>';    
        $content = preg_replace($pattern, $replacement, $content);
        
        return $content;
    }

短代码短代码

然后把主题里输出文章内容的函数(共三处处:index.php 、page.php 和 articles.php)

<?php $this->content(); ?>

换成你刚刚添加的

<?php echo getContentTest($this->content); ?

articles.phparticles.php

Error:注意:如果导致首页文章无法正常使用<!--more-->标记截断,请移步此处

文章摘要去除短代码标记

原理:对excerpt函数输出的内容再次正则匹配,来在摘要中剔除 短代码标记

在输出的摘要中剔除短代码标记在输出的摘要中剔除短代码标记

// 摘要短代码测试
function getExcerptTest($excerpt,$num,$str) {
    $pattern = '/\[(info)\](.*?)\[\s*\/\1\s*\]/';
    $replacement = ' $2 ';  
    $excerpt = preg_replace($pattern, $replacement, $excerpt);

    $pattern = '/\[(warning)\](.*?)\[\s*\/\1\s*\]/';
    $replacement = ' $2 ';  
    $excerpt = preg_replace($pattern, $replacement, $excerpt);

    $pattern = '/\[(danger)\](.*?)\[\s*\/\1\s*\]/';
    $replacement = ' $2 ';  
    $excerpt = preg_replace($pattern, $replacement, $excerpt);

    //使用mb_substr防止中文截取成乱码,需要开启extension=php_mbstring.dll扩展,一般都开了
    return mb_substr($excerpt,0,$num,"UTF-8").$str;
}

functions.phpfunctions.php

使用下面的代码替换原有摘要输出(150是截断字数, ' ......' 是需要显示的提示)

<?php echo getExcerptTest($this->text,150,' ......'); ?>

替换原有摘要输出替换原有摘要输出

已有 3 条评论

  1. 山卜方 山卜方

    感谢,终于知道怎么弄了

  2. 山卜方 山卜方

    在麻烦问下,首页的列表应该怎么替换,首页还是显示短代码的字符!我是 ''这么填写的发现没有效果

    1. 需要替换输出文章内容的函数共有三处处,分别是在主题的 index.php(首页文章列表) page.php(文章详情)和 articles.php(搜索结果文章列表)文件中。更详细方法的已在邮件中回复。

添加新评论

* 已开启反垃圾保护,《隐私政策》