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.phpError:注意:如果导致首页文章无法正常使用
<!--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.php使用下面的代码替换原有摘要输出(150是截断字数, ' ......' 是需要显示的提示)
<?php echo getExcerptTest($this->text,150,' ......'); ?>
替换原有摘要输出