静态网页设计框架 第1篇
1）HTML是我们常说的静态网页；
2）HTML是以Html或htm为扩展名的文件；
3）HTML某些标签代码规则，让内容在浏览器中呈现出我们所需要的样式；
4）HTML可以使用记事本创建，并以.html或.htm为扩展名保存。
html文件中的代码由具有一定的规则规律标签与内容组成。以指定的HTML结构和内容形成完整的html文件。我们可以直接使用浏览器来打开，查看网页效果。
如果您想在浏览器中显示各式各样的网页，我们就需要html文件（HTML基本结构+内容+标签）和css文件（css样式）来实现我们需要的漂亮网页。
动力节点老杜讲解的html学习教程，非常详细全面，完全适合小白入门
内容：讲解了HTML基础语法、HTML概述、W3C概述、B/S架构系统原理、table、背景色与背景图片、超链接、列表、表单、框架等知识点。
通过html教程的学习之后，不但可以开发基本的网页，还可以看懂别人编写的HTML页面。
静态网页设计框架 第2篇
后续看情况给大家展示下：如何借助 GPT + 静态网站框架，搭建并部署一个网站。
在搭建个人博客 or 个人主页盛行的年代，WordPress 一直是大部分人的首先，因为不需要有任何前端基础，托托拽拽就可以完成搭建！
不过 WordPress 不是纯前端，它是 PHP 写的，需要配置 MySQL，这部署的成本一下子就上去了。
而且，用过 WordPress 后台的都知道，每一篇文章你都需要手动粘贴标题和正文内容，对于要频繁更新内容的网站来说，这简直难以接受。
静态网页设计框架 第3篇
官网：
React 是和 Vue 齐名的前端开发框架。 是 React 官方首推的脚手架项目，而 Nextra 则是基于 的开发的静态网站搭建框架，适合搭建博客和知识库。
官网：
Hugo 采用 Go 语言开发，以简单易用、高效构建而著称。
Hugo 官网提供了几百种主题样式，风格非常多样，右侧由 Tag 可供选择，特别适合搭建个人博客。
官网：
和 Hugo 类似，区别是 Hexo 是用 写的，丰富的主题同样支持个人博客、产品官网、落地页等。
官网：
Astro 近年来发展迅猛，可以用来搭建官网落地页、电子商务等。
相对其他的静态框架，Astro更加复杂一点，它有一套自己的模板，还有自己的约定路由等规则，更像一个高级的、功能丰富的脚手架，你可以在它上面集成 Vue、React 进行定制开发。
不太推荐前端小白上手。
本文主要梳理了主流的静态网站搭建框架，大家需要根据自己的需求进行选择：
关于网站部署，猴哥后面会单独出一篇分享，敬请期待。