皮皮网

1.Naive Ui Admin - 基于 Vue3/Vite/TS 等最新的源码前端技术栈构建的免费开源中后台前端框架
2.Web-Check这款炫酷强大的网站测试工具值得拥有！
3.100种不错的源码免费工具和资源
4.从零开始搭建个人博客网站系列 三、hugo站点自动部署到vercel托管平台
5.前10大开源开发工具

Naive Ui Admin - 基于 Vue3/Vite/TS 等最新的源码前端技术栈构建的免费开源中后台前端框架

       Naive Ui Admin 是一款基于 Vue3.0、Vite、源码Naive UI、源码TypeScript 的源码各种api函数源码免费开源中后台前端框架。它结合了 Naive Ui 的源码高质量 UI 组件库，提供了一套完整的源码中后台管理系统解决方案。Naive Ui Admin 提炼了常见且具有代表性的源码业务模型页面，包括二次封装组件、源码动态菜单、源码权限校验、源码粒子化权限控制等，源码旨在帮助开发者快速搭建企业级中后台项目，源码提高开发效率。源码

       这款框架使用了最新的前端技术栈，有助于学习和生产应用。用户可以快速上手，体验到高质量的中后台管理框架带来的便捷。然而，对于复杂业务场景，尽管提供了丰富的业务组件，仍可能需要额外实现一些操作界面。

       Naive Ui Admin 由 @Ah jung 开发和维护，更新频繁，文档和源码资源丰富，上手难度不大。它借鉴了 vue-vben-admin 实现的骨架，与后者一样，是一款颜值高且功能强大的优秀 admin 框架。

       Naive Ui Admin 和 Naive Ui 一样，完全免费开源，基于 MIT 开源协议托管在 Github 上。任何个人或公司都可以免费下载使用。

       获取更多详细信息，访问以下链接：

        - 提供免费的简历生成器，帮助用户找到理想工作。

       . daily.dev - 保持最新编程新闻的简易方法，整合开发者社区排名的文章。

       . DevDocs - 离线且免费的文档浏览器，方便开发者快速搜索HTML、CSS、散户分析指标源码JavaScript等文档。

       . Feather Icons - 简洁美观的开源图标集合，强调简单性、一致性和可读性。

       . shortcode.dev - 一组有用的代码片段和示例，包含元素、属性和选择器。

       . Canva - 与团队合作创造美丽设计的在线平台，提供拖放功能和布局选项。

       . Mockuper.net - 免费模型生成器，用于定制图像展示作品。

       . CSS Nectar - 为网页设计师提供免费CSS网站设计展示平台。

       . BGJar - 免费的SVG背景生成器，适用于网站、博客和应用程序。

       . Photopea - 在线照片编辑器，支持编辑照片、应用效果、过滤器等。

       . Vercel - 为项目提供最佳前端开发体验和最高终端用户性能的部署平台。

       . Fun-javascript-projects - 以实用项目形式免费学习JavaScript的资源。

       . Flaticon - 包含大量免费SVG、PSD、PNG、EPS格式矢量图标，以及图标字体。

       . Awesome Python - 汇总了优秀的Python框架、库和软件列表。

       . CSS Reference - 以视觉指南形式免费提供CSS学习资源，包含流行属性解释。

       . Sidebar.io - 每天提供五个最佳设计资源，适用于工作日。

       . Grid by Example - CSS网格布局学习指南，提供所需知识。

       . Heroicons - 美观的手工SVG图标，由Tailwind CSS开发者提供。

       . Latency - 免费全球延迟性能测试工具。

       . We Work Remotely - 提供设计、编程、营销等领域的远程工作机会。

       . Unsplash - 高质量免费库，直播源码混合开发适用于任何项目。

       . Simple Icons - 包含多个流行品牌免费SVG图标。

       . CSS Stats - 为样式表提供分析和可视化的免费工具。

       . Squoosh.app - 在线图像压缩和比较工具，支持多种编解码器。

       . Fast design - 适应现代网络体验的自适应界面系统。

       . UI Garage - 为设计师和开发者提供UI灵感、工具和最佳资源。

       . unDraw - 具有开源插图的设计项目，可免费用于任何想法。

       . Figma - 团队合作设计、制作原型和收集反馈的平台。

       . Hashnode - 免费内容创作平台和社区，允许在特定领域发布文章。

       . FreeCSS - 提供个免费网站模板，支持开源和创意共享模板。

       . DrawKit - 免费矢量SVG插图集合，无需署名即可使用。

       . Public APIs - 列出多个免费开放的REST API，涵盖**、动漫、天气等。

       . CSS.gg - 纯粹的CSS图标库，支持自定义和Retina-Ready，通过纯CSS、SVG等构建。

       . Jr.DevJobs - 初级开发人员的工作机会平台。

       . Notion - 将日常工作应用集于一体的新工具，作为团队工作空间。

       . Compresspng.com - PNG图像压缩和优化工具。

       . Compressor.io - 在线图像优化和压缩工具，支持JPEG、PNG等格式。

       . Caniuse.com - 提供浏览器支持信息，支持桌面和移动网络浏览器的前端技术。

       . Javascript.info - 现代JavaScript教程，包括闭包、文档和事件、面向对象编程等。

       . Inovatik - 为在线项目提供动力的HTML模板下载平台。

       . Free-for.dev - 提供开发者使用的什么是源码录制免费软件、服务和其他产品列表。

       . Stormkit - 现代JavaScript应用基础设施提供商，与Git紧密集成。

       . PythonAnywhere - 云中托管、运行和编码Python的平台。

       . Regex - 在线正则表达式测试工具，支持PHP、PCRE、Python等语言。

       . Quant-UX - 设计、测试和学习工具，允许将原型转换为生产系统。

       . Glitch - 创建和使用数以百万计应用程序的简单、强大、免费工具。

       . Frontend Mentor - 通过解决真实世界HTML、CSS和JavaScript挑战，提高前端技能。

       . Smashing Magazine - 为网页设计师和开发者提供资源。

       . FontPair - 协助设计师组合和匹配Google字体。

       . Codewars - 开发人员挑战平台，通过训练提高技能。

       . Westryve - 提供PHP、Laravel、HTML & CSS、Python、.NET等社区信息。

       . Remote.co - 提供远程工作机会、公司和虚拟团队信息。

       . Web.dev - 通过有用指导和分析，帮助网站和应用程序采用现代功能。

       . BundlePhobia - 帮助评估前端bundle中添加npm包的性能影响。

       . Scrimba.com - 有趣、快速学习代码的方式，提供互动课程和教程。

       . Dev.to - 具有建设性和包容性的社交网络，支持开源和透明。

       . Heroku - 平台即服务（PaaS）平台，使开发者能够在云中构建、运行和操作应用程序。

       . Animista.net - 玩转现成CSS动画，显示器源码调整并仅下载实际需要的动画。

       . HTTP Status Codes - 定义、细节和有用的代码参考。

       . The Coding Interview - 每天准备5分钟，练习破解编码面试难题。

       . Learn-anything.xyz - 搜索交互式思维导图，用于学习任何内容。

       . Responsively App - 帮助快速、精确进行响应式Web开发的工具。

       . Colormind - 一键生成色彩组合的工具，使用深度神经网络创建有凝聚力的色彩方案。

       . teachyourselfcode.io - 通过策划的视频教程免费学习代码。

       . Render - 统一平台，用于构建和运行所有应用程序和网站，支持免费SSL、全球CDN、专用网络和Git自动部署。

       . Carbon.sh - 最简单的方法创建和分享源代码。

       . Regex Pal - 在线测试Javascript和PCRE正则表达式。

       . JSONLint - 免费的在线JSON验证和重新格式化工具。

       . W3Layouts - 提供免费网站模板设计，响应式设计，使用Bootstrap、HTML、CSS和JS构建。

       . Freepik - 数以百万计的免费图形资源，包括矢量图、、PSD、图标等。

       . Mixkit - 为视频项目提供免费视频素材、音乐素材和Premiere Pro模板。

       . Unscreen - 在线工具，用于移除视频背景，%自动，免费。

       . Avataaars Generator - 免费在线头像生成器，轻松制作个人头像。

       . Remix Icon - 开源中性风格图标集合，适合设计师和开发者使用。

       . Ikonate - 定制、调整和下载免费矢量图标，支持Sketch、Photoshop等应用程序使用。

       . Open Doodles - 人物素描图库，适用于个人和商业使用。

       . Kite - 用于编程自动完成的AI插件，支持多种语言和IDE，提供多行补全功能。

       . Devhints - Web开发速查表集合。

       . Wappalyzer - 分析网站技术栈的工具，创建网站和联系人的列表。

       . Tailwind Components - 提供Tailwind图表、网格、输入、表格等组件。

       . Grammarly - 旨在提升沟通影响力的工具，确保写作清晰吸引人，消除语法错误。

       . Wave - 免费发票和会计软件，支持信用卡处理和工资单服务。

       . Clockify - 时间跟踪软件，用于跟踪不同项目的工作时间。

       . Untools - 解决问题、决策和理解系统的方法集合。

       . Free Logo Maker - 在几分钟内创建自定义logo的免费在线应用。

       . TinyPNG - 压缩优化PNG和JPEG图像，加快网站加载速度，节省带宽。

       . 1loc - 最佳的JavaScript单行代码集合。

