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

用到的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

附件图片


主题头图

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