这次主要是整合一下前面的魔改教程。

用到的css和js




主题样式实现方式

header.php文件引入css

<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/handsome.css?v=<?php echo Handsome::$version.Handsome_Config::$versionTag ?>" type="text/css" />

footer.php文件引入js

<script src="<?php echo STATIC_PATH ?>js/custom.js?v=<?php echo Handsome::$version.Handsome_Config::$versionTag
?>"></script>

Content.php文件<!--text-muted-->后添加

<a href="{$parameterArray['linkUrl']}" class="ahover"></a>

Content.php文件注释掉

//if ($options->commentChoice == '0'){   注释掉首页显示浏览次数
                $html .= <<<EOF
<a href="{$parameterArray['linkUrl']}#comments" class="m-l-sm post-item-comment"><i class="iconfont icon-comments-o text-muted"></i>&nbsp;{$commentNumString}</a>
EOF;
            //}else{
                $html .= <<<EOF
<a href="{$parameterArray['linkUrl']}#comments" class="m-l-sm"><i class="fontello fontello-eye text-muted"></i>&nbsp;{$viewNumString}</a>
EOF;
                
            //}
            $html .= <<<EOF

代码高亮实现方式

在主题后台选择——>外观设置——>代码高亮风格——>自定义
然后替换custom.min.css文件
footer.php文件引入js

<script src="<?php echo STATIC_PATH ?>js/prism.js?v=<?php echo Handsome::$version.Handsome_Config::$versionTag
?>"></script>

在pjax回调函数填入

var new_element = document.createElement("script");
new_element.setAttribute("type", "text/javascript");
new_element.setAttribute("src", "http://js文件地址");
document.body.appendChild(new_element);

在文章页添加标签云

修改sidebar.php文件在<?php if (IS_TOC): ?>前添加

<section id="tag_cloud-2" class="widget widget_tag_cloud wrapper-md clear">
                  <h3 class="widget-title m-t-none text-md"><?php _me("标签云") ?></h3>
                  <div class="tags l-h-2x">
                      <?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud','ignoreZeroCount=1&limit=30')->to($tags); ?>
                      <?php if($tags->have()): ?>
                          <?php while ($tags->next()): ?>
                              <a href="<?php $tags->permalink();?>" class="label badge" title="<?php $tags->name(); ?>" data-toggle="tooltip"><?php $tags->name(); ?></a>
                          <?php endwhile; ?>
                      <?php endif; ?>
                  </div>
              </section>

不提示复制自动带版权

全图走cdn

附件图片


主题头图

如果觉得我的文章对你有用,请随意赞赏