囡囡 發表於 2025-1-3 18:42:42

加拿大Surge.SH免費無限靜態空間

https://img1.tucang.cc/api/image/show/163b015dd85b1a7baa823d2a26bf1dda.png

       Surge.SH是面向前端開發人員的靜態Web發布平臺,為原生Web應用程序發布而從頭開始構建,由其創始人布洛克·惠頓(Brock Whitten)創建於2014年1月1日,總部位於加拿大不列顛哥倫比亞省西岸,目的是為開發人員提供一種簡單快捷的方式來部署靜態網站和Web應用程序,致力於成為前端開發人員將HTML5應用程序投入生產的最佳方式。

       官方網站:https://www.surge.sh

       Surge.SH允許您直接從CLI 免費(大部分)發布HTML、CSS和JavaScript頁面,支持通過Browserify、Gulp和Grunt等流行的構建工具構建項目。您可以通過命令行與之互動,快速、輕鬆地在線獲取新網站和應用程序,無論是手動還是作為CI構建過程的一部分。

https://img1.tucang.cc/api/image/show/8886f23774e40be11fabdf3df8eac24e.png

       Surge.SH慷慨的免費套餐包括允許無限制地發布、使用自定義域和基本SSL證書,自定義域名不頒發SSL證書。您可以直接從命令行發布Jekyll站點、使用Npm Run腳本並協作處理您的項目。
       Surge.SH在線發布內容首先使用Npm安裝命令行工具,然後在要發布到網絡上的任何目錄中運行Surge。您需要做的就是:
       1. 首先確保您擁有最新版本的Node.js:https://www.nodejs.org
       2. 然後運行以下命令使用Npm安裝Surge:

npm install --global surge
       3. 在要部署的目錄中運行:
surge
       即可將該目錄發布到網絡上。沒有賬戶可以通過命令行直接創建賬戶、部署並在Surge.SH上免費託管您的網站。

https://cdn.img2ipfs.com/ipfs/QmTeLX7DQsiMwAigxR1sbzusRkaEGYPqbx9828nqaRU7aC?filename=BBS-20250103003.gif

UttX 發表於 2025-1-4 23:43:04

教程:發布站點需要使用命令行。
一、安裝Node.js
       Node.js發布於2009年5月,由Ryan Dahl開發,是一個基於Chrome V8引擎的JavaScript運行環境,使用了一個事件驅動、非阻塞式I/O模型, 讓JavaScript運行在服務端的開發平臺。 它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。
       Node.js對一些特殊用例進行優化,提供替代的API,使得V8在非瀏覽器環境下運行得更好,V8引擎執行Javascript的速度非常快,性能非常好,基於Chrome JavaScript運行時建立的平臺, 用於方便地搭建響應速度快、易於擴展的網絡應用。
       Node.js®是一個免費、開源、跨平臺的JavaScript 運行時環境,它讓開發人員能夠創建服務器Web應用、命令行工具和腳本。

       Node.js下載地址:https://nodejs.org/zh-cn

       雙擊“node-v22.12.0-x64”安裝程序,點擊「Next」下一步,點擊「change」修改默認安裝路徑,不修改默認即可,一直點擊「Next」下一步,最後安裝完成。

       驗證安裝:
       鍵盤按下「Win+R」鍵,輸入:cmd,然後回車(Enter),打開命令行界面,進入命令提示符窗口,分別輸入以下命令,顯示版本號,則安裝成功。
node -v   回車後顯示安裝的“nodejs”版本號
npm -v      回車後顯示安裝的“npm”版本號
二、設置為淘寶鏡像(可選):Npm默認的Vegistry,也就是下載Npm包時是從國外的服務器下載,國內很慢,一般都會指向淘寶。
       鍵盤按下「Win+R」鍵,輸入:cmd,然後回車(Enter),打開命令行界面,進入命令提示符窗口,輸入以下命令:
npm config set registry https://registry.npm.taobao.org/       或者
npm config set registry https://registry.npmmirror.com/       兩者二選一,有時候某一個不行,就用另一個。然後回車(Enter),設置完成。

       查看是否設置成功:
npm config get registry       回車(Enter)查看是否設置成功。

       如果想恢復成原來的官方鏡像源,只需要輸入以下命令:
npm config set registry https://registry.npmjs.org/
三、安裝Surge:在終端或命令提示符中輸入以下命令使用Npm安裝Surge:
npm install --global surge
       查看是否安裝成功:
npm list -g --depth=0       返回Surge名稱即為安裝成功。如果淘寶源安裝不成功,恢復官方鏡像源安裝。如果出現一直轉圈,則需要先進行步驟二。如果出現紅字:無法加載文件,因為在此系統上禁止運行腳本,需要使用管理員身份運行Windows PowerShell,輸入命令:
set-executionpolicy remotesigned       然後輸入“Y”回車(Enter),然後再重新進行步驟三。

四、部署網站:
       首先準備好要部署的靜態站點文件,放在一個文件夾里。在根目錄創建一個空的TXT文本文檔,裡面填寫要綁定的域名,例如:crskey.surge.sh ,或者自定義要綁定的域名。文檔重命名為:CNAME ,沒有文件擴展名。
       在文件夾空白處,按住鍵盤“Shift”鍵,然後點擊鼠標右鍵,選擇“在此處打開Powershell窗口”,輸入以下命令,回車(Enter):
surge      新用戶提示輸入登陸郵箱和密碼,會自動創建用戶。輸入密碼是不顯示的。

https://img1.tucang.cc/api/image/show/d48e1e205a19c008a27e91fe3e6be816.png

       部署成功。自定義域名需要到域名服務商那裡修改DNS,根據官方要求,需要配置一條CNAME記錄。如果您的域名服務商不支持CNAME記錄,也可以使用Surge.SH的IP,即配置一條A記錄。以後需要修改站點內容,直接進行步驟四。每次部署都需要輸入網站目錄路徑和域名,太麻煩,怎麼辦?只需要切換到網站目錄,將命令換成:
surge ./       即可跳過輸入目錄路徑的步驟。
       注意:由於Surge.SH的限制,自定義域名不支持HTTPS,免費版不能上傳SSL證書。每次修改了網頁,都要重新部署!

       備註:以下功能在付費高級版才提供:
       ● 自定義SSL證書
       ● HTTP重定向到HTTPS
       ● AUTH文件(實現訪問驗證使用)
       ● CORS文件
       ● ROUTER文件(自定義重定向使用)

       如果出現“Aborted – you do not have permission to publish to xxxxx.surge.sh”,說明域名已被占用,當前用戶無編輯權限。

       演示:https://crskey.surge.sh

五、其它常用命令:

       刪除站點:
surge teardown xxxxx.surge.sh       將域名xxxxx.surge.sh換成您自己的。

       查看本用戶所有站點:
surge list
       添加項目協作者
surge --add xxxxx2@xxxxx.com
       退出登陸:
surge logout
       換號:不需要退出登陸,運行:
surge login       後輸入電子郵箱地址和密碼即可。

       官方完整說明:https://www.surge.sh/help

梵音 發表於 2025-1-8 18:31:28

       修改站點內容重新部署,直接進行步驟四,顯示:
“(node:2548) DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
(Use `node –trace-deprecation …` to show where the warning was created)”        怎麼解決?!


UttX 發表於 2025-1-8 18:33:54

       Node.js已從v21.7.3版本中棄用Punycode模塊。如果您不介意使用最新Node.js版本,解決方法降級Node.js版本,安裝Node.js v20.18.1版本即可解決。
頁: [1]
查看完整版本: 加拿大Surge.SH免費無限靜態空間