[FF] 利用 Greasemonkey 修改網頁內的連結

平時都有追蹤博○來新書上架的習慣﹐追蹤的方法就是簡單地依據連結是否開啟。但是在最近網站改版之後﹐連結會加上 ?loc=XXX_XXX。無法再從連結顏色來辨識是否追蹤過。

因此決定利用 Greasemonkey 去掉 "?loc=XXX_XXX" 。

安裝完之後，選擇「新使用者腳本」﹐

輸入內容大致如下：

只要懂一些 JavaScript，然後把內容改成如下，存檔之後 ?loc=XXX_XXX 就不再出現了。

// ==UserScript==
// @name        book.com
// @namespace   http://www.book.com/
// @description 博○來 ?loc=XXX_XXX
// @version     1.0.0
// @include     http://www.book.com/web/*
// @grant       none
// ==/UserScript==
(function(){
    var regex = /\?loc=.+/
    var elems = document.getElementsByTagName("a");
    for (var i = 0; i < elems.length; i++) {
        var href = elems[i].href;
        if (href != null && href.match(regex)) {
            elems[i].href = href.replace(regex, "");
        }
    }
})();

@name、@description 用來做插件的分類。
@namespace、@version 是在做版本控制。
@include 是用來過濾有哪些 URL 需要處理。
@grant 是在向瀏覽器請求授權。

參考資料：http://userscripts.org/

使用 google-code-prettify 在 Blogger 呈現 syntax highlight

echo "Hello world";

若要形成上述模樣﹐只需要在部落格貼入下方的程式碼即可：

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?skin=sunburst"></script>
<pre class="prettyprint">
echo "Hello world";
</pre>

樣板（skin）可以輸入 default﹑desert﹑sunburst﹑sons-of-obsidian﹑doxy 等數種。 若是希望顯示行數﹐可於屬性 class 加入 linenums。

參考資料：http://code.google.com/p/google-code-prettify/

2015/10/13 更新：已經搬到 GitHub。
參考資料：https://github.com/google/code-prettify