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

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

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

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

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

(圖片出處: pixabay.com)

一、基本概念

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

• 部落格網站如何不被大陸封鎖？

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


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

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

二、使用獨立網域

1. 建立獨立網站

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

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

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

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

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


2. 買網域

避免被封鎖的第一要件，是購買獨立網域。如果不知道要跟哪個網域代理商買，可參考「Google Domains 台灣可以使用了﹍購買 + 轉移網域(Godaddy) + DNS 設定心得」。

接著防止被封鎖的分站，必須放在子網域之下，設定的教學請見這篇「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. 檢測是否被封鎖

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

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