从零开始搭建个人博客网站系列 三、hugo站点自动部署到vercel托管平台

       原文链接：码农在新加坡的个人博客

       在搭建个人博客的旅程中，我分享了一系列从零开始的教程。其中，关于如何将 Hugo 站点自动部署到 Vercel 托管平台，是系列教程中的一个重要部分。以下步骤详细介绍了从注册账号、导入仓库到成功托管的过程，以及源码托管时需要注意的几点细节。

       Vercel 是一个出色的免费网站托管平台，不仅支持静态网站的部署，还能适应动态网站的需要。它为用户提供了极佳的便利性，包括一键导入 Github 或 Gitlab 仓库，以及易于使用的界面。

       以下是将博客部署到 Vercel 的基本步骤：

       注册 Vercel 账号

       首先，通过 Github 注册 Vercel 账号。这样可以方便地从 Github 导入仓库。

       目标代码托管

       选择 Github 上的 xx.github.io 仓库进行托管。

       新建项目

       在 Vercel 控制台中新建项目。

       导入 Git 仓库

       导入 Git 仓库，可以选择导入所有仓库。

       选择目标文件仓库 codingxiaoma.github.io。

       点击 Import。

       设置

       完成导入后，进行必要的设置，包括查看 Hugo 版本（如：NAME: HUGO_VERSION, VALUE: 0..4），选择是否发布。

       源码托管

       当进行源码部署时，需要注意主题是否已发布到 Github。如果主题未发布，只是创建了软链接，需要确保主题目录下的文件正确更新。若遇到冲突问题，需从 Github 删除 public 文件夹，并确保 .gitignore 文件中正确添加 public 文件的排除规则。

       成功设置后，点击发布按钮。

       发布过程中可能会遇到一些常见的问题，例如：文件已存在或需要忽略 public 文件夹的提交。解决这些问题的方法包括更改文件名、使用 .gitignore 文件排除 public 文件夹的提交。

       查看发布状态

       部署完成后，通过点击 Visit 查看博客的访问状态，确认域名分配是否正确。Vercel 会自动为站点分配一个域名。

       此外，BUILD COMMAND 功能允许用户执行多行命令，以满足定制化需求，如同时部署 Github Pages 和 Vercel，或修改配置文件中的 baseURL 等。

       总结而言，使用 Vercel 托管 Hugo 站点是一个简单且高效的过程。无论选择目标文件托管还是源码托管，都能根据自己的需求灵活调整。Vercel 作为一款功能强大的免费托管平台，为个人开发者提供了极大的便利。希望这篇指南能帮助你顺利将博客部署到 Vercel，开启精彩的技术分享之旅。

