油猴cnblogs博客园优化脚本

本文主要是介绍油猴cnblogs博客园优化脚本，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

博客园比CSDN干净多了，唯一的问题是字体太小，看起来费劲。而且行内代码的颜色和字体不太好，所以小小修改了一下。另外拉大了一点行间距。在这点上CSDN小胜。
还有个问题是WinXP主题下顶栏会出现错位的问题，修改了一下。我在Mac上的Safari看不对，不知道别的浏览器对不对。
油猴（TamperMonkey）中新建个脚本粘贴进去即可使用。

// ==UserScript==
// @name         cnblogs博客园优化
// @namespace    cnblogs
// @version      0.1
// @description  Just optimize it. Not like fucking csdn.
// @author       Sanders
// @match        *://*.cnblogs.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const universalFontSize = "18px";

    // 针对WinXP主题顶栏错位问题
    $(".HeaderBarTabBack").css("width", "2%");

    // 标题大小
    $("h1.postTitle").css("font-size", "24px");
    $("h2").css("font-size", "22px");
    $("h3").css("font-size", "20px");

    // p标签
    $("p").css("font-size", universalFontSize);
    $("p").css("line-height", "40px");

    // 列表、表格标签
    $("li").css("font-size", universalFontSize);
    $("tr").css("font-size", universalFontSize);

    // code标签
    $("code").css("font-size", "15px");
    $("code").css("font-weight", "normal");
    $("code").css("font-family", "menlo");
    $("code").css("color", "crimson");
    $(".postBody pre").css("margin-left", "20%");

    // 表格居中
    $(".table-wrapper").css("margin-left", "30%");
    // 图片居中
    $(".postBody img").css("margin-left", "20%");
    // Your code here...
})();

这篇关于油猴cnblogs博客园优化脚本的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！