免费的个人网站托管-PinMe篇

前情

对于前端开发来说,拥有一个自己的个人网站是一种执着也是一种排面,但是大部分前端也都对服务端这一块的东西都停留在了解阶段,但是如果正儿八经的上线一个网站或多或少需要懂一些服务端知识,需要购买服务器,注册域名,申请证书等等,那对于前端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:链接测试

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

如果你上传的是静态文件,你想访问非index.html页面内容的话你需要带上完整文件名:k2di5kfe.pinit.eth.limo/index0.html

命令行使用

注:此处是在window11系统上使用测试

STEP1:安装命令行

通过npm全局安装PinMe

复制代码
npm install -g pinme

STEP2: 上传文件or目录

通过pinme upload 上传文件或者目录

下面是我用于测试的待上传的静态目录,其中有二个html文件

bash 复制代码
pinme upload testxw

STEP3: 链接测试

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

上面是你的个人站点的静态链接:oxql3up4.pinit.eth.limo,下面的是文件预览内容,如果想访问index0.html可认通过oxql3up4.pinit.eth.limo/index0.html

小结

能发现这个上工具是因为我的一篇发在掘金的博文介绍InfinityFree的时候,下面有大佬留言,说这个工具能免注册快速部署,感谢大佬,让我又发现新大陆了

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

此工具虽然好用,但是有一个缺点,你没法做修改替换,你只能重新上传,每次都是生成一个新的唯一的网址,不像我前面推荐的几种方法,它的域名是固定的,同时支持修改替换,我感觉这个工具对于你临时分享一些静态文件给远程用户查看真的是不错的选择

个人的知识和能力是有限的,天外有天山外有山,如果你有更好的免费服务器或者别的可以部署静态网站的方法非常期待你的分享,一起学习一起进步

相关推荐
JS菌3 分钟前
手写一个 AI Agent 全栈项目:从沙箱执行到子智能体的完整实现
前端·人工智能·后端
weixin_6042366742 分钟前
华三 路由器 极简核心配置
运维·服务器·网络·h3c·h3c路由器
鹤落晴春1 小时前
【Linux复习】管理SELinux安全性
linux·运维·服务器
excel1 小时前
HLS TS 文件损坏的元凶:Git 提交与拉取
前端
Aphasia3111 小时前
https连接传输流程
前端·面试
徐小夕1 小时前
万字长文!千万级文档 RAG 知识库系统落地实践
前端·算法·github
threelab2 小时前
Three.js 物理模拟着色器 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器
kyriewen2 小时前
CSS Container Queries:彻底告别 @media 写到手软,附 5 个真实布局案例
前端·css·面试
小小小小宇3 小时前
OpenMemory MCP
前端