文章样式优化

文章样式优化,更加人性化的阅读体验

Install this script?
Author's suggested script

You may also like 掘金小册阅读优化.

Install this script
// ==UserScript==
// @name         文章样式优化
// @namespace    https://greasyfork.org/zh-CN/users/764555
// @version      1.0.8
// @description  文章样式优化,更加人性化的阅读体验
// @author       冰冻大西瓜
// @license      GPLv3
// @match        https://juejin.cn/post/*
// @grant        GM_addStyle
// @run-at       document-start
// @note         更新 license 和 namespace
// @note         调整了热门评论的展示区域
// @note         调整左侧边栏按钮位置与样式,使其更加美观
// @note         优化评论区和推荐文章区域样式,使其适配主文区域宽度
// @note         增大文章字体大小,让阅读更舒适(更新)
// @note         屏蔽右侧边栏掘金广告
// @note         调整文章样式,让主文区域有更多显示面积
// ==/UserScript==

// eslint-disable-next-line no-undef
GM_addStyle(`
.container.main-container{
  max-width: unset !important;
}
.view.column-view{
  margin-top:unset !important
}
.main-area.article-area{
  width:80% !important;
  margin:unset !important;
}
.sidebar{
  width:20% !important;
}
.sticky-block-box{
  width:initial !important;
}
.sidebar-block:is(.wechat-sidebar-block,.related-entry-sidebar-block),.article-end .extension-banner,.wrap.category-course-recommend{
  display:none !important;
}
.sidebar .sidebar-block{
  margin:unset !important;
}
.markdown-body p{
  font-size:20px !important;  
}
.markdown-body pre>code{
  font-size:18px !important;
}
.content-box .content{
  font-size:18px !important;
}
#comment-box{
  max-width:100% !important;
  margin:unset !important;
}
.main-area.recommended-area.entry-list-container{
width:unset !important;
max-width:80% !important;
}
.sidebar.top .sticky-block-box{
  top:0 !important;
}
.sidebar .catalog-body{
  max-height:80vh !important;
}
.article-suspended-panel{
  margin-left:unset !important;
  opacity:70%;
  top:unset !important;
  bottom: 0 !important;
}
.article-suspended-panel .panel-btn{
  background-color:unset !important;
  margin-bottom:unset !important;
}
.article-suspended-panel .panel-btn .sprite-icon{
  color: var(--juejin-brand-stroke2-hover) !important;
}
.article-suspended-panel.dynamic-data-ready .panel-btn.with-badge::after{
  background-color: var(--juejin-brand-stroke2-hover) !important;
}
.container.hot-list{
  margin:unset !important;
  max-width:unset !important;
}
`)