{"componentChunkName":"component---src-templates-blog-post-js","path":"/free-tools/","result":{"data":{"site":{"siteMetadata":{"title":"Viking Zhang, 一个前端开发工程师以及独立开发者的故事"}},"markdownRemark":{"id":"dc28129b-4d88-5927-9582-d6bfa1576202","excerpt":"点击在 Youtube 查看视频版本 点击在 B站 查看视频版本 前言以及回顾 大家好，好久不见，我是简单简历，https://easycv.cn…","html":"<p><strong><a href=\"https://youtu.be/4vVTtTO9cRc\">点击在 Youtube 查看视频版本</a></strong></p>\n<p><strong><a href=\"https://www.bilibili.com/video/BV14h4y1o7ym/\">点击在 B站 查看视频版本</a></strong></p>\n<h2>前言以及回顾</h2>\n<p>大家好，好久不见，我是简单简历，<a href=\"https://easycv.cn/\">https://easycv.cn</a> 的创始人张轩，它是一个专注于互联网从业者的简历生成工具，它已经上线半年有余，也经历了众多的里程碑。</p>\n<p>我一直在记录产品的一些阶段性的进展，如果感兴趣，大家可以按时间线阅读或者观看以下的文章/视频：</p>\n<ul>\n<li><a href=\"https://vikingz.me/first-300-customers/\">我独立开发的产品是怎样获得最初的 300 个用户的？</a></li>\n<li><a href=\"https://vikingz.me/first-2000/\">我独立开发的产品是怎样赚到第一个 2000 元的？</a></li>\n<li><a href=\"https://vikingz.me/1000-days/\">不上班的1000天，程序员自由职业 B 计划 - 做什么/收入/经验教训</a></li>\n<li><a href=\"https://vikingz.me/2000-mrr/\">小小里程碑，独立开发的作品简单简历月收入达到2000元</a></li>\n</ul>\n<p>今天我们来谈谈大家非常关心的<strong>钱</strong>的问题，独立开发一个项目控制成本很重要，最近一年互联网裁员也非常严重，所以消费降级在不断被提及。不仅仅是小公司，大公司也在控制成本，越来越多的大公司在逃离云服务，改为自己搭建一些服务。</p>\n<p>所以文章中我就要讲讲在整个项目中，我是怎样使用一些免费的服务来替换掉收费的服务，从而以最低的成本运营整个项目的。</p>\n<p>先说一个结论，使用这些服务可以让我一年至少节省 <strong>5000</strong> 元。接下来让我们看看有怎样的不同服务：</p>\n<h2>无代码（no-code）建站平台</h2>\n<p>除了主站之外，我还有一些快速建站的需求，配合特定的时期完成宣传，要求快速并且美观的实现一些应用。虽然是程序员，但是无代码平台能帮我更快的完成任务。</p>\n<p>这里我选择了 <strong>Zion 无代码开发平台</strong>：<a href=\"https://www.functorz.com/?channel=vkg\">https://www.functorz.com/?channel=vkg</a></p>\n<p>作为国内的一个平台，它最强悍的功能应该就是可以快速搭建小程序，小程序作为国内一个比较特殊的应用类型，假如编码的话，还需要学习另外一套体系和语法。我使用它很快就搭建好了小程序，节省了很多时间。整个过程是完全可视化拖拽的方式完成的，它还兼备了实时预览的功能，省去了打包部署的流程。</p>\n<p>它还有一大特点就是组件的灵活性，能满足高度自定义的需求，可以创建符合自己的设计规范的组件，可以在不同的项目中细粒度的复用和继承，这样可以避免改了规范以后，所有项目都要回炉重造。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 590px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/bd2ddfcf682c8764917d803c63dc8655/69ae9/zion-1.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 66.81415929203538%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsSAAALEgHS3X78AAACkUlEQVQoz01S30tTYRg+VyJGGduOm25rx21euNlZy5xEdlEQ2mXiXEgERRAF9Q8EQYUIeVc5C7pIYdqQbuouLEWH7mJLDPqh6bbmmPuRbLlzds7Odvb17Jjiw+HjnPO+7/O87/t8VFtbW0dHh91uZ1nW5XK1t7ebzWaLAq1We2wfx4HGRqPeYDGbDQaDTqdDGnXiEFpbWxFoaWnR6/XNzc09PT19fX2XFPT29uK02WwmhkEIVGCkvF7v1D58Ph/OaQVjYy9mZ2cJIeVyWZblSqVSrVb7+/sbGhqamppomoY4lUgkkIEAOYDynkylQqEQanieLykAi9vt1mg0RqMRPZtMJioSiSCQy+V4BRzHISm/m/N/mJufn99TBsACfY/Hg54xHTZltVqpjY0NQRAQqB4Cara24oFAQBTFbDabz+cLhQJ4h4aG1Go1ZJ1OJ8MwNWWOgyAvCKKAXEGADoozmczCwsJez7IC/BwYGKirq4ML/7cdjUZ5brfIc8rg8kFeOp0OBoP4VSwW0RpoJUnCzPX19RgbxTCFikRjsUxlLc6vJ8RElpckTiqXUJxKby8Hl8CITyxbktBRyeNxw24UY+E15VgsVqkSrlgqCnJZJEQmJaFc2JXR9lIgDJaSIP3NiXs+DF69fuRoI01rVCoVNkfF43HFHiKQzUz1ZY68+ZkZ/fT13np2fC70vEAmV5PDE+9vL654F8Pjg9du0DoTrVHD51rb4XB4Z+dPOpX9vb36PTn5I+mb+TblX3v3eeVV+MsMIcuEBH5FP05Nv/a/nbhz/wpjUTGMBVcQblO4cQ6Hg2VPnmI7TzvOO9lzzs6L3Wcvd3dduHXz7vDjZw8fjD559HRkpPZ0uc5gZsjCMJz/ADbKyuYBJlLhAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"图片\"\n        title=\"图片\"\n        src=\"/static/bd2ddfcf682c8764917d803c63dc8655/799d3/zion-1.png\"\n        srcset=\"/static/bd2ddfcf682c8764917d803c63dc8655/00d96/zion-1.png 148w,\n/static/bd2ddfcf682c8764917d803c63dc8655/0b23c/zion-1.png 295w,\n/static/bd2ddfcf682c8764917d803c63dc8655/799d3/zion-1.png 590w,\n/static/bd2ddfcf682c8764917d803c63dc8655/2a3d6/zion-1.png 885w,\n/static/bd2ddfcf682c8764917d803c63dc8655/ae92f/zion-1.png 1180w,\n/static/bd2ddfcf682c8764917d803c63dc8655/69ae9/zion-1.png 2260w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p>Zion 非常方便的可视化编辑器以及预览功能</p>\n</blockquote>\n<p>除此之外，它的模版非常丰富，也支持响应式设计，可以在不同的平台可以比较完美的完成展示，最近还上线了 AI 模版，让创建项目更省时省力。</p>\n<p>它也集成了后端服务，支持复杂的数据模型可视化管理，从而快速的搭建动态项目，并且还有自带的不同权限的账户配置体系，甚至还可以接入支付。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 590px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/a948ff849971b47e7b44200cdff516e0/03642/zion-2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 46.80685358255452%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAAsSAAALEgHS3X78AAABTUlEQVQoz22Ry3KEIBBF3U9lfIDAiC8UHV4+Msk2i9nkO/L/X5ErVlJZ5FaXRUMf+tIm4ePL7M+6VUSoPEvzQwUp2e0/iahziUgemx97ubw/7dsno3lRFIBF1Vpr3R/ZGN4HxO9msm37/W76rpE3boxhjKVpylhpzN361YXd+dW6JayvPux+OcL6xflgnU/g4HK5vFyvRUGmaaqqKsJcDVrcJBcyrA89zXVdY1NrlMyooYQqpZJ5nruuI1HDMJRlmWUppfQEsiyzLmitcYT1OI5TFIrbtk2wizs458jhAhV4MxP1MGqUEkKNsVqPTdNgHLgFm0CklAeMBACs4gx57JwzIfteoYpQaqzD/XCBIxSDx8CBHDAcAkNy2qYHnMFIrwbOGaYPGP3QCg101OkCj03yHwHGJM4156LtVC0lpggYTtETAL74heez8Wu+ARiNPoT9I+LKAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"图片\"\n        title=\"图片\"\n        src=\"/static/a948ff849971b47e7b44200cdff516e0/799d3/zion-2.png\"\n        srcset=\"/static/a948ff849971b47e7b44200cdff516e0/00d96/zion-2.png 148w,\n/static/a948ff849971b47e7b44200cdff516e0/0b23c/zion-2.png 295w,\n/static/a948ff849971b47e7b44200cdff516e0/799d3/zion-2.png 590w,\n/static/a948ff849971b47e7b44200cdff516e0/2a3d6/zion-2.png 885w,\n/static/a948ff849971b47e7b44200cdff516e0/ae92f/zion-2.png 1180w,\n/static/a948ff849971b47e7b44200cdff516e0/03642/zion-2.png 2568w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p>Zion 强大的数据模型可视化管理工具</p>\n</blockquote>\n<p>免费版本就可以创建发布无限多个应用并且有500M/月的流量，足够项目初期的使用和维护了。</p>\n<h2>证书</h2>\n<p>一个网站应用非常重要的一点就是支持 HTTPS，就需要购买证书。</p>\n<p>以阿里云为例：选择一般的 DV 证书，不同的提供商分别的价格是：</p>\n<ul>\n<li>Digicert：1700 元</li>\n<li>Rapid：1519元</li>\n</ul>\n<p>现在免费并且知名的提供商有</p>\n<ul>\n<li>后起之秀 ZeroSSL <a href=\"https://zerossl.com/\">https://zerossl.com/</a> </li>\n<li>以及大名鼎鼎的 Let’s Encrypt <a href=\"https://letsencrypt.org/\">https://letsencrypt.org/</a>。</li>\n</ul>\n<p>它们的免费计划都是提供 <strong>90</strong> 天有效期的证书，支持<strong>泛域名</strong>以及<strong>自动生成新证书</strong>。</p>\n<p>有人在 Github 上提供了一个免费的项目，叫做 <strong>ACME.sh</strong>，<a href=\"https://github.com/acmesh-official/acme.sh\">https://github.com/acmesh-official/acme.sh</a> 用它可以非常方便的通过一个脚本来生成，管理不同平台的证书，从 Readme 就可以知道它支持非常多平台的免费证书。</p>\n<p>这个项目有 31.6K 个star。简单简历正是使用这个项目来完成证书的生成以及更新的。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 590px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/0cc73c6dc32420d54f651f26f9d53d2b/9d81e/cert.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 69.64285714285714%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAIAAACgpqunAAAACXBIWXMAAAsSAAALEgHS3X78AAABjElEQVQoz3WS726CMBTF+/4Pse1NXLKYbPuuIlMBEaMgqG2hrBXZT4jLEsf5dPvnnnPuaYVUlZQqy7I0zcqy1FpXVWUH8G3txVlt3C6XVVULpes0yzxvDvK8iKJ1nufXYTTNtW1bVRqpjXDOIbtcLtdxjOxutzudTjeRYXCqlMKgsNZhuyjyuq6bprl06E26AXCBAY0xNFuk1uubWw56blhw6IbRKwlT1yziOPZ9H9vH43EymYRheDgcUHhsQwzeNE09zxNwIHU+n8lbKY0ZDkgBO/9qcpnARqPXl6dnYZ1FZLPZsNUP3HaA/nLHY/P758fbeCxYkBtq+/0eWWqGP3VghL7A3S9F3zyde5PZTGhdsrXdJqvVigy5yrNl2UFKSY/p8Dd5aqKClx8hVkEIK+9GG0Q0UBAB4f1ru38qGH3/S5SVwWcQhL9DtndQI/KYNpv44oFuzYyRJAnfkzNkgyCIomg6nbIZd9/ur3jfzLXFYik2yZaQyu6FOcMPniEuikJ1gPpB+SKV2qfpD+XLIQspFzeLAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"图片\"\n        title=\"图片\"\n        src=\"/static/0cc73c6dc32420d54f651f26f9d53d2b/799d3/cert.png\"\n        srcset=\"/static/0cc73c6dc32420d54f651f26f9d53d2b/00d96/cert.png 148w,\n/static/0cc73c6dc32420d54f651f26f9d53d2b/0b23c/cert.png 295w,\n/static/0cc73c6dc32420d54f651f26f9d53d2b/799d3/cert.png 590w,\n/static/0cc73c6dc32420d54f651f26f9d53d2b/2a3d6/cert.png 885w,\n/static/0cc73c6dc32420d54f651f26f9d53d2b/ae92f/cert.png 1180w,\n/static/0cc73c6dc32420d54f651f26f9d53d2b/9d81e/cert.png 1232w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p>简单简历使用的是 ZeroSSL 的证书，由 ACME.sh 生成管理</p>\n</blockquote>\n<p>我建议如果你要想使用免费的证书，这个库是必须要收藏的，我使用过是最好用的一个集成解决方案。</p>\n<h2>客户服务</h2>\n<p>让用户在使用过程中可以快速联系到你是很重要的，最好的方法就是直接在界面中嵌入一个对话框，可以快速回复。我的需求不需要 AI 或者模版回复，任何用户留言可以实时响应就可以。</p>\n<p>但是这样的产品还是不便宜的。</p>\n<p>国内做的好的网易七鱼：<a href=\"https://qi.163.com/\">https://qi.163.com/</a> 一年需要 1888元。</p>\n<p>而我选择的替代产品是 <strong>Crisp</strong>：<a href=\"https://crisp.chat/en/\">https://crisp.chat/en/</a></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 500px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/7e6b665686ecb65466f4a1945a1c07e9/7217d/crisp.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 176.2%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAIAAAAblL1PAAAACXBIWXMAAAsSAAALEgHS3X78AAAEi0lEQVRIx52UbWwURRjHx4/SIkQU7tqGaKKC0cTERP0GfvGDoiExJmgiSugLcL27rRARXyKYxiDyJiIhJhQDghokAQXRQt+ABIImAm2vQnt327vdndnd2bfb2/fdu3X2ioSASnqTf2YnM/N7/s8+M7sgDEPTCTKsl2HcDOPd1BjnX570rha84aL3F+ffsuSOFt0M61pOAMKwuv+sObsDzl+rtKRQS5fcQgnxlDi7lX56Q/FRqkA0Y0W+OY1bKNySFlsoaT7Fz0nIP17QgF2WPj2KGjqUeFqelyKS5qWVOQnhnmXZBVTx4U463p4Fr19/sBOT1bk1xSm5oUPqGdDAvo2JN9YeeuAdL5bg4pQa6+SbKOX+NeKijYWVWy89t4lb/BkmceNpKZbCsZQcS4rNlNLYzn8zpAPm7A8f7rk4c7XSlMaEjKWkeIpvWKUu6z63ZfMn674tbOk1Z61CEZkUY0khlsRNKaGROPfLIKzYu3uNhpWomZKm4HmdaOF7pQVd9ENvnXliA37qI3XBu5hU4VZ4Zgfu6cNA4nJf/iI1tuPmJBtP4XiCnZvEz3xcfHOv9tJW8/lu6bWd8tJtyiNrhbkJFCdwJ2xOizNb2Z4BFXiG1H0EguX8rA7U2MY3tqGGVmHG6vGF65lYAsWS/Py08OR63JQU7l2JotU2/r52BJajvb0SQJC7OiGe+tM8M2z1D5cHRszBUeNsxiGDoYw1NBr1g6Nm/4jVN0xk9o2Qbebpq/b1ggpGM2OiyP+acfrGrJJh5aCmlN2gGnpB6PqhG4QOkR9WquFtrWwY4Nq1cUlWT2es3lFrxT7nxe32KzvtxZutFz63l35hLdlhvbrbfnmHvWizBdUKYUhQv1Il0bWSDhDiyYPMViph90/emgMOddhdc8BNHHS7vnPJuOuwSx1yk4fckhW5V/9JoaTXYNt2yMxUYndk95+TkbMgCJKk1EJW/3XTDb56ewhNK4Hx8ayul8PpN0XVgGGYlmXVCRNbx3HrgRUNlEo6qVsdsKyooMiwWJKmCjZNWAEQIr0uZ0mOYF7TtDpgLMmgta29v3+gdsMq04YvXLyUpwt1vDOpFNANyzDtOtIWsQQUldTLqBOWldIUXK1Wp5W5INbg0i13O/oA7qapygoiBljW9LKh6Yaim3LJdDz//w1vJsgLIsBSZB0Ege8HnhdEB3a35KfWa7BCvmrdq1Qt13eDiuMHd6IVsur4juvbjo+wpuhkb0UQRZDftweePGbZri7JZUUty7JX1n3bDvyKf6MFrueREy3XhDDJVHNdm2EhoL/eNfHV9uz3B/O/ncr+fCx74vj40SPZ8+dolsvTk+T+5OjJXH4yGucnszkaMvT5y4U/Ruh8bgLAwb7iyeNoIstLGoICZCBkyb8ccYjnIM9wiDgUWa7AsLkCw8Pi/jPo8Q+MZzfpp38vAsX2ZNvHahlLqigqIia9Ss6QvBLiRQ4KJAQRCyHNQFViVvUoj73vNa1zd52AAGNFFGUx6hVBkMnvkI8UkRAJbIQR/8h8kuE4yJy/wi7Zpry9F18Zo/8G+GwGqgJxzHIAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"图片\"\n        title=\"图片\"\n        src=\"/static/7e6b665686ecb65466f4a1945a1c07e9/7217d/crisp.png\"\n        srcset=\"/static/7e6b665686ecb65466f4a1945a1c07e9/00d96/crisp.png 148w,\n/static/7e6b665686ecb65466f4a1945a1c07e9/0b23c/crisp.png 295w,\n/static/7e6b665686ecb65466f4a1945a1c07e9/7217d/crisp.png 500w\"\n        sizes=\"(max-width: 500px) 100vw, 500px\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p>简单简历使用的是 Crisp，完全满足需求。</p>\n</blockquote>\n<p>这是个非常棒的产品，我很喜欢，最早也是国外的独立开发者产品:</p>\n<ul>\n<li>在 Product Hunt 曾排第一</li>\n<li>免费版基本的功能完全够用，可以很方便的迅速响应客户的问题</li>\n<li>界面美观，交互方便</li>\n<li>有手机 App</li>\n</ul>\n<p>这个工具可以算是独立开发的一个福音了，强烈推荐给大家。</p>\n<h2>数据统计/ 热力图分析</h2>\n<p>独立开发者啥都要管，包括最不擅长的市场和分析。我最喜欢的看的数据是点击的热力图，能帮我很清楚的展示我上线的一些特性是否和我预期的一样受到用户的欢迎。</p>\n<p>我在首页添加用户评价以后，不知道效果到底怎样，通过热力图发现用户点击意愿很不错，从而可以提高付款率。说明热力图是功能分析的一项重要工具。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 590px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/541d9fbf64083c633b6816e3391d84e2/5d675/heatmap.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 32.49999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAIAAACHqfpvAAAACXBIWXMAAAsSAAALEgHS3X78AAABLUlEQVQY012Py0rDQBSG8+hudeVWBcFXcNN9FyIW2tBU29pLmlibuSdpZjLXJJ20INKPw2H4+M9hTkAIK49HhDEhOcJUa/X0hhYxoIQAQCEqAYCcC2NsBhBChOUlhJjlTAgRzD6Xi+/NNFpEs/k0+uKcpxkdh8swWk3CeThdjycRhEhKvdmmACJCKaGlqE3XdcE2TpP0gDGltKCs0Mb4+d0u+fkFcVrs9gVAjAvZnPEDbdv6XtdqvUqCiktj3UVVx4pXXCkt6j5tbGebzmqty9wbf5nPONevOOzh/e1LACBpmlYb59Vw+D76GCmtAWTOma7tcySJx4NX/5JS+r2X8lhrAy/OUvfV09taygORGVYoU5wrqfXla//xIrh2Z+t5HLQ3D+75zuSg+ZNXnABm84jZis5IEAAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"图片\"\n        title=\"图片\"\n        src=\"/static/541d9fbf64083c633b6816e3391d84e2/799d3/heatmap.png\"\n        srcset=\"/static/541d9fbf64083c633b6816e3391d84e2/00d96/heatmap.png 148w,\n/static/541d9fbf64083c633b6816e3391d84e2/0b23c/heatmap.png 295w,\n/static/541d9fbf64083c633b6816e3391d84e2/799d3/heatmap.png 590w,\n/static/541d9fbf64083c633b6816e3391d84e2/2a3d6/heatmap.png 885w,\n/static/541d9fbf64083c633b6816e3391d84e2/5d675/heatmap.png 1000w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p>通过热力图观测到首页评级模块点击很不错，很多人甚至会点击显示更多按钮。</p>\n</blockquote>\n<p>百度统计的热力图基本不可用，我添加了以后也根本展示不出来，热力图的龙头老大是国外的 HotJar 最便宜的版本要 39刀/月。</p>\n<p>我这里给大家隆重推荐微软出品的 <strong>Clarity</strong>：<a href=\"https://clarity.microsoft.com/\">https://clarity.microsoft.com/</a></p>\n<ul>\n<li>它的价格是完全免费的</li>\n<li>项目也是开源的</li>\n<li>数据特别丰富</li>\n<li>还可以录制用户行为</li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 590px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/3fe0b20d5333bc247f765453d78c9563/5d675/clarity.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 66.19999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsSAAALEgHS3X78AAABsElEQVQoz4WSbW/TMBDH/WH5WHuPxKtJCGlCYpoYFBgDNLSUpt20Os1Dk3RZHhw/nH32nEZdVYTKX/citu93Pv8vRCsQQjct51wJCVyCBliW6uRTVuRlHGdfgvXb6+T0W3TxO3n9PcvqLkjZJCxQcvJnLU4+soimjHHnnHWDwNi8M2iga57mMfuwWL2fLc/p5nS6SJqHrxmeXZ516ZTQSk7XYsDsCP5T/gjHY9zmIRofBLebR0A7hh0wn2t34UVAoxBKay2l6oUV0nGumZdfHFYclwcwIi5pEkXRksa39yaYmfmiCsPZfEF7DlIKX3d81B6z1uDQjr/ZcomUJl3fKnA0ivO81BqrztFVGUzv06zYwfblY+yJ3Kb81ZvifPLj8zvKB7+dJ8HPS+PwThxiz9gDd4gEcxmayU0U/Ho02h3RtpY1W413k6MT+hs2ZmhKKfBGeLNIw/WGmf/NeTe1wxzyc9Vf3LHxr/LOSTU0JZRVYFuOdSOq/Kkt1m3VaG3BekcMtC0Kbo3et82kiTciKwUTZplrmkO4groWNnuAuxtHg7rrrx+hrLru6kpSim37DKQl6zm+f51tAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"图片\"\n        title=\"图片\"\n        src=\"/static/3fe0b20d5333bc247f765453d78c9563/799d3/clarity.png\"\n        srcset=\"/static/3fe0b20d5333bc247f765453d78c9563/00d96/clarity.png 148w,\n/static/3fe0b20d5333bc247f765453d78c9563/0b23c/clarity.png 295w,\n/static/3fe0b20d5333bc247f765453d78c9563/799d3/clarity.png 590w,\n/static/3fe0b20d5333bc247f765453d78c9563/2a3d6/clarity.png 885w,\n/static/3fe0b20d5333bc247f765453d78c9563/5d675/clarity.png 1000w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p>简单简历使用的是 Clarity 生成的热力图，一目了然。</p>\n</blockquote>\n<p>是非常棒的一个工具，也强烈推荐给大家。</p>\n<h2>企业邮箱</h2>\n<p>使用带有自己域名的邮箱也会让你的项目显得正式很多，并且假如你有几个小伙伴一块合作的话也需要多个账号并且还需要有权限管理。</p>\n<p>当然邮箱服务完全可以选择自建，使用一台一般配置的云服务器即可，或者可以购买现成的云服务。</p>\n<p>以阿里云为例：<a href=\"https://wanwang.aliyun.com/mail\">https://wanwang.aliyun.com/mail</a> 一年为 540元。</p>\n<p>这里我选择的替代服务是网易免费企业邮箱：<a href=\"https://ym.163.com/\">https://ym.163.com/</a>。</p>\n<p>免费的版本提供 50 个账户，这种邮件服务能用就行，我没啥高的要求，一直运行良好。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 590px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/2712af1a352a9e0f7281019730045d96/e60c7/mail.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 52.51479289940829%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsSAAALEgHS3X78AAABzUlEQVQoz31Sy27TQBT137BlwYKv4H9YdIcEBVTKhkhlhdQWIVWquqlKFxVSRKBpU0jqYKVJXNPi92Nsx/Fjxvbh2tlQJDg6unNHvmfuueOR7K9dZXB22u/PZtMg8BeLRZZlYRjGcVz9G0KIoiikG0UxNG16fWNZpmHZJOackz7Nsrz4H/I8l0a3tmq6Y80wXE/W9JjUccTCMF0uUVOPkmJZihXKu5Ae7csPd7/dezd4sHtxf/tiR7Fd1/2laTPdNhe5Fac/gyQXdER70l/iD6fywaW2N7repzhUrxwWRVGaJG4Y645vB8wIGQsjz/NokILzO+LpWM6YX0Qsj1gW+vkyoTrf92mmknMheEVLUdAt8HYr/oAkj8duA4/ouC61nc/nqqpmadpYFXSzVV02rIg0dUsaoGo6T+kPBV4Lx3GSJEGLCqBsCcRtssoFUAO8JRVIw+H3yWRiGIZpmhRTaoimhL4NIjzt4vUAz75g8xxbI2z0sHUGJUQOFDWk8yvNNK3Gt+eRngzruk55hXrIsP4Rb3pYP0Gnj51LdLp4+xm9W7gCdgbJamT+yrbdgt7WyvwPhrU9bJzgySGeH+HlEV4d48UhHr9H5xjbn/AbxvRbyRw8HxgAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"图片\"\n        title=\"图片\"\n        src=\"/static/2712af1a352a9e0f7281019730045d96/799d3/mail.png\"\n        srcset=\"/static/2712af1a352a9e0f7281019730045d96/00d96/mail.png 148w,\n/static/2712af1a352a9e0f7281019730045d96/0b23c/mail.png 295w,\n/static/2712af1a352a9e0f7281019730045d96/799d3/mail.png 590w,\n/static/2712af1a352a9e0f7281019730045d96/2a3d6/mail.png 885w,\n/static/2712af1a352a9e0f7281019730045d96/ae92f/mail.png 1180w,\n/static/2712af1a352a9e0f7281019730045d96/e60c7/mail.png 1352w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p>简单简历使用的网易企业邮箱，运行稳定，没啥花头。</p>\n</blockquote>\n<p>它的缺点是：</p>\n<ul>\n<li>界面不是特别美观</li>\n<li>偶尔会有网易发来的营销邮件</li>\n</ul>\n<h2>无版权音乐</h2>\n<p>最后在说一个题外话，虽然不是网站服务，但是也是对个人开发者非常利好，由于我也会拍一些视频需要一些免费的背景音乐。</p>\n<p>这个时候我找到了 <strong>Uppbeat</strong>：<a href=\"https://uppbeat.io/\">https://uppbeat.io/</a></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 590px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/0f8d7ca2d2c76b0eaee002ecf835814a/5d675/upbeat.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 50.3%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsSAAALEgHS3X78AAACaUlEQVQoz2N48+bt46fPnr969fjZs5cvnj969ACInj999uf37/8g8O/fv////v//C6T//f0LwUASjBj+/vz5/+u3/39+///z59e//99////57//P//+BWv/8B2nDAxhOv34Xf/xs1s0Hs+/f/3++79+Vib8uzfyyeOuHtoVfJ685u2PfhLlHlmzYO3PNxtr69rK69ukz5s6eM6eppXnWrFkM89/+itk/q3dvY+D505/mml+b6vtlpden6PLXZcHvvdKWNczRXDnNf8mM+NhSNR0zDSNbN/eAadOnZCQEz5/Rw7Dm7ReVAzus968Ju3Dq/SzD03VaX5c5f0ptfJ9R/COstKt2idKcKQHT50THlmgpqGnLqwb5hq5atdLZ0TYhIY7h4bdf/Y+/dj35tfft5/+vd/97veX/6wP/z9z4t/Xc/yNXrp+6dfDg5X37Hh47fXnTxi1r1mw6ffrspUuXN2zctGvXboafH+59uzrt3935317sW7d5z8ate7fsPLD78MENu7dv3bX98KtX279+2/3z25Hbt7dt2blt+/YjR44cOHBg7779J0+eZPj3ZtOnYzw/T3E83WfFK67AJCCrJCNtaevMr2OlqqZnt34L18ET4qcu28yYZuSozMDAYG1rJykpwcrEYGhoyPD/zdq7B4SvHxB8ttOES8WAQdpGQUbVwNSCgZ1PQlTaZcUa9vXbhHcesunq8ndXkZPlNTazkJUUl+Jn0NPTY/j/5eK/WxH/b4d+uN6RseVQ7PYz1fPXtTY3x8bFl+Xld1y5FvjgWcKLt52bt+Ump6eWlne2t2dlZYeEhjc2NgIAJ1SCc84l7V0AAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"图片\"\n        title=\"图片\"\n        src=\"/static/0f8d7ca2d2c76b0eaee002ecf835814a/799d3/upbeat.png\"\n        srcset=\"/static/0f8d7ca2d2c76b0eaee002ecf835814a/00d96/upbeat.png 148w,\n/static/0f8d7ca2d2c76b0eaee002ecf835814a/0b23c/upbeat.png 295w,\n/static/0f8d7ca2d2c76b0eaee002ecf835814a/799d3/upbeat.png 590w,\n/static/0f8d7ca2d2c76b0eaee002ecf835814a/2a3d6/upbeat.png 885w,\n/static/0f8d7ca2d2c76b0eaee002ecf835814a/5d675/upbeat.png 1000w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<blockquote>\n<p>Uppbeat 的分类非常全，可以快速找到合适场景的音乐</p>\n</blockquote>\n<p>音乐很多，而且分类也很全，只需要找到适合视频的分类，然后下载就好了。免费版一个月可以下十首也足够使用了，使用的时候只要将一段免责声明添加进去就可以使用了，很方便。</p>\n<p>好，这就是给大家介绍的所有服务了，其实这些服务不仅仅是独立开发者可以用，假如你的公司规模不大，做的产品没有那么大量的需求，都是完全可以使用的，好，那么今天的内容就到这里了，之后我会一直更新自己的独立开发者之旅，谢谢大家，再见。</p>","frontmatter":{"slug":"free-tools","title":"立省5000元，独立开发简单简历中使用的免费工具大曝光","date":"May 21, 2023","excerpt":"今天我们来谈谈大家非常关心的钱的问题，独立开发一个项目控制成本很重要，最近一年互联网裁员也非常严重，所以消费降级在不断被提及。我就要讲讲在整个项目中，我是怎样使用一些优秀免费的服务来替换掉收费的服务，从而以最低的成本运营整个项目的。"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/free-tools/","previous":{"fields":{"slug":"/2000mrr/"},"frontmatter":{"title":"小小里程碑，独立开发的作品简单简历月收入达到2000元"}},"next":{"fields":{"slug":"/3000mrr/"},"frontmatter":{"title":"新的里程碑 🎉 独立开发的作品简单简历月收入达到3000元"}}}}}