卿卿我我 拉比的工具箱 網頁空間網域
通知有將拉比的工具箱 html劇情分享放在glitch的旅人們：

glitch將在2025/7/8停止網頁空間代管服務了
如果有透過網站上改html內容/本機的html已刪除，趁現在用網站內的download把網址打包下來，改放其他靜態網頁空間。

如果找不到其他空間的：
可到github創建靜態網頁+網域，只是專案必須保持公開才能讓其他人閱覽，其他事項下收說明

【圖文教學】glitch打包html+創github帳號上傳網頁與編輯網站預覽名+【meee圖床】可替代imgur圖床

厲害旅人發明的拉比的工具箱，分享給新入坑的玩家：

ಠ_ಠ - #卿卿我我 #備份對話 #工具 【將 txt 對話內容，美化為聊天介面 html 的工具】 ...

※電腦本機有保留原本html+未在glitch做html修改的不用做這個步驟。

【glitch打包】
從Dashboard

↓
找到你的專案，點Download

↓
下載副檔名會是tgz打包檔案，用rar程式或7zip應該都可能開，這邊用rar軟體開啟解壓縮示範

↓ app資料夾點進去裡面就會是你的html了，把html那幾個解壓縮出來。

打包方法2，從編輯頁面底下的
tools

↓

↓

github的網址限制是顯示帳號名稱=你的username .io .github
↓
🌟日後github放出拉比工具箱的單篇網址=(以下是為了讓噗浪顯示所以有插入空格，實際io/和檔案名稱之間不該有空格和{}符號)
→檔案名稱可中文可純文字符號、()、，如果中文被網址列轉譯成機碼%組成的一樣可以讀

https://{你的帳號名稱username}.github.io/ 檔案名稱.html

⭐不過有時候測試沒有從github複製檔名貼成網址，不知道為何一樣的字會無法成功顯示網頁
有旅人若有遇到一樣的問題，請改從github複製檔案名稱這樣試試解決方法
---
github官網：

GitHub · Build and ship software on a single, collab...

【創立卿我專用的github帳號】

注意：專案必須設定公開才能顯示網頁，如果忌諱他人可循著網址看到公開專案內容，請另申請網域或放其他網站空間

不建議在既有寫程式的帳號：因為其他人也能看到同帳號的公開專案。

創帳號重點留意：
在創帳號username時，取名到時候想顯示的網址開頭
github登入可以用信箱或username2選1

如果不想要網址名字顯示github帳號：
可以另找免費網域，取代原本的io網址
（創好後github另綁定網域方法，見下一樓教學網站2）

【搜尋到的github創靜態網頁網域 教學網址】
第一個步驟從創帳號到放檔案都有圖

示範雖然是傳txt，實際上傳html是可以的
2025年版教學
專案倉庫名 (repository) 一定要取(無空格)：帳號 .github .io

※github批量上傳最多可一次上傳6個網頁，超過則分次上傳

使用 GitHub Pages 架設個人網站 - HackMD

---
講到申請自訂網域的教學(這2017版教學的倉庫隨意取名方法已失效，不能這樣取名)：
不過示範的是交大校友才可用，目前還未找到永久免費註冊網域

不用懂git也能用GitHub Pages架設靜態網站並綁定網域. 用GitHub Pages架設靜態網...

一般不太需要編輯網頁模板，應該不用做到第二個教學網址寫的pages創模板的功能。
僅需做到上傳html即可。

如果有人想github綁自訂網域+找不到setting的pages可看這
圖1
圖2
圖3
圖4

【meee圖床】順便分享這個可替代imgur的圖床 (網址是tw)

Meee 免費圖床 - 最速上傳與工具｜免費圖片、GIF分享

它的好處是可以預設保持不公開在meee網站的同時，抓出圖片網址在噗浪顯示+不用辦會員

imgur沒辦會員的話，記得好像都會公開在網頁上？

上傳時候會顯示選項：可傳靜圖動圖，最大40MB


上傳後抓出圖址的方法
點... 選複製圖片網址

複製貼出來就是下圖這樣了

這是可放在拉比工具箱配合黑色主題的頭貼=不會突兀的預設頭像+保持有碼，有需要的旅人自由使用

這網站裡面也有其他功能(在右上角的三條線內) 包含壓縮圖片、縮檔案、縮網址(有時被噗浪360設限字長時蠻好用的)，有需要可以用看看


以下github編輯器是電腦+手機都能操作

上傳github後，點檔名進去會變預覽code
↓
點右邊的 進入編輯網頁code畫面

【利用編輯器：title這行可把原本拉比工具箱預設的網站名改掉】=好處：之後只要貼網址，不用在發噗時還要用()去編輯=減少噗浪需要的字元數

原本工具箱預設：角色名-2025-xx-xx (輸出的日期)
改：輸入想要在噗浪顯示的預覽網站名

輸入完點 存檔
存檔時會跳出問你要不要寫編輯日誌(可註記改了什麼地方)等等，可以不用填繼續點綠色的=存好了

【補充：壓成網頁後的事後搜尋+修改錯字教學=手機電腦都可以操作】
github編輯器可以拿來修改網頁+對話錯字哦，就不用回頭再改txt，還要重進拉比的工具箱壓html

進入編輯頁面→利用網頁的ctrl+F

會顯示這個視窗讓你找字或程式碼
要尋找的字打在find欄位→點next會一直找下一個關鍵字

replace=記事本txt的取代功能=也可以把txt丟到github，把整頁的無碼pc變有碼pc名，仿佛改彷彿

這個頁面手機網頁上也可操作，可用手機改好你要的txt內容(github app好像是專為設計app其他的東西？=不推下載app)

到達定位後修改你要的錯字，一樣點綠色的按鈕存檔就可以了

手機網頁版的github編輯修改途徑

搜尋關鍵字：在網址欄打上你要找的
（ios和android都能這樣找任何網頁上的關鍵字）

往下拉選這個選項，點下去

能找到整個程式碼的東西+網頁框架內的文字

※要叫出像電腦網頁的取代功能，還是需要有藍牙鍵盤才行

github網站剛上傳/更改檔案後，不會太快更新網頁顯示，需要稍微等幾分鐘。

要是有些旅人發現放上去怎麼網站跑不出來變成404，可以稍微等幾分鐘後再開。

※通常在旅人把網址貼到噗浪的預覽時就能分辨出來，如果只顯示網址+沒顯示網站名=暫時還沒更新成功
【噗浪顯示沒成功範例=打開會是404】

【404畫面範例】