阅读视图

发现新文章,点击刷新页面。

PinMe:零成本三秒发布你的网站

你是否渴望将自己的博客网站部署上线,却因高昂的服务器和域名费用、繁琐的配置流程而望而却步?你是否希望发布一个活动页面或图书介绍网站,却不愿购买服务器,也不想经历复杂的部署步骤?

最近在浏览 GitHub 时,我发现了一个很棒的项目——PinMe。 PinMe 的目标,就是把发布这件事简化成一句话:

「本地有一份静态资源,上传到网站发上去或者给我一个命令,我帮你发上去。」

不仅如此,这套发布方案还天生具备 “内容可验证” 与 “抗篡改” 的特点。 今天就来给大家推荐这个项目,相信它会让你的发布之路变得轻松又可靠!🚀

🔍什么是PinMe?

PinMe 是一款零配置的前端部署工具。无需服务器、无需账号、无需设置。

无论是构建静态站点、使用 AI 生成页面,还是导出前端项目 — 只需一条命令或者拖动文件夹上传即可即时部署。

PinMe 将您的网站发布为可验证的内容,相比传统托管,能更有效地防止静默篡改和意外损坏。

您无需管理服务器、区域或运行时间。PinMe 为您处理可用性和持久性。

github地址: github.com/glitternetw…

官网地址:pinme.eth.limo/

该项目在github 有2.6k ⭐️star

✒️ 核心特性

🚀 极简部署

  • 网页部署:进入网站,上传文件jar
  • 命令行部署: 只需执行几行简单的命令

🔒 去中心化存储

PinMe基于IPFS(星际文件系统)技术,将你的网站内容存储在去中心化网络中。这意味着:

  • 不可篡改:上传的内容会生成唯一的哈希值,确保内容完整性
  • 永久访问:即使单个节点离线,你的网站仍然可以通过其他节点访问
  • 全球加速:内容通过IPFS网络分布,实现就近访问

🆓 完全免费

目前PinMe提供免费的部署服务,支持:

  • 单个文件最大200MB
  • 整个目录最大1GB

🚂快速开始

🕸️ 网站上传部署(小白推荐)

浏览器打开网站:pinme.eth.limo/

将你构建好的前端项目或者静态网页文件上传,上传成功之后会返回一个url地址(保存好此地址),使用此地址即可访问你的网站。

部署示例网站:34759bf5.pinit.eth.limo/

pinme-web-example.png

注:建议使用github账号登录,登录之后每次上传有历史记录可以查看,历史记录中可以查询到我们的地址

🖥️ 命令行部署(开发推荐)

  1. 准备环境

要求 Node.js 版本 ≥ 16.13.0

如果版本过低,先升级 Node。

  1. 安装 PinMe CLI

使用 npm:

npm install -g pinme

3. 构建并上传

以常见的前端工程为例:

# Vite / React / Vue 项目,一般是:
npm run build

完成构建后,上传:

# 最常见的 dist 目录
pinme upload dist

命令执行成功后,你将得到:

  1. 一个 IPFS 内容 hash
  2. 一个预览页面链接:
    https://pinme.eth.limo/#/preview/*

打开这个链接,就能在线访问你的站点。

⏳ PinMe CLI:常用命令一览

PinMe 主要通过 CLI 提供能力,整体命令集很简洁。

⬆️ 1. 上传(核心命令)

# 交互式上传(会让你选择要上传的目录/文件)
pinme upload

# 直接指定路径上传
pinme upload /path/to/file-or-directory

# 上传并绑定一个固定子域名(需要 AppKey & Plus 会员)
pinme upload dist --domain my-site
# 简写
pinme upload dist -d my-site

注意:

  • 固定域名使用的是 https://<name>.pinit.eth.limo 这种形式
  • 绑定固定域名需要 AppKey 且开通 Plus 会员;普通用户可以使用预览链接访问。

🔄 2. 查看上传历史

# 查看最近 10 条上传记录
pinme list
# 或简写
pinme ls

# 指定数量
pinme list -l 5

# 清空本地上传历史
pinme list -c

♻️ 3. 删除与清理

# 交互式删除(从历史中选择)
pinme rm

# 指定 IPFS hash 删除
pinme rm <IPFS_hash>

需要说明的是,rm 实际做的是从 PinMe 使用的 IPFS 节点中「取消 pin 并移除 ENS 记录」,并不意味着全网 IPFS 都会立刻删除内容。

🔓 4. 登录与身份(AppKey)

PinMe 使用 AppKey 来标识用户,用于:

  • 账号登录
  • 上传历史合并
  • 固定域名绑定

appkey可在网页端 Account Information 页面查看

相关命令:

# 设置 AppKey
pinme set-appkey

# 查看当前 AppKey 信息(会做掩码处理)
pinme show-appkey
pinme appkey

# 登出并清除本地认证信息
pinme logout

# 查看当前账号拥有的域名
pinme my-domains
pinme domain

👁️‍🗨️ 5. 帮助信息

pinme help

📂 上传大小限制与存储说明

免费计划下的限制(以 README 为准):

类型 限制
单个文件 200 MB
整个目录总和 1 GB

上传后文件会存储在 IPFS 网络中,并通过 Glitter Protocol 的 IPFS 网关提供访问。

成功上传后你会获得:

  1. IPFS 内容 hash
  2. 预览链接:https://pinme.eth.limo/#/preview/*
  3. 可选固定域名:https://*.pinit.eth.limo(需 Plus)

