133-8218-6680
NEWS
网站建设、网站制作、网站设计等相关资讯

网页制作工具按其制作方式有几种类型

日期:2024-04-13 访问:114次 作者:admin

10 大静态网站生成工具 | Linux 中国

在寻找部署静态网页的方法吗?这几个开源的静态网站生成工具可以帮你迅速部署界面优美、功能强大的静态网站,无需掌握复杂的 HTML 和 CSS 技能。

? 来源:linux.cn ? 作者:Ankush Das ? 译者:Xiaobin.Liu ?

(本文字数:3396,阅读时长大约:5 分钟)

在寻找部署静态网页的方法吗?这几个开源的静态网站生成工具可以帮你迅速部署界面优美、功能强大的静态网站,无需掌握复杂的 HTML 和 CSS 技能。

静态网站是什么?

技术上来讲,静态网站是指网页不是由服务器动态生成的。HTML、CSS 和 JavaScript 文件就静静地躺在服务器的某个路径下,它们的内容与终端用户接收到的版本是一样的。原始的源码文件已经提前编译好了,源码在每次请求后都不会变化。

Linux.CN 是一个依赖多个数据库的动态网站,当有浏览器的请求时,网页就会生成并提供服务。大部分网站是动态的,你与这些网站互动时,大量的内容会经常改变。

静态网站有一些好处,比如加载时间更短,请求的服务器资源更少、更安全(值得商榷)。

传统上,静态网站更适合于创建只有少量网页、内容变化不频繁的小网站。

然而,随着静态网站生成工具出现后,静态网站的适用范围越来越大。你还可以使用这些工具搭建博客网站。

我整理了几个开源的静态网站生成工具,这些工具可以帮你搭建界面优美的网站。

最好的开源静态网站生成工具

请注意,静态网站不会提供很复杂的功能。如果你需要复杂的功能,那么你可以参考适用于动态网站的 最佳开源 CMS 列表。

1、Jekyll

Jekyll 是用 Ruby 写的最受欢迎的开源静态生成工具之一。实际上,Jekyll 是 GitHub 页面 的引擎,它可以让你免费用 GitHub 托管网站。

你可以很轻松地跨平台配置 Jekyll,包括 Ubuntu。它利用 Markdown 、 Liquid (模板语言)、HTML 和 CSS 来生成静态的网页文件。如果你要搭建一个没有广告或推广自己工具或服务的产品页的博客网站,它是个不错的选择。

它还支持从常见的 CMS( 内容管理系统(Content management system))如 Ghost、WordPress、Drupal 7 迁移你的博客。你可以管理永久链接、类别、页面、文章,还可以自定义布局,这些功能都很强大。因此,即使你已经有了一个网站,如果你想转成静态网站,Jekyll 会是一个完美的解决方案。你可以参考 官方文档 或 GitHub 页面 了解更多内容。

Jekyll

2、Hugo

Hugo 是另一个很受欢迎的用于搭建静态网站的开源框架。它是用 Go 语言 写的。

它运行速度快、使用简单、可靠性高。如果你需要,它也可以提供更高级的主题。它还提供了一些有用的快捷方式来帮助你轻松完成任务。无论是组合展示网站还是博客网站,Hogo 都有能力管理大量的内容类型。

如果你想使用 Hugo,你可以参照它的 官方文档 或它的 GitHub 页面 来安装以及了解更多相关的使用方法。如果需要的话,你还可以将 Hugo 部署在 GitHub 页面或任何 CDN 上。

Hugo

3、Hexo

Hexo 是一个有趣的开源框架,基于 Node.js 。像其他的工具一样,你可以用它搭建相当快速的网站,不仅如此,它还提供了丰富的主题和插件。

它还根据用户的每个需求提供了强大的 API 来扩展功能。如果你已经有一个网站,你可以用它的 迁移 扩展轻松完成迁移工作。

你可以参照 官方文档 或 GitHub 页面 来使用 Hexo。

Hexo

4、Gatsby

Gatsby 是一个越来越流行的开源网站生成框架。它使用 React.js 来生成快速、界面优美的网站。

几年前在一个实验性的项目中,我曾经非常想尝试一下这个工具,它提供的成千上万的新插件和主题的能力让我印象深刻。与其他静态网站生成工具不同的是,你可以使用 Gatsby 生成一个网站,并在不损失任何功能的情况下获得静态网站的好处。

它提供了与很多流行的服务的整合功能。当然,你可以不使用它的复杂的功能,或将其与你选择的流行 CMS 配合使用,这也会很有趣。你可以查看他们的 官方文档 或它的 GitHub 页面 了解更多内容。

Gatsby

5、VuePress

VuePress 是由 Vue.js 支持的静态网站生成工具,而 Vue.js 是一个开源的渐进式 JavaScript 框架。

如果你了解 HTML、CSS 和 JavaScript,那么你可以无压力地使用 VuePress。你应该可以找到几个有用的插件和主题来为你的网站建设开个头。此外,看起来 Vue.js 的更新一直很活跃,很多开发者都在关注 Vue.js,这是一件好事。

你可以参照他们的 官方文档 和 GitHub 页面 了解更多。

