surge 免费部署静态网站,无限空间无限流量,可以绑定域名

surge
surge

surge是免费面向前端开发人员的静态 Web 发布,使用简单的单命令 Web 发布。免费发布 HTML、CSS 和 JS,需要使用命令行。无限空间、无限站点、无限流量,没有广告,可以绑定域名。

surge

网址:https://surge.sh/

演示站点:https://freeaday.surge.sh/

绑定域名演示:http://surge.freeaday.cloudns.org/

图片外链:

mp4视频外链:

测试视频来自可以免费商用图片的下载网站合集,没有声音可以放心播放。

教程

发布站点需要使用命令行。

1、安装Node.js

Node.js® 是一个免费、开源、跨平台的 JavaScript 运行时环境, 它让开发人员能够创建服务器 Web 应用、命令行工具和脚本。

下载地址:https://nodejs.org/zh-cn

下载安装包打开之后一路点击下一步,装完关闭即可。在我们安装配置好node.js之后,npm也是配置好的,无需我们再进行安装,我们可以在cmd命令行中输入

npm -v

如果能够输出版本号,即表示我们安装成功。

2、设置为淘宝镜像(可选)

在cmd窗口输入:

npm config set registry https://registry.npm.taobao.org/

或者这个也行(和上面的二选一,有时候某一个不行,就用另一个):

npm config set registry https://registry.npmmirror.com/

回车。设置完成。

查看是否设置成功:

npm config get registry

回车,可以查看是否设置成功。

如果你想恢复成原来的官方镜像源,只需要输入以下命令:

npm config set registry https://registry.npmjs.org/

3、安装Surge

通过运行以下命令使用 npm 安装 Surge:

npm install --global surge
surge安装
surge安装

查看是否安装成功:

npm list -g --depth=0

返回包名称即为安装成功。或者查看 C:\Users\用户名\AppData\Roaming\npm\node_modules 是否有相应包名称的文件夹。

(可选)如果出现一直转圈,则需要先进行步骤2。

(可选)如果出现红字:无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本。

需要使用管理员身份运行 windows powershell

输入命令:

set-executionpolicy remotesigned

然后输入 Y 回车。然后再重新进行步骤3。

4、部署网站

首先准备好要部署的静态站点文件,放在一个文件夹里。在根目录创建一个空的TXT文本文档,里面写要绑定的域名,如:freeaday.surge.sh ,或者自己要绑定的域名。文档重命名为 CNAME ,没有扩展名。

在文件夹空白处,按住键盘“Shift”键,然后点击鼠标右键,选择“在此处打开Powershell窗口”。输入下面命令,回车:

surge
surge部署站点
surge部署站点

新用户提示输入登录邮箱名和密码,会自动创建用户。输入密码是不显示的。上图是已经登陆过的。

部署成功。自己的域名需要按提示设置ns或者cname。以后需要修改站点内容,直接进行步骤4。

如果出现 Aborted – you do not have permission to publish to freeaday.surge.sh ,说明域名已被占用,当前用户无编辑权限。

其它常用命令

删除站点:

surge teardown freeaday.surge.sh

(域名换成你自己的)

查看本用户所有站点:

surge list

添加协作者

surge --add person1@example.com

(邮箱换成协作者的)

查看其它命令

surge --help

完整说明:https://surge.sh/help/

4 thoughts on “surge 免费部署静态网站,无限空间无限流量,可以绑定域名

  1. 以後需要修改站點內容,直接進行步驟4。

    “在此處打開Powershell窗口” ,輸入“surge” 命令,回車,顯示“(node:2548) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
    (Use `node –trace-deprecation …` to show where the warning was created)” 怎麼解決?!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注