终于有了一个自己的博客！

我在这里把我折腾的东西写下来吧，作为笔记XD

至于怎么安装搭建WordPress我就不说了，基本上不需要折腾。这份笔记从折腾主题开始。

一、主题

我自己没见过多少wp主题，见过的所有wp主题里不收费的个人感觉最好看的就是这个Zanblog主题了，因此博客目前使用的就是这个主题（版本2.1）。

安装好主题以后，自己根据需求配置了一下。可是配置完以后我感觉还是有不少不顺眼的地方的。

1. 最显眼的就是左上角那个大大的logo！于是我去网上找了个在线生成logo的网站生成了个logo，替换掉了/ui/images/logo.png，瞬间顺眼了不少
2. 搜索框那个黑黑的边，我用chrome调试工具去掉黑边以后感觉毫无违和感美感度爆棚，所以我就机制的将/ui/css/core.css里的搜索边框背景的相关代码注释掉了XD，还去掉了按钮
3. 登录框那里居然没有“隐藏”和“溢出”的小按钮，这就让我很不爽了，然后我研究了一下源代码，也加上了。upd:最后干脆把这个登陆框去掉了，改到了footer.php里
4. 字体和大小也不太顺眼，随便改了改
5. 将markdown编辑器的[]()生成加上target="_blank"
6. 手机端菜单栏显示非常差，和官方网站的源码比较了以后发现问题在header.php里，改一下就好了
7. 加上了katex渲染tex
8. 在/includes/widgets/里将所有部件文件里的hidden-xs去掉，以便于小屏幕设备能显示部件
9. 改了一下小屏幕设备标题栏大小和位置
10. 二级标题三级标题加上了点css
11. 去掉了相关推荐，改了前后文章，改了评论表情包（修改方法）
12. 增加前往底部、评论按钮
13. 在wp里用jquery必须这样jQuery(document).ready(function($) { blabla; }
14. md...wordpresss自动把英文标点转换中文，日，搞得一堆bug，禁了！安装一个Quotmarks Replacer插件就好

二、插件

我就列个插件表

1. a3 Lazy Load
2. Akismet
3. Auto Highslide
4. BackWPup
5. Crayon Syntax Highlighter
6. DX-auto-save-images
7. Featured Image Via URL
8. Google Font Fix
9. Infinite Scroll
10. WP Markdown Editor
11. WP 统计
12. WP-PostViews
13. Quotmarks Replacer
14. 多合一SEO包
15. 梅塔幻灯片
16. 面包屑导航

安装Auto Highslide

安装Auto Highslide插件比较麻烦，用的是这里的插件，百度云下载地址
把它解压到/wp-content/plugins/文件夹里（不要直接在后台安装这个压缩包），然后在后台的插件里启用它。

然后编辑主题文件的header.php，加入

<script type="text/javascript">
jQuery(document).ready(function($) {
    $('.article img').each(function(i){
        if (! this.parentNode.href) {
            $(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>");
        }
    });
});
</script>

代码块多一行空行

当WP Markdown Editor和Crayon Syntax Highlighter插件共用时，插入的代码后面一行会多一行空行
编辑主题的footer.php，加入

<script type="text/javascript">
var nodes = document.querySelectorAll('.crayon-pre');

if (nodes.length >= 1) {
    for (var i = nodes.length - 1; i >= 0; i--) {
        var lastnode = nodes[i].lastChild;
        if (lastnode.childNodes.length == 1) {
            nodes[i].removeChild(lastnode)
            var parent = nodes[i].parentNode.parentNode.children[0].children[0];
            parent.removeChild(parent.lastChild);
        };
    };    
};
</script>

文章中的链接在新窗口打开

将下列代码加到主题的functions.php里

// 链接新窗口打开
function autoblank($text) {
    $return = str_replace('<a', '<a target="_blank"', $text);
    return $return;
}
add_filter('the_content', 'autoblank');

最后，给大家免费分享一下我博客的主题

xalanq_blog_theme.zip

记得在你的博客下加上下面一句话（注意加上超链接），想支持我的也能捐助下我哦

Theme By YeahZan and xalanq