This commit is contained in:
30
ContentIndex/ContentIndex.css
Normal file
30
ContentIndex/ContentIndex.css
Normal file
@@ -0,0 +1,30 @@
|
||||
@charset 'utf-8';
|
||||
@media(min-width: 760px) {
|
||||
#theContentIndex {
|
||||
position:fixed;
|
||||
display:block;
|
||||
left:-50%;
|
||||
bottom:0;
|
||||
max-height:100%;
|
||||
overflow-y:auto;
|
||||
background: #fff;
|
||||
padding-right: 20px;
|
||||
transition: left 0.5s;
|
||||
}
|
||||
#theContentIndex:hover {
|
||||
left:0;
|
||||
}
|
||||
#theContentIndex:before {
|
||||
position:fixed;
|
||||
bottom:0;
|
||||
left:0;
|
||||
content:'CONTENTS';
|
||||
background:#eee;
|
||||
padding:10px 20px;
|
||||
transition: bottom .5s;
|
||||
}
|
||||
#theContentIndex:hover:before {
|
||||
bottom: -5em;
|
||||
transition-delay:.3s;
|
||||
}
|
||||
}
|
||||
103
ContentIndex/Plugin.php
Normal file
103
ContentIndex/Plugin.php
Normal file
@@ -0,0 +1,103 @@
|
||||
<?php
|
||||
/**
|
||||
* 为含有多个标题的文章生成目录
|
||||
*
|
||||
* @package ContentIndex
|
||||
* @author laobubu
|
||||
* @version 1.0.0
|
||||
* @link http://laobubu.net
|
||||
*/
|
||||
class ContentIndex_Plugin implements Typecho_Plugin_Interface
|
||||
{
|
||||
/**
|
||||
* 激活插件方法,如果激活失败,直接抛出异常
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
* @throws Typecho_Plugin_Exception
|
||||
*/
|
||||
public static function activate()
|
||||
{
|
||||
Typecho_Plugin::factory('Widget_Archive')->header = array('ContentIndex_Plugin', 'header');
|
||||
Typecho_Plugin::factory('Widget_Archive')->singleHandle = array('ContentIndex_Plugin', 'singleHandle');
|
||||
}
|
||||
|
||||
/**
|
||||
* 禁用插件方法,如果禁用失败,直接抛出异常
|
||||
*
|
||||
* @static
|
||||
* @access public
|
||||
* @return void
|
||||
* @throws Typecho_Plugin_Exception
|
||||
*/
|
||||
public static function deactivate(){}
|
||||
|
||||
/**
|
||||
* 获取插件配置面板
|
||||
*
|
||||
* @access public
|
||||
* @param Typecho_Widget_Helper_Form $form 配置面板
|
||||
* @return void
|
||||
*/
|
||||
public static function config(Typecho_Widget_Helper_Form $form){
|
||||
}
|
||||
|
||||
/**
|
||||
* 个人用户的配置面板
|
||||
*
|
||||
* @access public
|
||||
* @param Typecho_Widget_Helper_Form $form
|
||||
* @return void
|
||||
*/
|
||||
public static function personalConfig(Typecho_Widget_Helper_Form $form){}
|
||||
|
||||
|
||||
/**
|
||||
* 插件实现方法
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
public static function header($header,$that){
|
||||
$siteUrl = Helper::options()->siteUrl;
|
||||
echo "<link href=\"{$siteUrl}usr/plugins/ContentIndex/ContentIndex.css\" rel=\"stylesheet\" type=\"text/css\" />";
|
||||
}
|
||||
|
||||
/**
|
||||
* 插件实现方法
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
public static function singleHandle($that,$select) {
|
||||
if (preg_match_all("/<h(\d)>(.*)<\/h\d>/isU",$that->content,$outarr)) {
|
||||
$index = array();
|
||||
$index_out = "";
|
||||
$minlevel = 6;
|
||||
for ($key=0; $key<count($outarr[2]);$key++) {
|
||||
$ta = $that->content;
|
||||
$tb = strpos($ta, $outarr[0][$key]);
|
||||
$that->content = substr($ta, 0, $tb)."<a name=\"ci_title{$key}\"></a>".substr($ta, $tb);
|
||||
|
||||
if ($outarr[1][$key]<$minlevel)
|
||||
$minlevel = $outarr[1][$key];
|
||||
array_push($index,
|
||||
array(
|
||||
"level"=>$outarr[1][$key],
|
||||
"link"=>"<a href=\"#ci_title{$key}\">{$outarr[2][$key]}</a>"
|
||||
)
|
||||
);
|
||||
}
|
||||
$curlevel = 0;
|
||||
foreach ($index as $i) {
|
||||
if ($i["level"]>$curlevel) $index_out.="<ul>\n";
|
||||
elseif ($i["level"]<$curlevel) $index_out.=str_repeat("</ul>\n", $curlevel-$i["level"]);
|
||||
$curlevel = $i["level"];
|
||||
$index_out .= "<li>{$i['link']}</li>\n";
|
||||
}
|
||||
$index_out.=str_repeat("</ul>\n", $curlevel - $minlevel + 1);
|
||||
|
||||
$that->content = "<div id=\"theContentIndex\">{$index_out}</div>". $that->content;
|
||||
}
|
||||
}
|
||||
}
|
||||
27
ContentIndex/README.md
Normal file
27
ContentIndex/README.md
Normal file
@@ -0,0 +1,27 @@
|
||||
# ContentIndex for Typecho
|
||||
|
||||
一个为 Typecho 文章单页生成内容目录的插件。
|
||||
|
||||
Blog: http://note.laobubu.net/archives/typecho-contentindex
|
||||
|
||||
## 安装
|
||||
|
||||
将程序文件夹丢到 `usr/plugins/ContentIndex` 下即可,文件夹自己建。
|
||||
|
||||
|
||||
## 配置
|
||||
|
||||
访问后台-插件管理,启用 ContentIndex。
|
||||
|
||||
|
||||
## 一些有用的信息
|
||||
|
||||
### 样式
|
||||
|
||||
此扩展会在文章内容开头处插入一个 `id="theContentIndex"` 的 div,里面就是导航及链接。
|
||||
|
||||
此外还有扩展目录下的 `ContentIndex.css` 会被加入到页面中。
|
||||
|
||||
如果你不喜欢目录藏左下角的这种设计,可以自行编辑之。
|
||||
|
||||
如果编辑出了很赞的样式,可以去[我博客](http://note.laobubu.net/archives/typecho-contentindex)留言分享哦~
|
||||
Reference in New Issue
Block a user