一、目前比较受欢迎的静态站点生成器

先介绍几个比较受欢迎的静态网站生成器吧～

1、Next.js

Next.js 在 StaticGen 上总排名第一位，足以说明它有多好用了，基于 React 框架开发

优点：

• 配置简单，服务端渲染，代码分离
• SEO Friendly
• 内置零配置 TypeScript 支持
• 一键部署到vercel

缺点：

• 比较新，可用的模版比较少

网址： Next.js by Vercel - The React Framework

适合： React 开发人员、可搭建中大型网站

2、Hugo

用 Go 语言写的

优点：

• 免费开源
• 可选主题模版比较多，不用自己搭框架，可直接用
• 运行速度快、使用简单、可靠性高
• 无需依赖（不用安装 Go，因为它是编译好的二进制）

缺点：

• 主题使用 Go 内置模版，所以需要熟悉 Go

网址： The world’s fastest framework for building websites

example： DocuAPI Example Site
Getting Started

适用于： 具有大量单个页面和许多分类（类别，标签等）的网站，例如中型博客

3、Jekyll

Jekyll 是用 Ruby 写的最受欢迎的开源静态生成工具之一

优点：

• 免费且开源
• Jekyll 是 GitHub 页面 的引擎，它可以让你免费用 GitHub 托管网站
• 简单便捷使用/非常多的免费主题和插件
• 支持从常见的 CMS（ 内容管理系统(Content management system) ）如 Ghost、WordPress、Drupal 7 迁移你的博客/网站

缺点：

• 当网站内容不断增加后，构建速度会明显变慢

网址： Jekyll • Simple, blog-aware, static sites

example： Native APIs | Ionic Documentation

二、hugo本地搭建(mac)

因为本地是后端开发，对react框架不是很熟悉，同时也是搭建个人博客，使用hugo就可以满足要求了，开始干～，一分钟不到的时间就可以搭起来啦。

A：下载hugo、创建项目、下载对应的theme

# 1、 install hugo
brew install hugo

hugo new site mysite

cd themes 

# 2、clone theme(examle)
git clone https://github.com/mrmierzejewski/hugo-theme-console.git hugo-console

# 3、run hugo
hugo server -t hugo-console -D

启动项目后，根据提示的本地端口打开网址，就可以看到模版页面了。

B：编写blog并配置config文件，正确显示menu

C：运行项目如图：

​

若有收获，就点个赞吧