美化左侧边栏输出优化

Author：小旭
发布时间：September 20, 2022
3747 views
No comments
1876 words
Categories：杂七杂八

## 修改方法

建议先引入 [Font Awesome](https://fontawesome.dashgame.com/) 图标库，在 `主题后台设置 -> 开发者设置 -> 自定义输出 head 头部的 HTML 代码` 里面添加下面的代码即可。

```html
<link
 href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css"
 rel="stylesheet"
/>
```

### 改代码

首先，打开 `libs/Content.php` ，在24行插入以下代码：

```PHP
/**
 *
 * @param $categories
 * @return string
 */
public static function returnAsideCategories($categories){
 $html = "";
 $options = mget();
 $icons = array(
 'default' => 'glyphicon glyphicon-tasks',
 'github' => 'fa fa-github'
 /**
 * 格式： '分类缩略名' => '图标名称',
 */
 );
 while($categories->next()) {
 if ($categories->levels === 0) {
 $children = $categories->getAllChildren($categories->mid);
 if (!empty($children)) {
 $html .= '<li><a class="auto">slug] . '">' . $categories->name . '</a>';
 $childCategoryHtml = '<ul class="nav nav-sub dk"><li class="nav-sub-header"><a>' . $categories->name . '</a></li>';
 foreach($children as $mid){
 $child = $categories->getCategory($mid);
 $childCategoryHtml .= '<li><a href="' . $child['permalink'] . '">' . $child['count'] . '' . $child['name'] . '</a></li>';
 }
 $childCategoryHtml .= '</ul>';
 $html .= $childCategoryHtml;
 $html .= "</li>";
 } else {
 $html .= '<li><a href="' . $categories->permalink . '" class="auto">' . $categories->count . 'slug].'">' . $categories->name . '</a></li>';
 }
 }
 }
 return $html;
}
```

在 `component/aside.php` 中找到以下代码（大约 `131 ~ 168` 行），删除以下代码。

```php
 
 <?php
 $class = "";
 if (in_array("openCategory",$this->options->featuresetup)){
 $class = "class=\"active\"";
 }
 ?>
 <li <?php echo $class; ?>>
 <a class="auto">

<?php _me("分类") ?>
 </a>
 <ul class="nav nav-sub dk">
 <li class="nav-sub-header">
 <a>
 <?php _me("分类") ?>
 </a>
 </li>

<?php $this->widget('Handsome_Widget_Metas_Category_List')->listCategories('wrapClass=nav nav-sub dk&childClass=child-nav'); ?>
 <?php
 $this->widget('Widget_Metas_Category_List')->to($categorys);
// echo Content::returnCategories($categorys)
 ?>

</ul>
 </li>
```

然后在class="line dk"（ `128` 行左右 ）插入以下代码

```php
 
 <li class="line dk"></li>

<li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
 <?php _me("分类") ?>
 </li>
 
 
 <?php
 $this->widget('Widget_Metas_Category_List')->to($categorys);
 echo Content::returnAsideCategories($categorys) ?>
 
```

然后，刷新你的博客，看看有没有效果呢

End

本文标题：美化左侧边栏输出优化

本文链接：https://sicx.top/han.html

除非另有说明，本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议。