保護網頁著作權的初階構思__(3) 程式碼教學篇

(Pic from: 123rf.com)分享程式碼內容的網頁，基本上也是屬於「純文章」的類型，但想要保護程式碼分享的網頁卻是幾乎不可能，因為實在沒辦法保護純文字不被複製。常見的作法是站長們乾脆將程式碼打包成 js 檔也省得說明，看得懂的人自己改，看不懂就算了；會公開說明程式碼的站長們也算佛心來的，都已經先做好心理準備，網頁內容要偷就偷吧。

不過 WFU 不死心，不斷想著有沒有一種機制，讓網頁文字就算整個被複製走了，但組合起來可以造成閱讀上的困難？


一、編號索引

1. 無編號：大部分的程式碼分享網頁都是沒有編號索引的，例如「這個網頁」

2. 有編號(使用外掛)：如果使用外掛的話，可以讓程式碼加上行號，例如「這個網頁」。

3. 有編號(無外掛)：加上行號有很大的好處，當行號成為索引，那麼程式碼要說明就非常的便利了，例如「Blogger留言系統 __（二）各種身份頭像顯示＋尺寸變更」，不需說明的行號可以略過，需要說明的行號分別詳述，有系統且對照方便。

不過，編號索引跟保護網頁有什麼關係呢？請見第 3 點的參考網頁，試著將程式碼區的內容複製到文書處理軟體，請注意行號有沒有一起被複製呢？沒有對不對，若有人竊取整個網頁，但是行號複製不了，那麼所有的說明內容根本對照不起來，這就成了絕佳的一個防護機制。

順帶一提，如果使用第 2 點的外掛讓程式碼加上行號，請試著將該網頁的程式碼複製到文書軟體，是不是連行號也一起被複製了？所以使用第 2 點的方案雖然站長易於講解內容，但是使用者複製程式碼到自己的電腦要測試時會產生很大的不便，站在市場的角度來看，這是一個不友善的設計，同時網頁也易於被竊取。


二、編號安裝工具

Google 到「這個網頁」，該站長介紹了一些安裝編號的工具，最後我採用的跟他的選擇一樣──HighLight，因為不使用外掛可提升系統的效率。而 HighLight 的安裝使用說明該網頁敘述的很詳細，就請移駕參考了，若操作有問題再請提問了。

三、Highlight 防盜補充

1. OL 標籤：簡單說一下 HighLight 的原理，這個程式其實只是利用了 <ol>、<li> 標籤能夠自動產生編號，自動幫我們的每一行程式碼加上 <li> 標籤罷了，不過 <ol> 標籤我們也是能玩出一些花樣，因為初階盜賊或許不明白 <ol> 標籤的參數除了 1,2,3... 這樣的序列之外，還可以產生 A,B,C.. 以及 i,ii,iii... 這樣的序列，因此若是我們使用了 <ol type=I start=22> 或是 <ol type=a start=35>，那麼顯示出來的效果可就讓初階盜賊看得頭昏眼花了，除非他完全瞭解 Ol 的參數，否則將無法理解這些符號是從哪裡來的。不過也不一定要這麼做，因為連我們自己看得也不舒服～～

2. LI 標籤：萬一升級成進階盜賊，OL、LI 標籤都清清楚楚，也會使用 Highlight，那我們只得從 LI 標籤下手了。舉例說明：

假設程式碼丟到 Highlight 處理後會變成這樣：

若將以上的程式碼複製、丟到 Highlight 處理，因為多了兩個斷行，跑出來的編號就會不一樣。因此，如果利用程式碼原本就有的斷行，穿插刻意加入的 <br/> 斷行，就能混淆竊取者想要恢復成原本行號的難度及增加他的麻煩；如果他轉而想要直接改解說的行號，那麼程式碼一多時這會更麻煩。


四、網頁加密

如果前幾個步驟能夠讓竊取者覺得麻煩，逼使他想直接複製網頁原始碼來解決問題，那我們就成功了，接下來只要套用「網頁篇」，為網頁加入「防盜碼」及「網頁加密」，就能防堵最後一道防線。


總結：

俗話說：「貪官奸，清官要更奸」，要防盜賊得先不畏麻煩，至少要比盜賊還不怕麻煩。以上三篇的技巧很多都需要麻煩的步驟，如果被竊取也不麻煩，那就可省下防護的麻煩；如果被盜用是一件麻煩事，那可得先習慣不畏麻煩。

著作權保護系列文章：