Google Code 簡易使用教學__部落格外連js 檔的好選擇

Google code 提供了免費放js 檔的空間，對Blogger 來說速度很快，是放js 檔的最佳選擇。

本文的內容是針對一般使用，提供建立帳戶、簡易操作等基本步驟 ... 服務項目 諮詢/服務項目 客製化/套版架設網站流程 痞客邦搬家 架站作品集 導覽 如何使用本站 Blogger新手指引 本站的Hack及工具 熱門文章一覽 文章列表+讚統計 Blogger 小技巧 小工具 行動版 官方工具 留言相關 Blogger相關 Blogger筆記 Blogger範本 Blogger語法 Google Google試算表 Chrome套件 GoogleDrive Google搜尋 GoogleAdsense GoogleAnalytics AppsScript Google相關 部落格 部落格經營 搬家 SEO 社交分享按鈕 網站工具 網頁效能 部落格廣告 著作權保護 網頁設計 字型 RWD Bootstrap jQuery工具 CSS技巧 Javascript技巧 網頁開發工具 圖片展示工具 網路雲端 Facebook Line Dropbox Evernote 資訊安全 免費空間 會員中心 會員資訊 會員限定文章 會員加值文章 點數使用明細 會員公告 會員討論區 關於會員系統 關於 關於本站 贊助管道 版權聲明 隱私權政策 留言板 2013年1月9日 GoogleCode簡易使用教學__部落格外連js檔的好選擇 WayneFu 電腦-Google-Google相關 0 A+ 色 a:link{text-decoration:underline;}.post{background:#fff;color:#222}[style*='990000'],[style*=cc0000],[style*='6aa84f'],[style*='3d85c6']{border-bottom:2pxdashed#ccc}[style*='990000']:before,[style*=cc0000]:before{content:"紅字";font-size:70%;font-weight:700;vertical-align:top}[style*='6aa84f']:before{content:"綠字";font-size:70%;font-weight:700;vertical-align:top}[style*='3d85c6']:before{content:"藍字";font-size:70%;font-weight:700;vertical-align:top} 我想部落格使用外掛或是外連js檔時，最讓人無法安心的就是外部伺服器不穩定、js檔失效(或失連)了。

外部伺服器是我們無法控制的，而外連js檔若是能改放到自己的網頁空間，那就能放心不少。

2013.6.19公告 由於最近GoogleCode宣布中止對新使用者的服務，建議使用替代方案GoogleDrive，請按此瞭解GoogleDrive的操作：「取代GoogleCode外連js檔的選擇__GoogleDrive」 一、GoogleCode簡介 「Googlecode」提供了免費放js檔的空間，單檔上限200mb、空間有4096mb的容量，正常使用絕對用不完。

且對Blogger來說算是自家產品，不算外部空間，所以速度很快，是放js檔的最佳選擇。

他其實有不少功能，不過對於一般使用者(非程式設計工作者)而言，只需要會上傳、下載等功能就足夠了，因此本文的內容是針對一般使用，提供建立帳戶、簡易操作等基本步驟說明。

二、建立專案帳戶 首先，必須有個Google帳號，先確定已經登入後，按此進入「Googlecode首頁」。

如上圖，按下「Createanewproject」，可建立新的專案(一個Google帳號可建立多個專案)。

如何填寫請見圖中提示，最重要的是第一格填入自訂的「專案名稱」，這個名稱會成為GoogleCode的專案專屬網址；填寫完畢最後按下最下方的「Createproject」即可。

如上圖所示，剛剛取的專案名稱「wfu-blog」，會出現在網址上，趕快把自己的GoogleCode專案網址存入書籤，以後就是進入這個頁面來進行操作。

三、上傳js檔 剛建立完Googlecode帳戶，裡面當然沒有任何檔案，來試試看上傳js檔吧！先進入自己的專案網址── A.先按下「Downloads」 B.再按下「NewDownload」 如上圖由上到下的次序，先填入摘要、再選取js檔，最後按下「Submitfile」即可上傳 四、其他操作 1.下載 上傳成功後，檔案列表會出現剛剛的檔案。

上圖紅色框框的那個綠色箭頭，按下就是「下載」的功能。

2.外連網址 要得到js檔的外連網址，一樣對著上圖「綠色箭頭」按右鍵，選擇「複製連結網址」，就能得到外連網址了。

3.編輯、刪除檔案 在檔案列表的畫面，對著檔名按下去後，就會進入上圖的編輯畫面。

A.編輯：想要更改哪一欄的訊息，可在這個畫面更改，最後按左下角的「Savechanges」儲存即可。

B.刪除：想要刪除這個js檔，按下紅色框框的「Deletedownload」，系統會再跟你確認一次是否刪除，再按一次「Deletedownload」即可。

五、小結 很受歡迎的blogger文章分頁功能，滿多使用者是安裝「abu-farhan」這個網站的hack；在「Blogger中文社群討論串」介紹了這個網站，經由 +L.C.Zhang的留言回報，原來最近作者提供的js外連失效，我也發現一些友站的分頁功能就此而消失了。

因此，以後部落格若是安裝了需要外連js的hack或外掛，最保險的方法就是先將原作者的js檔下載，存放到自己的GoogleCode空間，再將js連結置換為自己的，這樣就萬無一失了。

0 0 如這篇文章對你有幫助，歡迎「分享」到FB、「追蹤」粉絲團、「訂閱」最新文章 FB LINE 電腦-Google-Google相關 WayneFu 前端開發‧Blogger探研‧網站架設 歡迎來到我的雲端資料庫，這裡除了分享網路應用心得，也是最專業的Blogger中文部落格。

利用側邊欄「搜尋」及「文章分類」，可解決大多數的問題喔！ 下方連結還有更多的Blogger資源及服務，如需諮詢、合作，歡迎填寫聯絡表單或來信：[email protected] FB社團 粉絲團 Blogger工具 諮詢/架站/網頁設計 架站作品集 3則留言: KenLo2013年6月19日清晨6:28是啦~可以發一個公告嗎？(在這篇文章)還有，Google+還有一個讀者－艾斯，大大忘記了他>(以上內容請勿刪除,從括號之後開始留言)沒啦~^^"第二句可以無視~回覆刪除回覆回覆WayneFu2013年6月19日清晨7:59<3692987942296957031>(以上內容請勿刪除,從括號之後開始留言)感謝提醒，漏東漏西的...XD回覆刪除回覆回覆新增留言載入更多… 張貼留言注意事項： ◎勾選「通知我」可收到後續回覆的mail！◎請在相關文章留言，與文章無關的主題可至「Blogger社團」提問。

◎請避免使用Safari瀏覽器，否則無法登入Google帳號留言(只能匿名留言)！◎提問若無法提供足夠的資訊供判斷，可能會被無視。

建議先參考這篇「Blogger提問技巧及注意事項」。

◎CSS相關問題非免費諮詢，建議使用「Chrome開發人員工具」尋找答案。

◎手機版相關問題請參考「Blogger行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」；或參考「Blogger行動版範本修改技巧」，或本站Blogger行動版標籤相關文章。

◎非官方範本問題、或貴站為商業網站，請參考「Blogger免費諮詢+付費諮詢」◎若是使用官方RWD範本，請參考「Blogger推出全新自適應RWD官方範本及佈景主題」→不建議對範本進行修改！◎若留言要輸入語法，""這兩個符號請用其他符號代替，否則語法會消失！◎為了過濾垃圾留言，所有留言不會即時發佈，請稍待片刻。

◎本站「已關閉自刪留言功能」。

站內搜尋 文章分類 生活-理財 (2) 生活-數位生活-3C產品 (17) 生活-數位生活-網路電視 (2) 生活-數位生活-Android (11) 生活-數位生活-Eink產品 (5) 生活-數位生活-iPhone (5) 休閒-三國志11-五奇戰記 (5) 休閒-三國志11-公孫恭開局 (9) 休閒-三國志11-引兵誘敵開局 (14) 休閒-三國志11-水淹開局 (2) 休閒-三國志11-火攻開局 (13) 休閒-三國志11-防守反擊開局 (13) 休閒-三國志11-圍城港關坑兵開局 (6) 休閒-三國志11-運用建築設施開局 (16) 休閒-三國志11-綜合主題 (8) 休閒-小遊戲-射擊 (2) 休閒-小遊戲-益智 (2) 休閒-小遊戲-動作 (11) 休閒-小遊戲-策略 (3) 休閒-太空戰士7 (6) 電腦-部落格-站務-大事紀要 (7) 電腦-部落格-站務-公告 (27) 電腦-部落格-站務-留言板 (3) 電腦-部落格-站務-會員系統 (7) 電腦-部落格-站務-網站服務 (11) 電腦-部落格-中國大陸封鎖 (7) 電腦-部落格-社交分享按鈕 (10) 電腦-部落格-部落格相關 (10) 電腦-部落格-部落格經營 (13) 電腦-部落格-著作權保護 (19) 電腦-部落格-搬家 (12) 電腦-部落格-網站工具 (31) 電腦-部落格-網域 (15) 電腦-部落格-廣告 (10) 電腦-部落格-Godaddy (7) 電腦-部落格-SEO (52) 電腦-部落格-WordPress (10) 電腦-網頁設計-字型 (18) 電腦-網頁設計-免費圖庫 (9) 電腦-網頁設計-使用者體驗 (13) 電腦-網頁設計-表格 (8) 電腦-網頁設計-接案心得 (5) 電腦-網頁設計-圖片展示工具 (10) 電腦-網頁設計-網頁技巧 (12) 電腦-網頁設計-網頁開發工具 (13) 電腦-網頁設計-網站效能 (18) 電腦-網頁設計-Bootstrap (10) 電腦-網頁設計-CSS (50) 電腦-網頁設計-HTML (23) 電腦-網頁設計-iOS (5) 電腦-網頁設計-Javascript技巧 (30) 電腦-網頁設計-Javascript筆記 (6) 電腦-網頁設計-jQuery (34) 電腦-網頁設計-RWD (17) 電腦-網路雲端-免費空間 (10) 電腦-網路雲端-爬蟲 (4) 電腦-網路雲端-資訊安全 (20) 電腦-網路雲端-線上工具 (16) 電腦-網路雲端-瀏覽器 (8) 電腦-網路雲端-Dropbox (5) 電腦-網路雲端-Evernote (10) 電腦-網路雲端-Facebook (50) 電腦-網路雲端-Github (2) 電腦-網路雲端-IFTTT (4) 電腦-網路雲端-Line (12) 電腦-網路雲端-PTT (7) 電腦-網路雲端-RSS閱讀器 (12) 電腦-網路雲端-YahooPipe (4) 電腦-Blogger-工具-文章列表-TOC (13) 電腦-Blogger-工具-文章列表-TOC極速版 (6) 電腦-Blogger-工具-私密留言 (6) 電腦-Blogger-工具-官方工具 (15) 電腦-Blogger-工具-側邊欄 (16) 電腦-Blogger-工具-推文 (5) 電腦-Blogger-工具-單篇文章計數器 (5) 電腦-Blogger-工具-搜尋功能 (8) 電腦-Blogger-工具-導覽列 (13) 電腦-Blogger-工具-Blogger工具 (22) 電腦-Blogger-Hack-留言-留言相關 (29) 電腦-Blogger-Hack-留言-舊範本留言 (10) 電腦-Blogger-Hack-標籤-多層樹狀標籤 (7) 電腦-Blogger-Hack-標籤-兩層樹狀標籤 (6) 電腦-Blogger-Hack-標籤-標籤文章列表 (3) 電腦-Blogger-Hack-標籤-標籤相關 (2) 電腦-Blogger-Hack-私密文章 (4) 電腦-Blogger-Hack-讀者反應 (4) 電腦-Blogger-Hack-Blogger語法 (15) 電腦-Blogger-行動版 (24) 電腦-Blogger-Blogger小技巧 (26) 電腦-Blogger-Blogger相關 (90) 電腦-Blogger-Blogger筆記 (14) 電腦-Blogger-Blogger範本 (20) 電腦-Google-搜尋 (14) 電腦-Google-試算表 (29) 電腦-Google-網站管理員 (8) 電腦-Google-Adsense (26) 電腦-Google-Analytics (16) 電腦-Google-AppsScript (16) 電腦-Google-Authorship (5) 電腦-Google-Chrome (19) 電腦-Google-CloudPlatform (1) 電腦-Google-Drive (21) 電腦-Google-G＋ (26) 電腦-Google-Gmail (9) 電腦-Google-Google相關 (21) 電腦-Google-GooglePhoto (7) 電腦-Google-Picasa (16) 電腦-Google-Youtube (5) 電腦-Windows-Hotkeyz (7) 電腦-Windows-Win軟體 (4) 電腦-Windows-XP (1) 閱讀-有錢人想的和你不一樣 (15) 閱讀-為健康把關的57堂課 (2) 精選文章 最新文章 recentposts Blogger精選 網頁設計精選 聯絡我 最新回應 請先閱讀「填寫諮詢聯繫表單SOP」瞭解重要資訊，如非需要發案給本站，提問請至「Blogger社團」，本站不會回覆任何私人諮詢問題，謝謝！ 稱呼：(必填) 電子郵件：(必填) 您的網址或提問的相關網址：(必填) 簡單自介、如何找到本站：(必填) 請詳細描述您的需求、問題或意見，如提供的資訊不足，可能無法回覆：(必填) 友格 關注1 關注2 訂閱 CC0免費圖庫搜尋引擎 TV線上看電視 RSS訂閱 FEEDLY訂閱 TOP