surge是免费面向前端开发人员的静态 Web 发布,使用简单的单命令 Web 发布。免费发布 HTML、CSS 和 JS,需要使用命令行。无限空间、无限站点、无限流量,没有广告,可以绑定域名。
surge
演示站点:https://freeaday.surge.sh/
绑定域名演示:http://surge.freeaday.cloudns.org/
图片外链:
mp4视频外链:
测试视频来自可以免费商用图片的下载网站合集,没有声音可以放心播放。
教程
发布站点需要使用命令行。
1、安装Node.js
Node.js® 是一个免费、开源、跨平台的 JavaScript 运行时环境, 它让开发人员能够创建服务器 Web 应用、命令行工具和脚本。
下载安装包打开之后一路点击下一步,装完关闭即可。在我们安装配置好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
查看是否安装成功:
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
新用户提示输入登录邮箱名和密码,会自动创建用户。输入密码是不显示的。上图是已经登陆过的。
部署成功。自己的域名需要按提示设置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
以後需要修改站點內容,直接進行步驟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)” 怎麼解決?!
我试过可以,就是好几天没操作,提示要重新登陆。删除站点再执行4试试。
不用在意,回车即可
就像我这个帖子一样:https://www.nodeloc.com/d/19983
有时候出错了直接回车,就好了。