美化cnblogs

// ==UserScript==
// @name         博客园
// @namespace    http://www.terwergreen.com/
// @version      0.0.1
// @description  博客园界面美化
// @author       Terwer
// @match        *://www.cnblogs.com/
// @match        *://www.cnblogs.com/pick*
// @match        *://www.cnblogs.com/candidate*
// @match        *://www.cnblogs.com/news*
// @match        *://www.cnblogs.com/following*
// @match        *://www.cnblogs.com/aggsite*
// @match        *://www.cnblogs.com/cate*
// @match        *://www.cnblogs.com/comment*
// @grant        GM_addStyle
// @require??   ?https://cdn.staticfile.org/jquery/1.12.4/jquery.min.js
// ==/UserScript==

console.log("Hello cnblogs");

var cnblogsCss = `
#cnblogs_a1{
    display:none;
}
#cnblogs_b1{
    display:none;
}
#cnblogs_b2{
    display:none;
}
#cnblogs_b3{
    display:none;
}
#cnblogs_b4{
    display:none;
}


body{
    line-height:22px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "Hiragino Sans GB","Microsoft Yahei",SimSun,Arial,"Helvetica Neue",Helvetica;
    color: #333;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff !important;
}

#hd_info{
    background: #F2F5F4 !important;
}

button, input, optgroup, select, textarea {
    margin: 0;
    padding: 0;
    border: 1px solid #ededed;
    border-radius: 0;
    font-family: "Hiragino Sans GB","Microsoft Yahei",SimSun,Arial,"Helvetica Neue",Helvetica;
}

a:link, a:visited, a:active {
    color: #555 !important;
    background-color: transparent !important;
}

a:hover{
    color:  #00B38A !important;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
`;

// nav_menu
cnblogsCss += `
#nav_menu{
    margin:0;
    min-width: 1200px;
    height: 40px;
    background: #32373e;
}
#nav_menu .inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

#nav_menu div.lg_tbar_l {
    float: left;
}

#nav_menu ul.lg_tbar_m {
    float: left;
    overflow: hidden;
    margin-left: 34px;
}

#nav_menu div.lg_tbar_r {
    float: right;
}


#nav_menu div.lg_tbar_l .logo {
    color:  #00B38A !important;
    height: 21px;
    float: left;
    padding-left: 0;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
}

#nav_menu div.lg_tbar_l a, #lg_tbar div.lg_tbar_r a, #lg_tbar div.lg_tbar_l span, #lg_tbar div.lg_tbar_r span {
    color: #c4c3c3 !important;
    float: left;
    line-height: 40px;
    padding: 0 12px;
}

#nav_menu ul.lg_tbar_m li {
    width: 70px;
    line-height: 40px;
    float: left;
}

#nav_menu ul.lg_tbar_m li a.current {
    color: #fff !important;
    background: #24282C !important;
}
#nav_menu ul.lg_tbar_m li a {
    font-size: 14px;
    color: #afb5c0 !important;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding:0;
}

#nav_menu a:link, #nav_menu a:visited, #nav_menu a:active {
    color: #eee !important;
    text-decoration: none;
}
#nav_menu ul.lg_tbar_m li a:hover{
   color: #fff !important;
}

#nav_menu div.lg_tbar_l a.lg_app, #nav_menu div.lg_tbar_r a.lg_app {
    color: #08d7a2;
    padding: 0 12px 0 27px;
    margin-top: 13px;
    line-height: 15px;
}
#nav_menu div.lg_tbar_l a, #nav_menu div.lg_tbar_r a, #nav_menu div.lg_tbar_l span, #nav_menu div.lg_tbar_r span {
    color: #c4c3c3;
    float: left;
    line-height: 40px;
    padding: 0 12px;
}
`;

cnblogsCss += `
#side_nav{
    top:174px;
    background-color: #fff !important;
}
#side_right{
    top:174px;
    background-color: #fff !important;
}

.search-wrapper {
    background: #F2F5F4;
    padding: 30px 0 28px;
    min-width: 1200px;
}
.search_box {
    border: 0 solid #00b38a;
    width: 938px;
    height: 46px;
    margin: 0 auto;
    position: relative;
}

.search_input {
    width: 762px;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 16px;
    padding: 12px 16px;
    margin: 0;
    border: 1px solid #E8E8E8;
    border-right: 0;
}
.search_button {
    float: left;
    width: 142px;
    height: 46px;
    font-size: 18px;
    color: #FFF;
    border: 0;
    background: #00b38a;
    cursor: pointer;
}
`;

cnblogsCss += `
.rss_link{
    top:178px;
}
`

