Typecho自动生成文章目录索引
修改目的
Typecho自带的Markdown不支持[TOC]
目录标签,这样导致需要引入目录索引的时候没办法调用,尝试通过安装插件的方法实现,但是与Dplayer
有冲突,所以放弃了,最后通过直接修改源码的方法得以实现,效果展示如下:
修改方法
修改functions.php,在末尾添加函数代码:
function createCatalog($obj) { //为文章标题添加锚点
global $catalog;
global $catalog_count;
$catalog = array();
$catalog_count = 0;
$obj = preg_replace_callback('/<h([1-6])(.*?)>(.*?)<\/h\1>/i', function($obj) {
global $catalog;
global $catalog_count;
$catalog_count ++;
$catalog[] = array('text' => trim(strip_tags($obj[3])), 'depth' => $obj[1], 'count' => $catalog_count);
return '<h'.$obj[1].$obj[2].'><a name="cl-'.$catalog_count.'"></a>'.$obj[3].'</h'.$obj[1].'>';
}, $obj);
return $obj;
}
function getCatalog() { //输出文章目录容器
global $catalog;
$index = '';
if ($catalog) {
$index = '<ul>'."\n";
$prev_depth = '';
$to_depth = 0;
foreach($catalog as $catalog_item) {
$catalog_depth = $catalog_item['depth'];
if ($prev_depth) {
if ($catalog_depth == $prev_depth) {
$index .= '</li>'."\n";
} elseif ($catalog_depth > $prev_depth) {
$to_depth++;
$index .= '<ul>'."\n";
} else {
$to_depth2 = ($to_depth > ($prev_depth - $catalog_depth)) ? ($prev_depth - $catalog_depth) : $to_depth;
if ($to_depth2) {
for ($i=0; $i<$to_depth2; $i++) {
$index .= '</li>'."\n".'</ul>'."\n";
$to_depth--;
}
}
$index .= '</li>';
}
}
$index .= '<li><a href="#cl-'.$catalog_item['count'].'">'.$catalog_item['text'].'</a>';
$prev_depth = $catalog_item['depth'];
}
for ($i=0; $i<=$to_depth; $i++) {
$index .= '</li>'."\n".'</ul>'."\n";
}
$index = '<div id="toc-container">'."\n".'<div id="toc">'."\n".'<strong>文章目录</strong>'."\n".$index.'</div>'."\n".'</div>'."\n";
}
echo $index;
}
继续在functions.php内搜索关键词themeInit
函数
如果有themeInit这个函数,则在themeInit这个函数内添加下面的代码
if ($archive->is('single')) {
$archive->content = createCatalog($archive->content);
}
如果没有themeInit这个函数,则在functions.php最后一行之前添加下面的代码
function themeInit($archive) {
if ($archive->is('single')) {
$archive->content = createCatalog($archive->content);
}
}
最后在需要输出文章目录的位置调用<?php getCatalog(); ?>
即可
PS:我插入的位置:修改post.php文件
在
<div data-target="<?php $this->options->postLinkOpen(); ?>" data-color="<?php echo $color['link']; ?>" class="post-content">
后面添加
<?php getCatalog(); ?>
修改page.php文件
在
<div data-target="<?php $this->options->postLinkOpen(); ?>" class="post-content" data-color="<?php echo $color['link']; ?>">
后面添加
<?php getCatalog(); ?>
参考链接:
(https://www.typecho.wiki/typecho-topic-integration-article-directory-function.html)
当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »