☰

vbird-linux-prettify

美化《鸟哥的Linux私房菜》网站：用等宽字体显示所有代码；隐藏部分页面元素；

当前为 2017-07-09 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         vbird-linux-prettify
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.4
  5. // @description  美化《鸟哥的Linux私房菜》网站：用等宽字体显示所有代码；隐藏部分页面元素；
  6. // @author       Yang Li
  7. // @match        http://linux.vbird.org/*
  8. // @require      https://code.jquery.com/jquery-3.2.1.slim.min.js
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. $(document).ready(function(){
  13.     // v0.1
  14.     //
  15.     //    var $myfont='font: 10pt "Anonymous Pro", Courier, monospace !important; line-height: 1.4 !important;';
  16.     //    $('table.term td *').attr('style', $myfont);
  17.     
  18.     // v0.2
  19.     //   1. 通过添加class来添加新的css规则，避免覆盖原有的font以外的规则（比如下划线）
  20.     //
  21.     $('<style> .monospaced_code {font: 14px "Anonymous Pro", Consolas, monospace !important; line-height: 1.4 !important;} </style>').appendTo('head');
  22.     $('table.term td *').addClass('monospaced_code');
  23.     
  24.     // v0.3
  25.     //   0. 脚本更名：从 vbird-linux-monospaced-code 改为 vbird-linux-prettify
  26.     //   1. 删除顶部和底部banner、左侧前一页按钮、右侧后一页按钮、左上方导航窗口、页面修订历史
  27.     //   2. 浏览器窗口宽度改变时，正文区域随之调整
  28.     //   3. 把正文区域放置在页面正中
  29.     //   4. 调整最底部三个导航按钮的位置
  30.     //
  31.     $('.toparea, .bottomarea, .leftarea, .rightarea, .nav, .mainarea > div:nth-last-child(3)').remove();
  32.     $('.tablearea').css({'min-width':'400px','max-width':'900px','width':'90%'});
  33.     $('.mainarea').css({'width':'100%','position':'static','float':'none'});
  34.     $('.mainarea > div:last-child').css('margin-top','20px');
  35.     
  36.     // v0.4
  37.     //   1. 让代码区域根据正文区域调整宽度
  38.     //   2. 浏览器窗口变窄时，图片宽度相应缩小；统一设置图片边框
  39.     //   3. 例题区域根据浏览器窗口宽度调整
  40.     //   4. 例题代码使用紫色等宽字体
  41.     //   5. 强调语句（蓝色）使用橙色等宽字体
  42.     //   6. 重点回顾区域偶数行使用浅蓝色字体，避免视觉疲劳
  43.     //   7. 增加文末习题答案可见度
  44.     //
  45.     $('table.term').css({'display':'block','overflow':'auto','width':'90%'});
  46.     $('pre').css('width','100%');
  47.     $('div > img').css({'max-width':'90%','border':'2px dotted #5a3'});
  48.     $('table.exam').css({'display':'block','overflow':'auto'});
  49.     $('table.exam blockquote').css({'font':'14px monospace','color':'#c0c'});
  50.     $('.text_import2').css({'font':'16px monospace','color':'#e60'});
  51.     $('ul.text_import2 > li:nth-child(even)').css('color','#06e');
  52.     $('.blockex').css({'color':'#eee','font':'14px monospace'});
  53. });