cnblogsCss += `
.post_nav_block_wrapper{
    border:none;
}
.post_nav_block a{
    border:none;
}

.post_nav_block a.current_nav:link, .post_nav_block a.current_nav:visited, .post_nav_block a.current_nav:active {
    background-color: #fff;
    border:none;
    border-bottom: 2px solid #0dca9f;
}
.post_nav_block a:link, .post_nav_block a:visited, .post_nav_block a:active{
    border:none;
}

.post_item{
    color: #555;
    border: 1px solid #ededed;
    padding: 18px;
}

.post_item_body{
    margin-left: 0;
}

.post_item_body a.titlelnk{
    margin: 0;
    font-size: 16px;
    color: #00b38a !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-weight: normal;
    text-decoration: none;
}
#post_list .post_item_summary{
    font-size: 14px;
}
.post_item_foot{
    height: 20px;
    padding: 15px 10px;
    background-color: #fafafa;
}

.diggit{
    display: inline-block;
    max-width: 108px;
    height: 28px;
    font-size: 12px;
    line-height: 20px;
    color: #555 !important;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    background-image:none;
    background-color: #fafafa;
}
.diggnum{
    color: #555 !important;
}
.pfs{
    width:48px;
    height:48px;
    margin-right:15px;
    border:none;
    margin-top:0;
}
.digg{
    float:right;
}
.gray:hover{
    font-size:14px;
}
`;

// 左侧菜单
cnblogsCss += `
#side_nav{
    top:874px;
}
#sidebar{
    position: absolute;
    left: 10px;
    top: 174px;
}
.r_l_1{
    height: 0;
}
.r_l_2{
    margin: 0;
    height: 0;
}
.r_l_3{
    margin: 0;
    height: 0;
    border-bottom: 1px solid #ddd;
}
#side_nav .w_l{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
`;

//与元数据块中的@grant值相对应，功能是生成一个style样式
GM_addStyle(cnblogsCss);

// 移除广告
removeAd();
// 生成菜单
makeNavMenu();
// 生成搜索
makeSearch();
// 生成左侧菜单
makeLeftMenu();

// function
function removeAd() {
    $("#header").remove();
    $("#cnblogs_a1").remove();
    $("#cnblogs_b1").remove();
    $("#cnblogs_b2").remove();
    $("#cnblogs_b3").remove();
    $("#cnblogs_b4").remove();

    $(".side_search").remove();
    $("#search_block").remove();

    $("#ad_right_text").remove();

    // 移除.NET技术
    // $("#cate_item_108698").remove();
}

// make nav menu
function makeNavMenu() {
    var inner = ``;
    var innerHeader = `<div class="inner">
<div class="lg_tbar_l">
<a href="https://www.cnblogs.com/" class="logo">博客园</a>
</div>`;

    var innerBody = `<ul class="lg_tbar_m">
<li>
<a href="https://www.cnblogs.com/" class="current" data-lg-tj-id="5i00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull">首页</a>
</li>
`;

    var as = $("#nav_menu a");
    console.log(as);
    as.each(function (i, n) {
        var hrf = $(n).attr("href");
        var txt = $(n).text();
        innerBody += `<li><a rel="nofollow" href="` + hrf + `" target="_blank" data-lg-tj-id="ic00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" data-lg-tj-track-code="index_yanzhi">` + txt + `</a></li>`;
    });
    innerBody += `</ul>`;


    var innerFooter = `<div class="lg_tbar_r">
<a rel="nofollow" href="https://app.cnblogs.com/"  target="_blank" class="lg_app" data-lg-tj-id="5500" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" target="_blank">博客园APP</a>
<a rel="nofollow" href="https://i.cnblogs.com/" target="_blank" class="lg_os" data-lg-tj-id="5600" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" data-lg-tj-track-code="index_qiyeban">进入后台</a>
</div>
</div>`;

    inner += innerHeader;
    inner += innerBody;
    inner += innerFooter;

    $("#nav_menu").empty()
    $("#nav_menu").append(inner);
}

// make search
function makeSearch() {
    var search = `
<div id="search">
    <!-- 搜索 -->
    <div class="search-wrapper">
    <div id="search_box" class="search_box" data-lg-tj-track-code="index_search" data-lg-tj-track-type="1">
        <form id="searchForm" class="searchForm clearfix" name="searchForm" action="https://zzk.cnblogs.com/s?t=b" method="get">
            <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
            <input type="text" id="search_input" name="w" class="search_input ui-autocomplete-input" tabindex="1" maxlength="64" autocomplete="off" value="" placeholder="请输入文章关键字">
            <input type="submit" id="search_button" class="search_button" value="搜索" data-lg-tj-id="4V00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull">
        </form>
    </div>
    </div>
</div>
`;
    $("#nav_menu").after(search);
}

// make left menu
function makeLeftMenu() {
    var leftMenu = `
<div id="sidebar">左侧菜单</div>
`;

    $("#cate_title_block").remove();
    $("#pager_bottom").after(leftMenu);
}

美化cnblogs

原文：https://www.cnblogs.com/tangyouwei/p/10827630.html