博客评论区优化

拯救“瞎眼”评论区 —— 麋鹿鲁哟主题 CSS 护眼补丁

首先声明并感谢 麋鹿鲁哟 博主，主题来自大神，整体体验很棒！
本文仅针对评论区阅读体验做小修小补，如果你也被字小、色浅、透明背景折磨到眼瞎，欢迎直接抄作业。

改造前后对比

改造前改造后

背景全透、字细色浅、对比度低白底黑字、16 px、500 字重，头像保留一句话：牺牲少许“仙气”，换来“不瞎”。
快速上手（3 步）

• 进入博客园后台 → 设置 → 页面定制 CSS。
  
• 把滚动条拉到最底部。
  
• 复制下方代码 → 粘贴 → 保存 → Ctrl + F5 强刷生效。
  

护眼补丁代码

1. /* ===== 评论区高对比度护眼版 ===== */
2. .feedbackCon {
3.     color: #000 !important;
4.     background: #ffffff !important;
5.     border-radius: 8px;
6.     padding: 18px !important;
7.     margin-bottom: 18px !important;
8.     line-height: 1.8 !important;
9.     font-size: 16px !important;
10.     border: 3px solid #e2e8f0 !important;
11.     box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
12.     font-weight: 500 !important;
13.     text-shadow: none !important;
14.     -webkit-font-smoothing: antialiased !important;
15.     -moz-osx-font-smoothing: grayscale !important;
16. }
18. .blog_comment_body {
19.     color: #000 !important;
20.     font-size: 16px !important;
21.     line-height: 1.8 !important;
22.     font-weight: 500 !important;
23.     letter-spacing: 0.2px !important;
24.     text-shadow: none !important;
25. }
27. /* 头像保留 */
28. .comment-avatar {
29.     display: block !important;
30.     width: 48px !important;
31.     height: 48px !important;
32.     border: 1px solid #dcd6b3 !important;
33.     padding: 3px !important;
34.     border-radius: 50% !important;
35.     float: left !important;
36.     margin-right: 15px !important;
37.     transition: transform .5s;
38. }
39. .comment-avatar:hover {
40.     transform: rotateZ(360deg) !important;
41. }
43. /* 楼主张显 */
44. .louzhu {
45.     background: linear-gradient(135deg, #ff6b6b, #ee5a24) !important;
46.     color: #fff !important;
47.     padding: 3px 10px !important;
48.     border-radius: 15px !important;
49.     font-size: 12px !important;
50.     font-weight: bold !important;
51. }

复制代码

还能再调？

需求改法字号再大font-size: 18px !important;字再黑color: #111 !important;圆角变小border-radius: 4px !important;结语

“仙气”与“护眼”不可兼得时，我选后者。
如果你也折腾出更好看的配色，欢迎来评论区反向种草！

再次感谢麋鹿鲁哟大神，让博客园也能拥有高颜值。
本文补丁仅作个人记录与分享，眼不瞎就是胜利 ✌️

[code][/code]
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！