VuePress

6、Nuxt.js

Nuxt.js 使用了 Vue.js 和 Node.js,但它致力于模块化,并且有能力依赖服务端而非客户端。不仅如此,它的目标是为开发者提供直观的体验,并提供描述性错误,以及详细的文档等。

正如它声称的那样,在你用来搭建静态网站的所有工具中,Nuxt.js 可以做到功能和灵活性两全其美。他们还提供了一个 Nuxt 线上沙盒 ,让你不费吹灰之力就能直接测试它。

你可以查看它的 GitHub 页面 和 官方网站 了解更多。

Nuxt.js

7、Docusaurus

Docusaurus 是一个有趣的开源静态网站生成工具,为搭建文档类网站量身定制。它还是 Facebook 开源计划 的一个项目。

Docusaurus 是用 React 构建的。你可以使用所有的基本功能,像文档版本管理、文档搜索和翻译大多是预先配置的。如果你想为你的产品或服务搭建一个文档网站,那么可以试试 Docusaurus。

你可以从它的 GitHub 页面 和它的 官网 获取更多信息。

Docusaurus

8、Eleventy

Eleventy 自称是 Jekyll 的替代品,旨在以更简单的方法来制作更快的静态网站。

它似乎很容易上手,而且它还提供了适当的文档来帮助你。如果你想找一个简单的静态网站生成工具,Eleventy 似乎会是一个有趣的选择。

你可以参照它的 GitHub 页面 和 官网 来了解更多的细节。

Eleventy

9、Publii

Publii 是一个令人印象深刻的开源 CMS,它能使生成一个静态网站变得很容易。它是用 Electron 和 Vue.js 构建的。如果有需要,你也可以把你的文章从 WorkPress 网站迁移过来。此外,它还提供了与 GitHub 页面、Netlify 及其它类似服务的一键同步功能。

如果你利用 Publii 生成一个静态网站,你还可以得到一个所见即所得的编辑器。你可以从 官网 下载它,或者从它的 GitHub 页面 了解更多信息。

Publii

10、Primo

一个有趣的开源静态网站生成工具,目前开发工作仍很活跃。虽然与其他的静态生成工具相比,它还不是一个成熟的解决方案,有些功能还不完善,但它是一个独特的项目。

Primo 旨在使用可视化的构建器帮你构建和搭建网站,这样你就可以轻松编辑和部署到任意主机上。

你可以参照 官网 或查看它的 GitHub 页面 了解更多信息。

Primo结语

还有很多文章中没有列出的网站生成工具。然而,我试图提到最好的静态生成器,为您提供最快的加载时间,最好的安全性和令人印象深刻的灵活性。

列表中没有你最喜欢的工具?在下面的评论中告诉我。

via: itsfoss.com

作者: Ankush Das 选题: lujun9972 译者: lxbwolf 校对: wxy

本文由 LCTT 原创编译, Linux中国 荣誉推出

点击“了解更多”可访问文内链接

将任意网页转为 Web 应用,这个工具简直是低配电脑的救星

Flotato 可以将任意网页转为 Web 应用,让你在电脑上体验移动网页带来的轻便和快捷。

使用 Web 应用代替原生应用有着诸多好处,节省设备的存储空间,降低内存占用,有的网页比应用程序更加简单清爽,使用体验更好。手机上的浏览器一般都有「将网页保存到桌面」的选项,微信、支付宝也推出了小程序。那在电脑上该怎么办?

你可以尝试一下这个叫 Flotato 的 Mac 应用,它可以将任意网页转为 Web 应用,在电脑上体验移动网页带来的轻便和快捷。

我们之前给大家分享过一些好用的在线工具,用它们可以满足很多日常工作的需求,比如格式转换、压缩图片、下载视频。把这些工具收藏到书签里,需要的时候打开浏览器就可以了,非常方便。最近,我们对这些在线工具进行了重新整理,不管你用的是 Mac 还是 PC,都值得收藏。

关注极客之选公众号(GeekChoice),回复关键词「在线工具」,获取全部网页工具地址。

通过重命名打开任意网站

打开 Flotato,首页给出了很多已经设置好的 Web 应用,点击就能直接使用。它们以移动网页的形式呈现,效果有点像手机模拟器。你可以随意调整界面大小,甚至全屏显示。竖屏界面很适合用来浏览一些社交媒体,比如微博、Twitter、Instagram 等。

用 Flotato 创建 Web 应用的过程非常酷,复制一个 Flotato 应用的副本,将其重命名,系统会预测你想打开的网页,然后将副本应用自动转换为对应的 Web 应用。Flotato 的首页已经给出了 Gmail、Netflix、Trello 等常见的应用,经过实际测试,它也可以识别微博、B 站、极客公园等国内网站。

节省你的电脑内存、硬盘空间

将这些 Web 应用发送到桌面,就可以像手机 App 一样随时打开它们。应用可以浮在其它窗口上面,不用担心关闭或消失。与电脑上的浏览器相比,Flotato 应用的内存占用要小得多,它基于 macOS 的原生浏览器引擎 Webkit,比 Chrome 的内存占用少了 90%。

