免费的个人网站托管-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:链接测试

文件上传成功后,看到成功页面,顶部你的静态网站地址,底下是文件内容预览,我的地址是: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的

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

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

相关推荐
跟橙姐学代码9 分钟前
学Python,先把这“三板斧”练到炉火纯青!(零基础也能看懂)
前端·python
Jimmy12 分钟前
客户端存储 - IndexedDB
前端·javascript·indexeddb
滕本尊14 分钟前
从业务到框架:Elpis 企业级应用的 NPM 包抽离实践
前端·全栈
木春16 分钟前
React入门:构建你的第一个应用
前端·react.js
gzzeason21 分钟前
ES6+内置进制转换方法
前端·ecmascript·es6
华洛28 分钟前
落地AI产品的最后一步:微调(面向非LLM算法工程师)
前端·aigc·产品经理
成小白32 分钟前
前端实现两个页面之间的通讯
前端·javascript
啷咯哩咯啷42 分钟前
element-plus el-tree-v2大数据量勾选节点卡顿问题
前端·javascript·vue.js
阳光阴郁大boy2 小时前
一个基于纯前端技术实现的五子棋游戏,无需后端服务,直接在浏览器中运行。
前端·游戏
石小石Orz2 小时前
效率提升一倍!谈谈我的高效开发工具链
前端·后端·trae