抓取动态网页(近年来，网站建设趋势：越来越多的静态网站而非动态网站)

　　抓取动态网页(近年来，网站建设趋势：越来越多的静态网站而非动态网站)

　　近年来网站的建设趋势：越来越静态的网站代替动态的网站，静态的网站越来越受到一些大公司的青睐，做小网站 时间的恩惠。

　　内容

　　关于静态 网站 和动态 网站 的 5 个事实：

　　动态网页是在检索过程中由服务器生成的。比如使用像WordPress（PHP/MySQL）这样只收录HTML/CSS/Javascript静态站点*敏*感*词*的静态网页，提前生成静态网站，提供布局和内容分离，两种方案各有利弊，必须在项目之间保持平衡。大公司都用静态网站*敏*感*词*给微网站等中小型网站什么是动静？是动态页面吗？

　　动态网页是在调用服务器时动态生成内容的网页。大多数内容管理系统 (cms) 都是这种情况。最著名的例子：WordPress。每次打开页面时，都会使用服务器端编程语言 PHP 从数据库中提取内容并将其组装到页面中。如果配置了缓存，它只会部分重新生成。

　　什么是静态网站？

　　静态网页由 HTML、CSS 和可选的 Javascript 组成。该页面不必由服务器端编程语言按需生成。

　　什么是静态 网站 *敏*感*词*？

　　静态网页*敏*感*词*在本地计算机或云端生成完整的静态网页。然后可以将它们存储在服务器或内容交付网络 (CDN) 中。

　　与内容管理系统类似，*敏*感*词*提供了使用布局模板来分离内容和页框，在某些情况下甚至可以从外部cms中提取内容。

　　静态网站的优缺点更安全，因为没有数据库和服务器更快，因为不需要执行服务器端代码，网站速度是搜索排名的重要因素，更好的扩展可以放入内容分发网络（CDN），以提高全局可用性和页面加载速度。整个网站的版本控制和备份可以通过Git进行。缺点比较适合程序员或者其他技术人员。适合中小型网站（微网站、博客、企业网站）需要能够使用Git（GitHub、Gitlab）的工作流，推荐：最简单以及史上通俗易懂的Git教程！网站内搜索需要额外的JavaScript，没有cms 用于价格更新等。内容主要以 Markdown 文件的形式创建。没有足够强大的SEO插件

　　如上所述，这些缺点中有很多是可以解决的，但与已知的cms（如：WordPress）相比，需要做的工作要多得多。

　　在我看来，静态 网站 *敏*感*词*仍处于起步阶段，但它具有潜力！

　　cms变成Headless（无头cms），也就是他们只提供内容创建接口，通过API提供内容。然后，静态 网站 *敏*感*词*、Javascript 应用程序或移动应用程序可以访问此 API。

　　最近把PHP的接口改成了Node.js，提供了这样的API。Contentful 等其他提供商已采用 Headless cms 作为他们的商业模式。然而，这种趋势成为主流还需要一段时间。

　　强烈推荐 3 个静态站点*敏*感*词*

　　下面我将介绍我已经使用过的3个静态*敏*感*词*。它们只是现有解决方案的一小部分。您可以在 网站StaticGen（排名在 GitHub Stars 之后）上找到完整的介绍。

　　1. 雨果

　　Hugo 基于 Go 编程语言，Go 以其非常、非常快的速度而闻名。简而言之，Hugo 是迄今为止最快的静态站点*敏*感*词*。当然，具有许多独立页面的 网站 将受益于使用静态站点*敏*感*词*。

　　Hugo目前的开发进度非常好，开源和下面提到的所有其他静态站点*敏*感*词*，并提供各种开箱即用的功能。缺点是在 Go 的模板语言中，并不是每个人都能找到正确的方法。到目前为止，还无法通过插件对其进行扩展。

　　尽管大多数开发人员都习惯使用 Node.js、Python 或 Ruby，但基于 Go 的静态站点*敏*感*词* Hugo 因其出色的速度而获得了足够高的分数。

　　你可能感兴趣：使用Gitlab + Hugo + Netify 搭建自动部署静态网站教程

　　适用于：网站 单页数量多、类别多（类别、标签等）的中型博客

　　2. Hexo

　　Hexo 是一个基于 Node.js 的快速、简洁、高效的博客框架。Hexo 使用 Markdown（也可以使用其他渲染引擎）解析 文章，几秒钟之内就可以生成主题漂亮的静态网页。

　　这使得 Hexo 成为更简单、更快捷的解决方案之一，一旦安装在本地机器上，就可以轻松操作。这使得创建较小的 网站 非常方便，例如微型 网站。Sass、Less、Markdown、Pug 等将自动转换为 HTML、CSS 和 Javascript。它比 Grunt、Gulp 更容易。

　　Hexo是台湾开发者Tommy Chen于2012年开发的一款产品，由于语言优势，Hexo在国内拥有大量用户，文档和社区非常完善。有足够多的例子可以学习，这也是我推荐 Hexo 的重要原因之一。

　　Hexo自身的功能非常简单，也就是说如果你需要做一些现场SEO优化，还需要自己寻找并安装一些Hexo插件，或者自己开发相关插件。

　　Hexo 适用于：微网站、博客网站、小产品网站

　　你可能感兴趣：《适合个人博客网站推广的10个高佣联盟》

　　3. Next.js

　　Next.js 在 StaticGen 上排名第一，足以说明它的易用性。配置简单，服务端渲染，代码分离，SEO友好，内置零配置TypeScript支持等优点。

　　而世界一流的厂商也在用它来做*敏*感*词*的网站。在Next.js的ShowCase中，有腾讯、优步、Hulu、Netlify、耐克等一流厂商。而腾讯新闻是使用 Next.js 开发的。

　　这些足以说明 Next.js 有多好！

　　不过我把它排在 Hugo 和 Hexo 之后，因为它是基于 React 框架开发的。也就是说，你需要一些 React 代码库来使用它来构建一个静态的 网站。

　　如果你是开发者，那我强烈推荐你试试 Next.js 构建静态网站！

　　适合：React 开发者，可以搭建中大型网站

　　总结

　　上面推荐的三个静态站点*敏*感*词*基于 Go、Node.js 和 React。当然，其他语言中也有静态的 网站 *敏*感*词*。您可以在 StaticGen 上查看更多信息。

　　虽然Php广泛应用于各种大中小型公司，但我认为它不适合作为静态站点*敏*感*词*。为什么？因为在 Php 中读取、操作和保存文件比在 Node.js 或 Go 中慢得多。

　　静态网站的优点和缺点都很突出。没有更好的解决方案，只有哪种解决方案更合适。

　　总结一句话：为不同的工作需求选择合适的工具！

　　如果你对静态网站*敏*感*词*有什么问题或者其他想法，欢迎留言一起交流~