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

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

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

surge

网址:https://surge.sh/

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

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

图片外链:

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

mp4视频外链:

教程

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

1、安装Node.js

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

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

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

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安装

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

(可选)如果出现红字:无法加载文件 C:Program Filesnodejsnpm.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

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