Story主题优化

链接优化

为文章中和独立页面的内容里面的链接加上 _blank 和 external nofollow
在主题的functions.php里面添加如下内容

function parseContnet($content){
    $fa=array();
    preg_match_all('/<a (.*?)>/',$content,$a);
    $num=count($a[0]);
    for ($i = 0; $i < $num; $i++) {
        $f = $a[1][$i];
        $ff = '<a ' . $f . ' target="_blank" rel="external nofollow">';

        array_push($fa, $ff);
    }
    for ($i = 0; $i < $num; $i++) {
        $content = str_replace_limit($a[0][$i], $fa[$i], $content);
    }
    print_r($content); 
}

然后在post.php和page.php页面添加页面解析函数

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

导航树优化

设置文章导航树一直开启
在post.php页面将原有的代码改成如下

<?php
   $torHTML = post_tor($this->content);
   if ($torHTML != '') {
      print_r('<div id="postTorTree"><div id="torTree" style="display: inline-block;"><div class="torArcT"><div class="torArcTile">' . $torHTML . '</div></div></div></div>');
   }
?>

去掉footer.php的如下代码

<?php if ($this->is('post')) : ?>
      <?php $postConfig = post_config($this->content); ?>
      <?php if ($postConfig['isTorTree']) : ?>
          isMenu2('auto');
      <?php endif; ?>
<?php endif; ?>

同时去掉funtions.php中的function post_config($content)函数

添加表格样式

修改 mian.css文件

table {
    width: 100%; /*表格宽度*/
    max-width: 65em; /*表格最大宽度,避免表格过宽*/
    border: 1px solid #dedede; /*表格外边框设置*/
    margin: 15px auto; /*外边距*/
    border-collapse: collapse; /*使用单一线条的边框*/
    empty-cells: show; /*单元格无内容依旧绘制边框*/
}
table th,
table td {
    height: 35px; /*统一每一行的默认高度*/
    border: 1px solid #dedede; /*内部边框样式*/
    padding: 0 10px; /*内边距*/
}
/*表头样式*/
table th {
    font-weight: bold; /*加粗*/
    background: rgba(158,188,226,0.2); /*背景色*/
}
/*隔行变色*/
table tbody tr:nth-child(2n) {
    background: rgba(158,188,226,0.12);
}
/*悬浮变色*/
table tr:hover {
    background: #efefef;
}
/*2.首列不换行*/
table td:nth-child(1) {
    white-space: nowrap;
}
/*增加滚动条*/
.table-area {
    overflow: auto;
}

增加滚动条

/*需要jquery.min.js*/
$("table").wrap("<div class='table-area'></div>");

插件Prismjs

插件位置Prismjs
增加了对代码段的渲染

typecho & Story 真是个不错的选择
tag(s): typecho
show comments · back · home
Edit with markdown