腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

VitePress 强大的静态网站生成器

VitePress 是一个静态站点生成器 (SSG)，专为构建快速、以内容为中心的网站而设计。只要数据可以在构建时确定，您可以使用VitePress构建几乎任何类型的网站，包括博客、个人作品集和营销网站。官方的Vue.js博客是一个简单的博客，它根据本地内容生成索引页面。性能与许多传统的SSG不同，VitePress生成的网站实际上是一个单页应用程序 (SPA)。快速初始加载对于任何页面的初始访问，将提供静态的预渲染HTML，以实现极快的加载速度和最佳的SEO效果。这听起来可能效率低下，但是Vue编译器足够智能，能够将静态部分和动态部分分离，从而将水合成本和负载大小都最小化。对于初始页面加载，静态部分会自动从JavaScript负载中删除，并在水合过程中跳过。

2023-07-19

2.2K0

标签:

云开发静态网站托管

静态HTML和CSS网站生成器 - Hugo

Hugo是用Go编写的静态HTML和CSS网站生成器。它针对速度、易用性和可配置性进行了优化。Hugo拿一个包含内容和模板的目录，并将其渲染成一个完整的HTML网站。 Hugo在几分之一秒内呈现了一个中等大小的典型网站。一个好的经验法则是，每段内容在大约1毫秒内呈现。 Hugo旨在适用于任何类型的网站，包括博客、tumbles和文档。

2022-09-27

1.6K0

标签:

PHP 强大的静态网站生成器 HydePHP

HydePHP 是一个内容优先的静态网站生成器，结合了 Laravel 的强大后端功能和 Markdown 的简单易用性。它允许开发者通过 Markdown 或 Blade 模板创建静态 HTML 页面，适用于博客、文档站点或简单的静态网站。 HydePHP 的设计理念是 “快速上手，自由定制”，既适合初学者快速创建网站，也为高级用户提供了灵活的定制选项。构建站点完成内容创作后，运行以下命令生成静态 HTML 文件，输出到 _site 目录： php hyde build 生成的静态文件可以直接部署到任何支持静态内容的服务器，如 GitHub Pages • 静态网站：快速构建企业官网、个人作品集或其他静态页面。 • 学习 Laravel：通过 HydePHP 的 Blade 模板和 Laravel 生态，开发者可以深入学习 Laravel 框架。

2025-10-20

6750

标签:

静态网站生成器推荐：构建高性能网站的利器

getpelican/pelican[2] Stars: 11.7k License: AGPL-3.0 Pelican 是一个静态网站生成器，使用 Python 编写。可通过丰富插件生态系统进行扩展 react-static/react-static[3] Stars: 10.3k License: MIT React Static 是一个基于 React 的渐进式静态网站生成器 利用静态网站生成器 Gridsome 结合 JavaScript 和 API 创建出令人惊叹的动态 Web 体验。 metalsmith/metalsmith[5] Stars: 7.8k License: MIT Metalsmith 是一个极其简单且可插拔的静态网站生成器。 Middleman 为独立开发者提供了许多强大的工具，包括静态网站生成器和各种插件。它可以帮助您快速构建出色且高效率的网站，并支持灵活定制样式和布局。

2023-08-10

2.6K0

标签:

一个现代静态网站生成器Eleventy

我进入了 Jamstack 和静态站点生成器的世界，当时我使用 Publii 和 Netlify 启动了一个页面。从那时起，Jamstack 这个术语被 Netlify 推广了一番。 Publii 是一款全能的静态网站创建工具，如果你不想碰任何代码，它是一个不错的选择。但是，稍加努力，你可以使用现代 Web 组件制作更快、更精致的站点，并对整个过程有更多的控制。但作为静态站点生成器，它有什么优势呢？除了支持多种模板语言外，我注意到很多宣称的优点只有在你已经熟悉其他系统的限制时才有意义。所以我打算深入了解一下，一边了解一边解释。创建网站好的，让我们回到我们的网站。提醒一下：我们希望网站的页面使用一个布局。但我们只想在 Markdown 中编写内容，而不是深入 HTML。最终的目录布局是：这应该足以激发你对撰写自己的网站的热情，或许足以让你望而却步。然而，要获得现代网站的所有精彩组件，你需要深入了解，我将在以后的文章中详细介绍。

2024-03-28

1.2K0

标签:

Homer - 无比简单的静态网站首页生成器