本地日志默认保存在:

  • Linux / macOS: ~/.pinme/
  • Windows: %USERPROFILE%.pinme

❤️ 结语

PinMe代表了前端部署的未来方向——简单、快速、可靠。无论你是独立开发者、创业团队,还是大型企业,PinMe都能为你节省宝贵的时间和资源。

告别繁琐的服务器配置,拥抱一键部署的新时代。试试PinMe,体验前所未有的部署体验!

一句话总结:构建你的网站,运行pinme upload,然后就可以分享链接了。就这么简单。

Logoly:几秒钟做出「P站 风格」Logo 的开源小工具

很多人做个人主页、公众号封面、技术分享 PPT,都会遇到一个共同问题:
想要一个眼前一亮的 Logo,但又不会设计,也懒得打开 PS / Figma。

Logoly 就是为这种场景而生的一个开源项目:
一个可以在线生成 Pornhub / OnlyFans 风格 Logo 的小工具,只需要改几个字、调调颜色,几秒钟就能导出一张“似曾相识”的趣味 Logo。

👁️‍🗨️ Logoly 是什么?

Logoly 的作者给它的定义是:

A Simple Online Logo Generator for People Who Want to Design Logos Easily.
—— 让任何人都能轻松做 Logo 的在线生成器。

它最早因为可以生成类似 p站 风格的 Logo 在社区火了一把,后来又加入了 OnlyFans 风格的样式,逐渐变成一个 “恶搞 / 表情包 / 个人小品牌” 都能用的小工具。

特点概括一下:

  • 在线使用,无需安装,打开网页就能玩
  • 生成 P站 / OnlyFans 风格的 Logo
  • 支持自定义文字内容
  • 支持自定义颜色和字体大小
  • 一键导出 PNG / SVG 两种格式
  • 开源,基于 WTFPL 2 授权,几乎「想怎么玩就怎么玩」

github地址: github.com/bestony/log… 在线体验:www.logoly.pro/

该项目目前在github 上已有 7.9k ⭐️star

🎯 功能一览

1. 两种经典风格:P站风格 & OnlyFans

你可以一键做出这两种在互联网上辨识度极高的 Logo 风格,用来做:

  • 朋友圈/微博的整活配图
  • 技术分享 PPT 中的彩蛋
  • 团队内部的梗图或文化海报
  • 个人主页 / 博客上的趣味 Logo 等

风格本身非常强烈,但文字是你自定义的,可以天马行空。

注意:Logoly 本身不涉及任何成人内容,只是借鉴了这些品牌 Logo 的视觉风格。

2. 自定义文字内容

页面中有一个文本输入框,只需要:

  1. 把默认的文字改成你想要的(英文、数字、甚至中文都可以尝试)
  2. 实时预览 Logo 效果

很适合搞一些有梗、容易被记住的短词。

3. 自定义颜色和字体大小

你可以自由调整:

  • 左右两段文字的颜色
  • 中间色块的背景色(具体视当前主题而定)
  • 整体字号大小,用来适配不同场景(比如头像 vs 横幅)

简单几下滑动/点选,就能做出风格迥异的变体。

4. 导出 PNG / SVG

完成之后,点击 Export 按钮可以导出两种格式:

  • PNG:适合直接作为图片使用(社交头像、封面图、PPT、聊天表情等)
  • SVG:矢量格式,放大不会糊,适合用在网页、印刷、再加工设计中

对于前端开发者来说,SVG 的可编辑性也很友好,可以进一步嵌入到自己的项目里。

在线使用教程:4 步搞定一个 Logo

作者已经把使用流程总结成 4 步,实际体验下来也确实非常简单:

  1. 打开网站:
    访问 logoly.pro/

  2. 编辑文字:
    把默认的文本替换成你想要的单词/短句

  3. 调整样式:

    • 修改颜色
    • 调整字体大小
  4. 导出图片:
    点击 Export 按钮,选择 PNG 或 SVG 导出

整个过程基本不需要学习成本,几乎是「一看就会」。

以下是我生成的一些案例

✏️ 面向开发者:如何在本地运行 Logoly?

环境要求

项目对 Node / npm 版本有明确要求:

  • Node.js 18+
  • npm 10+
    (官方说明:只支持 npm 作为包管理器,请不要提交其他管理器生成的 lockfile)

也就是说:

  • 不建议使用 yarn / pnpm / Bun 来跑这个项目,以免锁文件不一致、CI 失败。
  • CI 流水线里也是基于 npm 的脚本执行。

本地跑起来的步骤

在命令行中依次执行:

# 1. 克隆仓库
git clone https://github.com/bestony/logoly.git
cd logoly

# 2. 安装依赖
npm install

# 3. 启动开发服务器
npm run dev

启动成功后,在浏览器里访问提示的本地地址(通常是 http://localhost:xxxx),就能看到 Logoly 的开发版界面。

修改源码后即可实时看到效果。
开发完成后,可以进行构建:

npm run build

docker部署

如果你想使用docker部署,则只需要启动一个nginx 容器,将构建后的dist目录下的文件及文件夹挂载到容器中即可,不会部署nginx的家人们可以搜索下博主的历史文章,有介绍docker 部署nginx 及配置的博文。

🦆 总结

如果你:

  • 需要一个有辨识度的 Logo,又不想折腾复杂设计工具
  • 想给项目、团队或朋友做一个带梗的图标
  • 想找一个小而美的前端开源项目学习 / 贡献

那么 Logoly 非常值得收藏一下。

你可以先用线上版做几个 Logo 玩玩。

❌