用它也可以代替一些原生应用,比如和 Mac 版的 Trello 应用相比,Flotato 应用占用的存储空间减少了 14 倍。

在电脑上也能畅快刷微博

Flotato 应用的本质就是 Web 应用,只是它能被识别为移动网页,实现类似手机模拟器的效果。如果有些网站的移动网页显示有问题,可以在「App」里找到「Get Desktop Version」的选项(获得桌面版网页)。

一般情况下只要这个网站能用手机浏览器打开,它就能被设置为 Flotato 应用,功能也与网页端一样。在浏览新闻网站时,体验和在电脑浏览器上没有什么不同。Twitter、Instagram 等社交媒体也专门为移动网页进行了适配,可以正常使用。

但像 B 站、腾讯视频这样的视频网站,网页端会对画质的选择有所限制。一些网站为了给 App 导流,也限制了很多网页端的功能。

下面这几种网站最适合使用 Flotato 应用来浏览:

1、适合竖屏显示的网站,比如 Twitter、Instagram。

2、功能简单,网页端与客户端体验类似的网站,比如 Trello。

3、需要一直开启,随时查看状态的网站,比如 Gmail、股票查询。

操作体验类似 App

Flotato 除了将网页改成应用,还在操作体验上进行了升级。重命名之后,应用的图标会自动改为相应网站的 LOGO。图标上可以显示数字通知,就像手机 App 那样。

你还可以圈出网页的一部分,让其在图标上实时显示,很适合股票监测这样的网站。既不用来回切换网页查看,还不用担心漏掉信息。

Flotato 应用支持左滑前进、右滑返回的操作。你可以将网站的某个页面设为默认打开,省去每次跳转。

如果购买 Flotato Pro 版,就能同时在电脑上打开多个 Web 应用,效果很像 Smartisan TNT。

如果你的电脑性能足够高、存储空间足够大,那 Web 应用的作用很有限。但对于经常打开几十个网页,电脑因此发热严重的用户来说,Flotato 绝对是一个救星。

关注极客之选公众号(GeekChoice),回复关键词「在线工具」,获取全部网页工具地址。

36氪首发|AI图像生成技术服务商「Tiamat」再获A+轮投资,上线网页版产品加速工具化

36氪获悉,「Tiamat」近期获数百万美元A+轮投资,由线性资本领投,老股东DCM、绿洲资本跟投。远识资本担任本轮融资独家财务顾问。这是继今年2月完成近千万美元A轮融资后,短短三个月内,「Tiamat」再次收获资本青睐。可见,AI图像生成已经率先步入国内AIGC领域的快车道。

36氪持续关注的「Tiamat」是一家国内AI图像生成技术服务商,成立于2021年。其自研的Morpher VLM是国内首个基于概念融合范式提出的近百亿级跨模态生成模型,提高了模型对图像多尺度信息的建模能力,在用户Prompt输入的理解能力方面也实现了进步。

今年以来,「Tiamat」致力于自研技术的产品化。和当下海外最流行的AI绘画工具Midjourney相似,「Tiamat」从“社区即服务”的模式开始起步,在社群运营中不断优化模型。目前,「Tiamat」已经上线了测试版网页端产品,并在第三方测评对比中收获了不俗的用户口碑。

下图为国内最大设计师社区UISDC对几款国内外主流AI绘画工具的测评,其中「Tiamat」和「文心一格」为国产工具代表。

图片来源:UISDC

图片来源:UISDC

图片来源:UISDC

图片来源:UISDC

时间回溯到去年冬天,AI绘画还更像是一个全民娱乐时代的产物。人们乐此不疲地用各种工具生成着插画、艺术作品和卡通肖像,对这种低成本、几乎不用投入任何精力的生成方式也具有较高的宽容度。

但在今年3月底,随着Midjourney V5版本将写实风图像的生成效果迭代到了“照片级”,AI绘画领域的竞争也随之变得更加激烈了起来。如今,用户不再质疑和好奇AI的力量,而是想出了各种与字面意思大相径庭的词汇来“为难”AI。

可以说,2023年,AI图像生成领域的突围关键已经变成了:更均衡的画风表现力,更快的语义理解迭代速度,从而提升AI在可控性上的表达。

在36氪过去的报道中,「Tiamat」创始团队曾表达其在研发过程中重视对于可控性的追求,即如何用人类可以操控、符合人类期望的方式去更好地使用和应用大模型。可以说,这不但与用户需求是一致的,也和国内市场广泛关注的B端商业化能力息息相关。

商业化方面,「Tiamat」目前已经在快消、广告、时尚、设计等行业积累了活跃的中小型企业客户,从定制化属性或跨界合作的需求出发,使得「Tiamat」在收集到更多行业需求的同时,也更深入地了解了具体商业场景中的痛点。

工具化,是任何新兴技术能够真正成为生产力的重要台阶。而产品的意义,则是将人与AI连接起来,组织一场有温度、可交互的对话。

未来,「Tiamat」将继续迭代自有研发能力、打磨产品体系,参与国内的AI图像生成领域从“娱乐价值”走向数字生产力。