对于 Web 开发的入门者而言，开发一个功能全面的静态的网站首页，并不是那么容易实现的需求。然而，实现一个个人网站或企业网站的简单首页，又是十分常见的需求。如果可以通过编写简单的配置文件，就能实现一个美观使用的静态首页，并能够提供一些自定义的功能，无疑会降低此类需求开发的门槛。 ◎简介 Homer，是 bastienwirtz 在 Github 上开源的静态网站首页生成器，通过简单的 yaml 配置文件就能实现，目前版本为 v21.03.2。 heathcheck 功能实现快捷键：/ 开始搜索，Escape 停止搜索，Enter 打开首个匹配结果，Alter/Option + Enter 在新标签开启结果 Homer ◎使用 Homer 是一个完全静态的 Homer ◎总结 Homer 使用简单，使用 yaml 格式的配置文件配置，可安装，提供搜索、分组功能，可自定义主题等，使实现一个网站的静态首页变得十分简单，同时提供了美观且功能丰富的实现方案，值得使用

2021-04-23

2.6K0

标签:

容器镜像服务

Jekyll：极简静态网站生成器，让你专注内容创作

项目地址：/jekyll/jekyllJekyll是什么Jekyll是一个知名的静态网站生成器，由GitHub联合创始人TomPreston-Werner于2008年发起。它以极简和易用著称，是许多开发者、技术博客和项目文档的常见选择，同时也是GitHubPages平台背后的官方支持静态网站引擎。它的工作方式并不复杂：把Markdown、Liquid模板和静态资源组合起来，最终生成完整的静态HTML网站。也正因为如此，部署和维护都变得相对轻盈，不需要数据库，也不依赖复杂服务器环境。它没有把简单事情复杂化，而是让内容创作和网站生成之间的路径尽可能短。你写的是Markdown，组织的是文件，使用的是模板，最终得到的是纯静态页面。写在最后Jekyll的好，不在于它试图成为最复杂、最全面、最喧闹的平台，而在于它始终守着一件简单却重要的事：让内容创作和静态网站生成变得纯粹。

2026-07-27

4990

标签:

上篇讲了网址导航，这一篇来到网页的最后一课，实现一个静态网站。第三课：静态网站任务拆分：任务1：网站规划思路（网页内容分类）任务2：网页布局（上下、左右等）任务3：样式编写任务4：网页内容填最终主页代码：（其它子页代码省略） <! a href='content/5.html' target = "_blank">黄色飞船</a> </div> </div> <div class="bottom">叶子陪你玩个人网站

叶子陪你玩

2020-08-20

1.7K0

标签:

Astro 从静态网站生成器到 Next.js 劲敌的旅程

Astro 就像一个功能强大的静态网站生成器，但尽管它对 JavaScript 的依赖性较低，但它与 Next.js、Vue 和其他 Web 框架一样强大。，它非常擅长生成静态 HTML 页面（当然，这是内容网站的基础）。他说：“我喜欢他们 [Astro] 从仅仅是静态优先转向真正首先实现那种体验 [然后] 转向服务器的转变。” Scanlon 在 Astro 中使用了 React 集成，以便为他的网站制作一个交互式联系表单。但他的网站的其余部分是纯静态的。 Astro 的优点在于它介于 Eleventy 和 Hugo 等框架的静态网站生成器方法，以及 Next.js、Vue 等的完全 JavaScript 世界之间。

2024-03-28

2.2K0

标签:

静态网站生成器与服务器端渲染有啥区别

以下是静态生成网站的一些好处：更快的页面加载时间：静态生成的网站具有更快的页面加载时间，适合网络连接较慢的用户。改进的SEO（搜索引擎优化）：静态网站更容易被搜索引擎爬虫索引，提高了您网站在网络上的可见性。成本效益：企业可以通过静态生成的网站节省托管和维护成本，因为这些网站不需要服务器端处理。如何使用Next.js实现静态网站生成 Next.js使得实现静态网站生成变得简单。在本节中，我将向您展示如何使用getStaticProps函数为您的网站生成静态页面。静态网站生成与服务器端渲染对比既然你已经了解了静态网站生成和服务器端渲染是什么，那么让我们来看看在使用Next.js时它们在加载时间和代码大小方面的比较。静态生成的网站通常通过消除在初始渲染过程中不需要的一些代码来减小代码大小。何时使用静态网站生成和服务器端渲染？对于主要包含静态信息且需要高流量的网站，使用静态网站生成是合适的选择。

2023-11-30

1.4K0

标签: