免费的个人网站托管-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的

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

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

相关推荐
RisunJan1 分钟前
Linux命令-lnstat(快速查找文件和目录)
linux·运维·服务器
打小就很皮...9 分钟前
React 19 + Vite 6 + SWC 构建优化实践
前端·react.js·vite·swc
Highcharts.js11 分钟前
使用Highcharts与React集成 官网文档使用说明
前端·react.js·前端框架·react·highcharts·官方文档
这是个栗子11 分钟前
AI辅助编程(二) - 通译千问
前端·ai·通译千问
VT.馒头23 分钟前
【力扣】2625. 扁平化嵌套数组
前端·javascript·算法·leetcode·职场和发展·typescript
lihui_cbdd27 分钟前
Slurm 集群内存管理与限制配置
运维·服务器
历程里程碑28 分钟前
Linux 17 程序地址空间
linux·运维·服务器·开发语言·数据结构·笔记·排序算法
CC.GG41 分钟前
【Linux】进程控制(二)----进程程序替换、编写自主Shell命令行解释器(简易版)
linux·服务器·数据库
数研小生1 小时前
Full Analysis of Taobao Item Detail API taobao.item.get
java·服务器·前端
Shirley~~1 小时前
Vue-skills的中文文档
前端·人工智能