面条实验室

折腾些什么玩意。

群组 @miantiao_chat

面条实验室

  1. 面条实验室

    好久没看到讨论 404 页面了，这个网站搜集了不少网站的 404 页面

    好久没看到讨论 404 页面了，这个网站搜集了不少网站的 404 页面。

    如果你缺少灵感了，可以来这边看看

    https://s.mt.ci/404s
    www.404s.design
    404s — gallery of error 404 page designs
    404s — gallery of error 404 page designs
    404 pages, where joy and errors meet. A growing gallery of 404 page designs from around the internet. For all those lost pages, error pages & page not found out there.

  2. 面条实验室

    Avatartion 一个 Notion 风格的头像生成工具，支持捏脸

    Avatartion 一个 Notion 风格的头像生成工具，支持捏脸

    https://s.mt.ci/avatartion
    Avatartion
    Create Your Notion-Style Avatar with Avatartion | Customizable Avatars
    Avatartion is the perfect tool to generate a personalized avatar that resembles the Notion-style icons. With Avatartion, you can create a unique avatar by choosing different facial features, clothing, and accessories.

  3. 面条实验室

    JavaScript 的 Runtime 越来越多，如果你要查看某个语法的兼容性，可以使用

    JavaScript 的 Runtime 越来越多，如果你要查看某个语法的兼容性，可以使用 https://runtime-compat.unjs.io 这个网站，由 UnJS 维护。
    如果你想抹平差异，推荐使用 https://git.new/unenv ，同样由 UnJS 维护
    runtime-compat.unjs.io
    Runtime compatibility across JavaScript runtimes
    Display APIs compatibility across different JavaScript runtimes. The data is retrieved from runtime-compat-data, based on MDN's format.

  6. 面条实验室

    #工具推荐 如果你在使用 #Hexo、#Hugo、#Astro、#Next.js、#VitePress 等静态博客生成器，推荐你安装 VSCode 的 Front Matter 插件，为你的博客带来可视化的 CMS 管理

    #工具推荐 如果你在使用 #Hexo、#Hugo、#Astro、#Next.js、#VitePress 等静态博客生成器，推荐你安装 VSCode 的 Front Matter 插件，为你的博客带来可视化的 CMS 管理。

    写作模式下可以为 Markdown 编辑带来快捷键操作、效率提高很多，而且还可以帮你检查 SEO。

    https://s.mt.ci/frontmatter
    frontmatter.codes
    Headless CMS right in your code editor | Front Matter
    Headless CMS right in your code editor | Front Matter
    Headless CMS running in Visual Studio Code that helps managing your static sites. Supports Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and more.

    工具推荐HexoHugoAstroNextVitePress

  8. 面条实验室

    Page UI（

    Page UI（ https://pageui.shipixen.com/ ）提供了不少 Landing page 的组件，使用方法同 Shadcn UI。

    独立开发者做 Landing page 可以考虑使用下。

    77 + 示例： https://shipixen.com/demo/landing-page-component-examples
    6+ 模板：https://shipixen.com/demo/landing-page-templates
    Landing page components & templates that you can copy & paste
    Landing page components & templates that you can copy & paste
    Page UI is a set of landing page components & templates that you can copy & paste into you React/Next.js codebase. Built on top of Shadcn UI and TailwindCSS.

  9. 面条实验室

    之前搬家后没有了公网 IPv4, 为了解决 PT 上传和远程访问费了不少事情

    之前搬家后没有了公网 IPv4, 为了解决 PT 上传和远程访问费了不少事情。

    分享下自己的现在折腾的方案。用了大概两年，稳定性很好，几乎可以媲美公网 IPv4。

    1. 不需要中转服务器，可以跑满带宽；
    2. 不依赖 IPv6；
    3. 支持 PT 上传（重点）。

    https://chi.miantiao.me/posts/without-ipv4/
    chi.miantiao.me
    没有公网 IPv4 也能玩转 Homelab 远程访问 | 面条实验室
    没有公网 IPv4 也能玩转 Homelab 远程访问 | 面条实验室

  13. 面条实验室

    许多博主/站长获取用户头像的时候，都会使用 Gravatar 来获取，但是 Gravatar 只支持邮箱或者好多人没有设置

    许多博主/站长获取用户头像的时候，都会使用 Gravatar 来获取，但是 Gravatar 只支持邮箱或者好多人没有设置。

    https://unavatar.io 提供了一项获取用户头像的终极服务，提供一个邮箱/用户名/域名就可以从 GitHub/Google/Gravatar/Instagram/Telegram/Twitter/YouTube 获取用户头像，非常方便。
    unavatar.io
    unavatar.io: The universal avatars API for username, email, and domain — plus logos, icons & artwork
    unavatar.io: The universal avatars API for username, email, and domain — plus logos, icons & artwork
    Universal avatars API: resolve user avatars by username, email, or domain from GitHub, Gravatar, X, Google, Instagram, and 72+ providers. The same endpoint also returns logos, favicons, app store icons, and cover art — with dashboard analytics for usage,…

  14. 面条实验室

    https://miantiao.me/notice/AhHLj6SGYx7Poqnlw0
    miantiao.me
    面条 (@chi@miantiao.me)
    面条 (@chi@miantiao.me)
    好多人在讲 Vercel 部署的时候，都会提到国内网络访问的问题。其实 Vercel 有一些 IP 是可以国内正常访问的。使用 DNS 分区解析，国内解析到固定 IP，国外解析到泛播 IP 就行。 有需要的可以直接使用我的 CNAME vercel.dns.surf , 测试可以使用 https://chi.miantiao.me

1px