前言

拥有一个个人网站有什么好处？

1、展示个人技能和作品：个人网站是展示自己技能和作品的绝佳平台，你可以在网站上展示你的项目、作品和经验，让潜在雇主或客户更好地了解你的专业知识和技能。

2、建立个人品牌：网站可以帮助你建立个人品牌，通过网站上发布的内容、设计和风格等，让人们更好地了解你的个人特点和价值观。

3、建立社交网络：网站可以帮助你建立社交网络，你可以在网站上发布博客、文章、视频等内容，吸引粉丝和读者，与他们互动，建立自己的社交网络。

4、提高可见度：拥有一个个人网站可以提高你在搜索引擎上的可见度，让更多人知道你的存在和你的专业知识，从而增加你的机会和曝光率。

前期准备

一、一个免费域名，可以参考我这篇文章申请：www.haobin.org/posts/12/

二、一个免费的容器（类似服务器）。具体参考我这篇文章：www.haobin.org/posts/7/

三、一个框架生成器。我推荐使用hugo，具体安装可以参考我这篇文章：www.haobin.org/posts/6/

静态网站和动态网站的区别

静态网站是由纯HTML、CSS、JavaScript等静态文件组成的网站，这些文件在服务器上存储，当用户请求访问网站时，服务器会直接将这些静态文件返回给用户。静态网站的优点是加载速度快，安全性高，维护成本低，适合内容不需要频繁更新的网站。

动态网站则是由动态脚本语言（如PHP、http://ASP.NET、Java等）生成的网站，这些脚本语言会在服务器端处理用户请求，并动态生成HTML等静态文件返回给用户。动态网站的优点是可以根据用户请求生成个性化的内容，适合内容需要频繁更新的网站。

总的来说，静态网站相对简单，适合小型网站或者内容更新不频繁的网站，而动态网站则适合大型网站或者内容需要频繁更新的网站。

本篇也是主要介绍静态网页，因为简单，不需要数据库。

hugo框架介绍

Hugo是一款快速、灵活、易用的静态网站生成器，它可以帮助你快速搭建个人博客、静态网站等。Hugo的特点是快速编译、易于使用、灵活性高、支持多种格式等，因此备受开发者和博客爱好者的喜爱。

成品可以参考下我的博客：www.haobin.org