前大开源开发工具

       Visual Studio Code 是一款强大的开源源代码编辑器，适用于 Windows、macOS 和 Linux。它内置了对多种语言，如 JavaScript、TypeScript、Node.js 的支持，并提供了丰富的扩展生态系统，适用于其他语言，如 C++、C#、Java、Python、PHP、Go。其轻量级的设计和功能的丰富性使其在我们的前名中位居榜首。由于其在功能、用户体验和扩展方面的卓越表现，以及团队定期发布的更新，VS Code 成为了最佳编辑器之一，值得一试。

       Budibase 是一款开源低代码平台，为构建内部工具和自定义业务应用程序提供了一切所需，如仪表板、管理面板、审批应用程序、客户门户等。它允许用户在几分钟内将数据和流程转变为强大的内部工具。Budibase 在竞争中脱颖而出的原因包括用户可以在自己的基础设施上自行托管应用程序，创建内部和外部工具，以及自动化任务，如电子邮件通知、触发 webhook、发送报告等。此外，Budibase 导出的单页应用程序提供了更好的用户体验。

       Vercel 是一款面向前端开发人员的部署和协作平台，为他们提供了构建高性能网站和应用程序的综合工具。Vercel 使开发人员能够托管可即时部署和自动扩展的网站和 Web 服务，无需任何配置。其愉快的用户体验、高性能和 UI 设计是 Vercel 在前名中的原因之一。此外，它在 Github 上拥有最大和发展最快的社区之一，活跃和热情的论坛为用户提供了支持。

       Oh My Zsh 是一个开源的、社区驱动的框架，用于管理 Zsh 配置。它捆绑了超过 个插件，简化了软件开发人员的工作。Oh My Zsh 为命令行使用人员提供了更丰富的体验，并定期更新和发布开源开发工具的新功能。用户可以访问社区贡献的主题，以获取最新功能和改进。

       GitLab 是一个集成的软件开发平台，旨在简化 DevOps 生命周期。它提供了从版本控制到服务台、设计管理、机密管理和时间跟踪的一系列工具。GitLab 的强大之处在于它在包管理方面的功能，允许团队轻松打包依赖项、管理容器和构建工件。此外，GitLab 的私有、容器和包注册表功能开箱即用，与 GitLab 的源代码管理和 CI/CD 管道无缝协作。这使得 GitLab 成为开源开发者世界中的重要平台。

       Supabase 是一个开源的 Firebase 替代品，为开发者提供了一个“一套开源工具，组合在一起以构建无缝的开发人员体验”。它包含许多功能，如身份验证、存储和即将发布的功能。Supabase 的闭源竞争对手 Firebase 的 API 调用费用使许多开发者转向 Supabase，因为它提供了更经济的解决方案。

       PostHog 是一款企业级产品分析平台，提供了不同的工具，旨在帮助企业更好地了解产品成功的关键因素。PostHog 提供了会话记录、热图和功能标志等功能，这些功能在产品分析领域是独一无二的。PostHog 的社区和团队反应迅速，乐于助人，为用户提供支持和帮助。

       Snyk 是一款开发者优先的安全平台，旨在安全地构建云原生应用程序，并鼓励开发人员在开发过程中修复开源漏洞。Snyk 的优势在于其自动化的安全漏洞修复功能和对软件组合分析的简化，使开发过程更加高效和安全。

       Prisma 是一个开源的下一代 ORM，提供了一个全面的解决方案，包括 Prisma Client、Prisma Migrate 和 Prisma Studio。Prisma 提供了一个将数据库转化为 REST/GraphQL API 的 ORM，为前端和后端开发提供了类型安全的 API。它采用的 SDL 优先方法使构建过程更加直观和高效。

       Storybook 是一款 UI 开发工具，通过隔离组件简化了开发过程。它允许开发人员专注于单个组件的开发，而无需启动复杂的开发堆栈、输入特定数据或在应用程序中导航。Storybook 与各种流行的前端框架（如 React、Vue 和 Svelte）集成，并提供了丰富的社区支持。它还支持组件的可视化展示，使开发人员更深入地了解可用组件，减少了重复工作。