免费的网页制作软件有哪些 网页制作工具介绍(3)

免费的网页制作软件有哪些

当然，上面这些都有个问题，在国内访问速度不佳，甚至可能被BLOCK。不过你不用担心，以后我会再聊下如何优化国内访问速度。

现在我的所有网站都放在vercel上。

7. 网站内容搜索

网站，特别是程序员的博客类网站，不支持网站内容搜索，这个就有点说不过去了。

同样的，不用担心，你不需要花很多精力去研究怎么才能做网站添加搜索能力。如果你用的是hexo,hugo这类型的框架，基本上框架都有现成的插件支持集成第三方免费的搜索服务。

而这些免费的搜索服务，以 algolia最为优秀。

Algolia

集成algolia，它可以手动以及定期自动抓取你的网站内容，并进行索引。你还可以使用它提供的现成的UI组件将搜索能力集成到网站中。

微言码道集成了algolia搜索

8. 图片优化

对于网站内容来说，文字占的流量非常小，甚至几乎可以忽略不计。所以，最重要的就是如何尽量减少你的图片的大小。

如果你像我一样，用的是next.js或gatsby这样的框架，自己整的一个网站。那它们都有 Image组件提供图片优化，包括压缩图片大小，在网页上延迟加载图片等，非常方便。

TinyPng

如果不能改代码，也没关系，用tinypng就可以了，它提供免费的图片压缩。

只要访问它的网站，你就能无限的使用它的能力。

9. 设计图片

有时候，你需要给你的文章配置一个图片。

很多程序员在这方面就觉得无能为力了。总不能让我们程序员学PS吧。

但是，仍然有一些免费的工具，让我们不需要像UI设计人员一样专业就能设计出好的图片。

Figma

Figma是一款优秀的设计工具，你只需要稍微学习下，也能画出至少像样的配图。

我曾经用过国内的石墨，觉得它还不错，但Figma比石墨更优秀，并且个人无限免费。

Draw.io

同样，如果你想画一些UML图，或其它七七八八的图，用这个免费的工具最好。它是专门提供给程序员，绘制与程序员相关的一些UML，时序图等的。

Mermaid

基于Markdown语法扩展的一个画图技术。你可以在Markdown中通过文字来画一些常见的流程图，UML图等。

非常适合程序员

10. 终

当然，这篇文章我只是列出了我用过的一些，我相信类似的工具列表还很长很长。

当然，你得明白上述免费的工具再多，它也只是外围辅助。打造一个网站最重要的不是这些工具，而是写出好的内容与坚持写下去

这两个才是最考验人的。

你有准备好开始打造自己的个人名片了么？

以上分享的免费的网页制作软件有哪些 以及 网页制作工具介绍的全面方法讲解，希望为您起一个抛砖引玉袋作用，能解决您生活中的问题吧。