一波现成的建站工具大分享
大家好,我是鱼皮。
对大部分同学来说,有自己的网站是很酷的事情。我还记得自己第一次亲手搭建个人博客时,真的是满满的成就感!
但不得不说,随着技术的发展和开源,如今现成的东西实在太多了!想要拥有个人网站,基本也都不用自己写代码了,几分钟就能轻松搞定。
下面就分享一波现成的、开箱即用的网站生成器,对于想要快速搭建个人网站、甚至是上线属于自己产品的同学来说,绝对是非常不错的!
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-admin
、react-admin
、go-admin
等,基本都是开箱即用,能省去重复搭建管理后台的麻烦。
Vue 实现的管理后台
编程主页
鱼皮开发的程序员精简主页,感兴趣的同学可以把代码拷到本地,随便改!
最后,虽然说现成的网站真香,但对于学习编程的同学来说,自己用心做的、能学到知识的才是最好的!大家也可以参考上面的这些网站来学习。
以上就是本期分享,所有网站直接根据名称在 编程导航
搜索即可~