搜索
查看: 270|回復: 3

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

[複製鏈接]

337

主題

74

回帖

3260

積分

漸入佳境

積分
3260

傑出女性女性專用傑出女性初窺堂奧初窺堂奧圓轉純熟圓轉純熟登堂入室

QQ
發表於 2025-1-3 18:42:42 | 顯示全部樓層 |閱讀模式


       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構建過程的一部分。



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

  1. npm install --global surge
複製代碼

       3. 在要部署的目錄中運行:
  1. surge
複製代碼

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

評分

參與人數 1威望 +2 贡献 +8 收起 理由
凡人 + 2 + 8 很給力!

查看全部評分

回復

使用道具 舉報

202

主題

27

回帖

2007

積分

社區主任

積分
2007

社區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任

QQ
發表於 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),打開命令行界面,進入命令提示符窗口,分別輸入以下命令,顯示版本號,則安裝成功。
  1. node -v     回車後顯示安裝的“nodejs”版本號
  2. npm -v      回車後顯示安裝的“npm”版本號
複製代碼

設置為淘寶鏡像(可選):Npm默認的Vegistry,也就是下載Npm包時是從國外的服務器下載,國內很慢,一般都會指向淘寶。
       鍵盤按下「Win+R」鍵,輸入:cmd,然後回車(Enter),打開命令行界面,進入命令提示符窗口,輸入以下命令:
  1. npm config set registry https://registry.npm.taobao.org/
複製代碼
      或者
  1. npm config set registry https://registry.npmmirror.com/
複製代碼
      兩者二選一,有時候某一個不行,就用另一個。然後回車(Enter),設置完成。

       查看是否設置成功:
  1. npm config get registry
複製代碼
      回車(Enter)查看是否設置成功。

       如果想恢復成原來的官方鏡像源,只需要輸入以下命令:
  1. npm config set registry https://registry.npmjs.org/
複製代碼

安裝Surge:在終端或命令提示符中輸入以下命令使用Npm安裝Surge:
  1. npm install --global surge
複製代碼

       查看是否安裝成功:
  1. npm list -g --depth=0
複製代碼
      返回Surge名稱即為安裝成功。如果淘寶源安裝不成功,恢復官方鏡像源安裝。如果出現一直轉圈,則需要先進行步驟二。如果出現紅字:無法加載文件,因為在此系統上禁止運行腳本,需要使用管理員身份運行Windows PowerShell,輸入命令:
  1. set-executionpolicy remotesigned
複製代碼
      然後輸入“Y”回車(Enter),然後再重新進行步驟三。

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



       部署成功。自定義域名需要到域名服務商那裡修改DNS,根據官方要求,需要配置一條CNAME記錄。如果您的域名服務商不支持CNAME記錄,也可以使用Surge.SH的IP,即配置一條A記錄。以後需要修改站點內容,直接進行步驟四。每次部署都需要輸入網站目錄路徑和域名,太麻煩,怎麼辦?只需要切換到網站目錄,將命令換成:
  1. 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

其它常用命令

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

       查看本用戶所有站點:
  1. surge list
複製代碼

       添加項目協作者
  1. surge --add xxxxx2@xxxxx.com
複製代碼

       退出登陸:
  1. surge logout
複製代碼

       換號:不需要退出登陸,運行:
  1. surge login
複製代碼
      後輸入電子郵箱地址和密碼即可。

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

評分

參與人數 1威望 +5 贡献 +10 收起 理由
凡人 + 5 + 10 論壇因您而精彩!

查看全部評分

回復 支持 反對

使用道具 舉報

18

主題

16

回帖

363

積分

轄區主任

積分
363

轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任女性專用傑出女性轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任

發表於 2025-1-8 18:31:28 | 顯示全部樓層
       修改站點內容重新部署,直接進行步驟四,顯示:
  1. “(node:2548) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
  2. (Use `node –trace-deprecation …` to show where the warning was created)”
複製代碼
      怎麼解決?!


回復 支持 反對

使用道具 舉報

202

主題

27

回帖

2007

積分

社區主任

積分
2007

社區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任轄區主任

QQ
發表於 2025-1-8 18:33:54 | 顯示全部樓層
       Node.js已從v21.7.3版本中棄用Punycode模塊。如果您不介意使用最新Node.js版本,解決方法降級Node.js版本,安裝Node.js v20.18.1版本即可解決。

評分

參與人數 1威望 +2 贡献 +5 收起 理由
凡人 + 2 + 5 贊一個!

查看全部評分

回復 支持 反對

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注冊

本版積分規則

QQ咨询|手機版|小黑屋|冀ICP備16016023號|冀公網安備13010402001404號|CrsKEY論壇

GMT+8, 2025-4-20 12:39 , Processed in 0.227003 second(s), 25 queries .

Powered By CrsKEY! X3.5 Designed By CrsKEY.Com

© 2001-2013 CrsKEY Inc.

快速回復 返回頂部 返回列表