学习《鸟哥的Linux私房菜》还是网站最方便

2017-06-13|Categories: Linux|Tags: |

《鸟哥的Linux私房菜》第四版纸质书是从淘宝代购的,买书的初衷是为了更好的阅读代码,因为鸟哥网站上的代码没有使用等宽字体,更准确的说,是显示代码的CSS有问题:

font: 10pt Fixedsys, "細明體", serif;

我的macOS系统上面没有 Fixedsys 字体,后面的衬线字体显示代码就无法正确对齐:

  • 代码未对齐1
    代码未对齐1

  • 代码未对齐2
    代码未对齐2

  • 代码未对齐3
    代码未对齐3

书到手之后,发现实在太厚了,书页靠书脊一侧的留白也太少,阅读、做笔记、查找都不方便,最终还是回到了网站上,然后想办法用 Tampermonkey 加载几行jQuery把显示代码的字体改为等宽字体:

// ==UserScript==
// @name         vbird-linux-monospaced-code
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  用等宽字体显示《鸟哥的Linux私房菜》网站所有代码,提高可读性
// @author       Yang Li
// @match        http://linux.vbird.org/*
// @require      https://code.jquery.com/jquery-3.2.1.slim.min.js
// @grant        none
// ==/UserScript==

$(document).ready(function(){
    // v0.1
    //    var $myfont='font: 10pt "Anonymous Pro", Courier, monospace !important; line-height: 1.4 !important;';
    //    $('table.term td *').attr('style', $myfont);
    //
    // v0.2 通过添加class来添加新的css规则,避免覆盖原有的font以外的规则
    $('<style> .monospaced_code {font: 10pt "Anonymous Pro", Consolas, monospace !important; line-height: 1.4 !important;} </style>').appendTo('head');
    $('table.term td *').addClass('monospaced_code');
});

更改后的代码显示效果大幅提升,截图如下:

  • 代码对齐良好1
    代码对齐良好1

  • 代码对齐良好2
    代码对齐良好2

  • 代码对齐良好3
    代码对齐良好3

然后配合 Diigo web collector 直接在网页上划重点、做笔记,效率比在纸质书上高多了,日后复习也非常方便:

Leave A Comment