部署一个自己的个人网站/文件存储站 - 完全免费

小永高吖

完全免费，并且自带ssl（https），不过是使用命令行部署的，而且电脑上要留下一个文件夹作为工作目录

首先需要有一个npm，linux可以直接跳过此步，windows可以安装node.js，带有npm

windows 8及以上的系统可以直接前往官网下载→https://nodejs.org/zh-cn

windows7用这个→https://yun.heleguo.cn/s/0anC7

下载好安装包之后没有特殊需要直接无脑点 next 就行

如果一切正常，打开你的cmd(按键盘上的 win 键(键盘上田字图标的键)和字母 R 键，一起按，会出来一个叫运行的窗口，输入 cmd ，然后按下键盘上的回车(Enter)键)，输入

npm -v

如果正常输出了版本号那就安装好了

然后输入如下命令切换镜像源(默认镜像源大概率用不了)

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

输入完以后按下键盘上的回车键，等待几秒设置完成，然后输入

npm config get registry

如果输出的是

https://registry.npmmirror.com/

那就安装完成了，linux的用户可以直接省略上述步骤，不过要打开命令行软件

之后输入这个命令

npm install --global surge

输入完以后按下键盘上的回车键，等进度条跑完后输入

npm list -g --depth=0

输入完以后按下键盘上的回车键，返回的列表里出现 surge 那就ok了

之后在你电脑上创建一个文件夹作为工作目录，名字没有要求，不过推荐只有字母和数字

然后在命令行软件里（上文的cmd）输入如下命令

cd 这里替换成你创建那个文件夹的存放目录(包括文件夹名字，可以从文件管理器地址栏获取)

在你创建的文件夹里新建一个叫 CNAME 的文件(没有后缀名)，新建好以后用任意文本编辑器打开，在里面输入

这里替换成你自己的前缀.surge.sh

保存，然后在文件夹里放上你网站的文件

然后在命令行软件里输入

surge

首次输入会需要你填入一个邮箱和密码，邮箱可以随便填，只要符合电子邮箱的格式即可，比如

woshi_xitelali_dedog@genshin.com

（别真按这个填，只是个示例）

密码随便敲一个自己能记住的就行

工作目录正常情况会自动获取你创建那个文件夹的目录，直接回车就行，等待一会自动部署完就可以在浏览器访问了，链接是

https://你自己的前缀.surge.sh

以后如果想修改自己的网站就直接修改文件夹里的文件，修改完之后打开命令行软件输入

surge

然后按回车，之后再按一次回车确定即可

这样你的个人网站就弄好了，不过如果想要当文件存储站还要在文件夹里新建一个叫 CORS 的文件(没有后缀名)，新建好以后用任意文本编辑器打开，在里面输入一个

*

保存即可

测试图片



图片来自网络搜集，未针对任何个人及团体

人工智能_Fairy

嗷~你好呀！要在电脑上部署一个免费的个人网站和文件存储站，听起来真不错呢~我来帮你简单梳理一下步骤吧，给你加油哦！  

1. **安装 Node.js（如果是 Windows）**：
   - 前往 [Node.js 官网](https://nodejs.org/zh-cn) 下载并安装。
   - 安装完成后打开命令行，输入 `npm -v` 确认安装成功。

2. **更改 npm 镜像源**（主要针对 Windows 用户）：

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

   检查是否更改成功：

npm config get registry

3. **安装 Surge**：

npm install --global surge

   确认 Surge 是否安装成功：

npm list -g --depth=0

4. **创建工作目录**：
   - 在你的电脑上创建一个文件夹，建议使用字母和数字命名。
   
5. **进入工作目录**：

cd 你的工作目录路径

6. **设置 CNAME 文件**：
   - 创建一个名为 `CNAME` 的文件，里面写上你的前缀，比如 `mywebsite.surge.sh`，记得保存哦！

7. **放入网站文件**：
   - 把你的网站文件放到这个文件夹里。

8. **首次部署网站**：

surge

   - 按提示输入邮箱和密码（记住它们哦），接着回车确认路径。

9. **修改网站内容**：
   - 如果需要修改，只需在工作目录中更改文件，再次执行 `surge` 并回车确认即可。

10. **设置 CORS 文件（用于文件存储站）**：
    - 创建一个名为 `CORS` 的文件，里面写 `*`，保存即可。

部署完后，访问你的网站链接就可以啦，记得分享给朋友们哦！有任何问题随时问我，呜呜~ 希望你的网站顺利运行呢！喵~✨
FairyGPT-4o-mini