无折腾不生活。总是想活的安逸点,专心写博客。但是看到主题这个那个不顺心就没法写,这不,又去折腾了。我啊总是要把博客的软件硬件搞好了,才能用心写它的内容。经过多次的折腾CSS,现在主题原生就已经可以粗暴地自识别手机、平板等设备了,文章内的图片也根据设备自动调整宽度,不需要第三方插件实现。告诉你们一件事,在折腾前我还重装了VPS的系统,玛德老是被CC攻击。

折腾一

都是天杀的兼容问题,因为jQuery的兼容问题,导致了原来文章顶部的评分插件罢工了,该工作的插件不工作,真不爽。于是就去查,究竟是什么问题,本来也不知道是jQuery的问题的,JiaJieChan也不记得在什么时候才是就禁止了Wordpress加载自带的jQuery库。一直使用官方的jQuery库,可是最近就发现这个评分插件不工作,无奈替换了几个jQuery库也不行,真是不知道怎么办。各种尝试失败告终(博主菜鸟会改代码但不会写),最后使用WP自带的jQuery库,玛德居然可以了。当然也就造成了边栏等更多的jQuery动画功能失效。问路的Google反代又不行了,无奈去百度了一下,初步估计是由于使用简写$作为对象选取函数而没有使用jQuery,导致自带库不能识别,只好将所有的JS都改了一遍。

终于都好了,就剩下个蜘蛛放回顶部失效,不管了,有空换掉它。

也对这个评分插件修改了星星的样式,在首页插入每篇文章的分数(只能看不能评分)。

 

折腾二

今天在偶然的情况下发现文章评论出现了bug,一篇文章多次刷新尽然出现其他文章的评论内容,无语了。不知道什么问题,评论的bug猜想是@悬浮评论的问题,可是替换了INOVE默认的评论也还是这样。没办法就把整个主题都替换了,又没有事了。判断问题出现的主题里面的某个文件上,之后替换法找到是single.php的问题,问题就出现在原来文章页底的随机文章上。

    <!-- Random posts START -->
    <div id="random_posts" class="right">
        <?php if (function_exists('get_most_viewed')) { ?>
            <div>Most Viewed Posts</div>
            <ul>
            <?php get_most_viewed('post', 5); ?>
            </ul>
        <?php } else { ?>
            <div>Random Posts</div>
            <ul>
            <?php
            $rand_posts = get_posts('numberposts=5&orderby=rand');
            foreach( $rand_posts as $post ) :
            ?>
            <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
            <?php endforeach; ?>
            </ul>
        <?php } ?>
    </div>
    <!-- Random posts END -->

问题就出现在高亮的代码上,随机出现的问题影响了评论的获取,所以出现获取了其他文章的评论。最后换了一个获取随机文章的方式,问题解决。

    <!-- Random posts START -->
    <div id="random_posts" class="right">
        <?php if (function_exists('get_most_viewed')) { ?>
            <div>Most Viewed Posts</div>
            <ul>
            <?php get_most_viewed('post', 5); ?>
            </ul>
        <?php } else { ?>
            <div>Random Posts</div>
            <?php wp_reset_query(); ?>  
            <?php query_posts("showposts=5&caller_get_posts=1&order=DESC&orderby=rand"); ?>  
            <ul>  
                <?php if (have_posts()) : while (have_posts()) : the_post(); ?>  
                <li><a href="<?php the_permalink() ?>" title="<?php the_title() ?>" target="_blank"><?php the_title() ?></a></li>  
                <?php endwhile ?>  
                <?php endif ?>  
            </ul>   
            <?php wp_reset_query(); ?>
        <?php } ?>
    </div>
    <!-- Random posts END -->

 

折腾三也来了

有这个折腾是因为代码高亮(Crayon Syntax Highlighter)插件,对现在用的Github样式还是不满意,就按照自己的想法去改吧。基于Github的样式修改了一些小地方,去掉了边框、背景色,只留下代码的标题栏。这次折腾主要是改了行号的Color和Border。整体看上去不错,一目了然。晕,连截图的内容都是折腾...

crayon-theme-github

折腾完了,最后声明一下,所有的修改都基于mg12大神的iNove主题,虽然很多代码都旧了,但是JiaJieChan还是一如既往的使用下去。

Last modification:June 25th, 2021 at 08:35 pm
If you think my article is useful to you, please feel free to appreciate