查看原文
其他

很多网站,根本不用自己做!

鱼皮 程序员鱼皮 2022-08-14

一波现成的建站工具大分享

大家好,我是鱼皮。

对大部分同学来说,有自己的网站是很酷的事情。我还记得自己第一次亲手搭建个人博客时,真的是满满的成就感!

但不得不说,随着技术的发展和开源,如今现成的东西实在太多了!想要拥有个人网站,基本也都不用自己写代码了,几分钟就能轻松搞定。

下面就分享一波现成的、开箱即用的网站生成器,对于想要快速搭建个人网站、甚至是上线属于自己产品的同学来说,绝对是非常不错的!

WordPress

开源的建站系统,小到个人博客、大到企业电商平台,都可以轻松实现。

WordPress 的强大之处在于 傻瓜式、多主题、插件丰富

首次使用 WordPress 时,只需要免费获取到其源码,然后跟着引导程序安装和可视化配置网站就好了。而且因为它的强大,现在很多云服务器都自带了 WordPress 镜像,都不用自己安装和部署了!

在后台轻轻点一下,就能从 8000 多个免费主题中随意切换:

选择主题

WordPress 最强大的还是它的插件生态,通过安装插件,可以给你的网站添加更丰富的功能,比如投票、表单、邮件发送、第三方登录等、安全防护、搜索引擎优化等,甚至可以用 Elementor 插件可视化制作页面。

可视化制作页面

Docsify

超级好用的文档站点生成器!

特点是使用简单,跟着官网教程输入两行命令就能完成安装和生成站点了,生成的文档样式也很精简优雅,并且是响应式的,手机上看也很不错。

效果如下:

其实我们平时看到一些的很多文档和文章分享网站,都是用 docsify 生成的,不需要任何的技术含量,能够让我们更专注于去写文章而非调整格式。

Dumi

阿里推出的文档站点生成工具,也是输入几行命令就能得到文档网站。

和 docsify 不同的是,Dumi 专为 组件开发 场景而生,很适合作为组件库的文档。可以嵌入和折叠代码块、提供组件在终端中的浏览效果等,比如下方的移动端组件库站点:

移动端组件预览

Dumi 生成的网站很精简,而且封面支持自定义特性的展示,因此也很适合作为项目或产品的官方文档。我的编程导航文档,就是用 Dumi 生成的:

编程导航文档

Img Cook

阿里团队开发的页面生成器,运用人工智能技术,可以根据设计稿一键智能生成代码!

用法很简单,只需要上传一份设计稿(PS、sketch、图片等格式都可以),就能自动转换为对应的网页代码文件,甚至还可以随意编辑网页的内容、样式和事件!

比如我上传一张小破站的截图,Img Cook 自动识别出了几个内容框,然后我就能手动修改内容数据:

利用这个原理,我们还可以随意修改表情包底下的文字,是不是很神奇~

肯定会有同学对生成代码的质量表示怀疑,但事实上,阿里曾经用这个工具生成了双 11 会场的新页面,且 90% 以上的代码能够直接用!恐怖如斯。

Ant Design Landing

蚂蚁开发的网站首页生成器,平台提供了丰富的首页模板,可以快速帮我们上线专属网站首页。

选中模板后,还能够可视化地编辑页面中的元素、添加新元素等,想怎么改就怎么改!

最爽的是,还能够直接一键发布做好的网站!它利用 vercel 为我们提供了默认的可访问域名,不需要购买域名和服务器。

(记得把生成的地址中的 "antlanding" 去掉,否则无法访问)

腾讯兔小巢

想要做好一款产品,就要多倾听用户的声音,持续接受他们的反馈并给予答复。

有了兔小巢,这一切都变得简单了。这是腾讯提供的免费、专业的 产品反馈平台 ,可以一键为我们的产品生成一个专属的反馈论坛,从而省去了自己搭建社区的麻烦。

我的编程导航网站就是用了兔小巢,很省心很方便:

百度统计

想要运营好自己的网站,获取更多的用户,就一定要做好网站的数据统计,并且通过日常对数据进行分析,来了解用户的行为和偏好,以持续优化自己的网站。

但自行开发网站统计功能可是非常麻烦的,需要前端埋点上报、后端收集等,哪块儿都需要精心设计,对这方面知识不了解的同学连基本的统计功能都做不出来,更别提什么大数据分析与可视化了。

这时可以选择 百度统计 ,超级好用的中文网站分析平台,支持网站、APP、小程序、线下零售等各种场景,轻松满足我们网站的数据自动采集、统计和分析需求。

用户分析

功能强大不说,关键是这玩意太简单易用了,只需一分钟,不用写任何代码 ,就能轻松接入百度统计,让它帮我们运营和分析网站啦!

One Nav

我在开发编程导航前,就去网上调研了一大波导航网站,结果发现很多导航网站长的一毛一样!基本都是下面这个样子:

后来发现,这根本就是用了 One Nav 这样一个 导航网站 主题来自动生成的,这个网站基于开源的 Web Stack 项目二次开发,提供了更好的体验,还支持了多引擎搜索、新闻、热榜等功能。

但美中不足的是啊,想直接使用全部功能的话,要交费。。。

Discuz

Discuz 是几年前国内最知名的 PC 端开源社区软件,但由于移动互联网的发展,PC 社区逐渐失去高光,Discuz 的发展也停滞了。

但前段时间,腾讯将 Discuz 升级成了 Discuz! Q,是一个更适配移动端的社区软件,依旧开源,并打通了微信生态(比如微信支付)。

无需自己开发,动动手指就能拥有一个属于自己的社区。文章、视频、评论、点赞、关注、知识付费等应有尽有!

社区效果

后台管理

后台管理平台可能是企业开发中最常见的需求了,有前台的地方通常就有后台,比如用户管理、商品管理、数据分析等。

因此如今网上现成的后台管理平台也非常多,基本啥语言、啥框架实现的都有,比如 vue-element-adminreact-admingo-admin 等,基本都是开箱即用,能省去重复搭建管理后台的麻烦。

Vue 实现的管理后台

编程主页

鱼皮开发的程序员精简主页,感兴趣的同学可以把代码拷到本地,随便改!





最后,虽然说现成的网站真香,但对于学习编程的同学来说,自己用心做的、能学到知识的才是最好的!大家也可以参考上面的这些网站来学习。

以上就是本期分享,所有网站直接根据名称在 编程导航 搜索即可~

另外,本文章同步在 B 站发布了视频版(演示各个站点效果),欢迎大家 点击下方阅读原文 观看哦~

我是鱼皮,点赞 + 在看 还是要求一下的,祝大家都能心想事成、发大财、行大运。

往期推荐

反向压力

10 万粉丝啦!感谢!

灵魂画手 - 老鱼皮

鱼皮怒肝 Java 学习路线一条龙!

网站搜索大优化!

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存