前情
对于前端开发来说,拥有一个自己的个人网站是一种执着也是一种排面,但是大部分前端也都对服务端这一块的东西都停留在了解阶段,但是如果正儿八经的上线一个网站或多或少需要懂一些服务端知识,需要购买服务器,注册域名,申请证书等等,那对于前端er有没有什么方式可以免费托管自己的个人网站了?
PinMe ?
一款简单实用的去中心化部署工具,能降低个人网站和作品展示的技术门槛。用户用一行命令就能发布网站或文件,不用复杂配置服务器,还能得到不可篡改的唯一访问地址,支持绑定 ENS 域名
- 极速上传:支持单文件20MB/目录500MB快速上传
- 多终端兼容:Windows/macOS/Linux全平台覆盖
- 智能管理:内置历史记录查看与批量删除功能
- 安全保障:双重哈希验证+IPFS网关加速
它还贴心的提供了网页GUI的方式和命令行工具的方式二种使用方式
网页使用
注:此处是在window11系统上使用测试
STEP1:打开pinme官网
进入网址:PinMe - Free IPFS Hosting for Static Websites | Decentralized Frontend Deployment ,选择右则Deploy from Browser

STEP2:上传文件或者目录
点击click to upload folder,选择个人网站静态资源目录,此处我要上传的test目录,它下面有2个静态html

根据你上传的静态文件的大小等待时间可能不一样,我用于测试的静态资料文件比较小,我等待十几秒就上传成功了

STEP3:链接测试
文件上传成功后,看到成功页面,顶部你的静态网站地址,底下是文件内容预览,我的地址是:https://k2di5kfe.pinit.eth.limo/

如果你上传的是静态文件,你想访问非index.html页面内容的话你需要带上完整文件名:https://k2di5kfe.pinit.eth.limo/index0.html
命令行使用
注:此处是在window11系统上使用测试
STEP1:安装命令行
通过npm全局安装PinMe
bash
npm install -g pinme
STEP2: 上传文件or目录
通过pinme upload 上传文件或者目录
下面是我用于测试的待上传的静态目录,其中有二个html文件

bash
pinme upload testxw

STEP3: 链接测试
复制或者点击上图框住的链接打开看到的如下界面:

上面是你的个人站点的静态链接:https://oxql3up4.pinit.eth.limo,下面的是文件预览内容,如果想访问index0.html可认通过https://oxql3up4.pinit.eth.limo/index0.html
小结
能发现这个上工具是因为我的一篇发在掘金的博文介绍InfinityFree的时候,下面有大佬留言,说这个工具能免注册快速部署,感谢大佬,让我又发现新大陆了

当时第一时间去尝试了是有遇到问题的,于是有去github的issue里留言,没想到没多久就收到已经修复的回复,测试是OK的

此工具虽然好用,但是有一个缺点,你没法做修改替换,你只能重新上传,每次都是生成一个新的唯一的网址,不像我前面推荐的几种方法,它的域名是固定的,同时支持修改替换,我感觉这个工具对于你临时分享一些静态文件给远程用户查看真的是不错的选择
个人的知识和能力是有限的,天外有天山外有山,如果你有更好的免费服务器或者别的可以部署静态网站的方法非常期待你的分享,一起学习一起进步