建立不被中國大陸封鎖的 Blogger 網站實作

建立不被中國大陸封鎖的 Blogger 網站實作

A+
最近進行「CC0 免費圖庫搜尋引擎」的簡體版網站,同樣也是放在 Blogger 平台。為了不被中國大陸屏蔽,需要使用一些技術。

之前寫了一系列有關「Blogger 不被大陸封鎖」的文章,這次實作就用得上了。

不過想要仿效的站長必須先提醒:

  • 請先具備一定的 HTML/CSS/JS 知識
  • 不能使用 Picasa 圖床
  • 不能使用官方留言框
  • 很多現成外掛可能無法使用

(圖片出處: pixabay.com)


一、基本概念


在開始實作之前,需要先瞭解一些必要的概念,可先參考:


同時本篇的實作,也參考中國網友 +Lawyer Fu 的經驗「谷歌blogger平台建立国内可访问博客攻略」。


需要處理的重點項目有這些:

  • 獨立網域
  • 使用中國圖床
  • 刪除官方外連
  • 外掛避免使用外連



二、使用獨立網域


1. 建立獨立網站

首先很重要的一點,不建議站長使用原本的 Blogger 主站,來進行本篇的作業

比較建議的是,另外建立一個 Blogger 分站,來讓中國訪客看這個網站

最主要的原因是,圖床沒有一個完美的解決方案,所有的免費圖床,包括 Blogger 官方使用的 Picasa 圖床,中國都看不到。

所以最好是主站的圖片使用 Picasa 圖床,原因請見「Blogger 使用 Flickr 當圖床,可能違規被停權」→「六、適合部落格的圖床」。

而不被中國封鎖的分站,另外使用別的圖床。


2. 買網域

避免被封鎖的第一要件,是購買獨立網域。如果不知道要跟哪個網域代理商買,可參考「Godaddy網址購買及續約__省錢攻略」。

接著防止被封鎖的分站,必須放在子網域之下,設定的教學請見這篇「Blogger 自訂網址﹍設定子網域的技巧」。



三、使用中國圖床 + 外連


獨立架設的分站,圖片連結想要不被封鎖,最安全的方法就是使用中國圖床。

根據這篇中國網友「blogger国内访问心得」的使用經驗,他推薦兩個圖床及外連空間:


除了圖片,部落格會使用到的 JS/CSS 外連,也放在這些中國可連的的空間才不會被擋。



四、刪除官方外連


這個部分也是重點,官方預設的程式碼,有一些 JS/CSS 外連放在 Google 伺服器(blogger.com),會被長城擋下來。

但是這些程式碼偏偏在範本中是看不到的,因此必須用一些技巧,把部分程式碼刪除掉。

1. 註解官方外連

註解掉官方 js/css 外連的方法可參考「谷歌blogger平台建立国内可访问博客攻略」→「4、修改blogger模板」→「(1)提取模板css放国内调用,并禁用blogger自动加载的css」。

或者你也可以在範本中執行一段 js,把這些外連 blogger.com 的 js/css 刪除掉。首先請參考「引用 jQuery 連結及版本的注意事項」→「四、CDN 及大陸市場」→ 使用不會被擋的 jQuery 連結。

然後在範本中 </body> 之前,插入以下程式碼即可:

$(function() {
$("link, script").each(function() {
var $this = $(this),
href = $this.attr("href"),
src = $this.attr("src");
if (href && href.indexOf("blogger.com") > 0) {
$this.remove();
}
if (src && (src.indexOf("blogger.com") > 0 || src.indexOf("google.com") > 0 )) {
$this.remove();
}
});
});


2. 官方留言框

官方留言板因為使用了 blogger.com 網域的連結,會被封鎖,因此建議直接在後台關閉留言功能。

取而代之,可參考「blogger国内访问心得」→「评论系统 」,作者推建了 "多說"、"搜狐" 等留言板服務。

只不過我看他的網站,留言板裝的反而是「LiveRe」這個外掛。


3. 官方工具

至於 Blogger 提供的小工具,我無法打包票每個都能用,原則大概是這樣:

  • 提取 Feed 資料的外掛應該沒問題,例如「標籤」、「熱門文章」。
  • 不需連外部程式碼的工具應該也沒問題
  • 需要連外部程式碼的工具我猜會被擋,例如「聯絡表單」(必須傳送 http 請求到 google 伺服器)

以上理論由於我沒有測試環境,如有讀者可以測試再麻煩回報。



五、外掛避免使用外連


本站寫了很多 Blogger 小工具,若要不被封鎖的話,請注意以下原則:

  • 不需要外連的小工具不會有問題,例如「最新文章」、「最新回應
  • 需要外連的小工具,請自行放到不會被封鎖的空間,例如「Blogger 文章列表極速版
  • 非本站的外掛,同樣注意以上原則,必須把外連檔案改放別的空間



六、其他注意事項


1. 挑選範本

無論是用官方範本、或網路上的範本來改,都需要一定的 HTML/CSS/JS 能力,否則無法架出不被封鎖的 Blogger 網站。

這篇「Blogger在国内的访问策略」提供了不少特別為中國 Blogger 網站而調整、優化過的範本,可以試著從這些範本來進行修改。


2. 檢測是否被封鎖

最後,為了確保努力沒有白費,部落格的網址、或所有使用外連的網址,記得使用這篇「不被大陸封鎖的「免費空間/圖床」測試心得」所提供的三個測試工具,線上測試連結能否在中國正常拜訪。


中國大陸封鎖網站相關主題:

2 則留言:

  1. 博主,你好。你的这个方法确实好,实属治本之方。
    我看到后,作了试验,但是似乎并未屏蔽掉blogger自动加载的代码。
    如下图:
    http://ww1.sinaimg.cn/large/87606142gy1fjy4pdjxfmj20yh0olgnd.jpg

    回覆刪除
    回覆
    1. js 處理的結果,在網頁原始碼看不到,要用 chrome 開發人員工具看:http://www.wfublog.com/2012/10/chrome-developer-tool.html

      開發人員工具如果看不到附圖的那個 ...7815-widget.js → 就是有產生作用

      不過這個作法也算是 "我猜測可以嘗試的作法",若不可行的話,還是要在範本中註釋最保險。

      刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」。
◎ 非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP