theme: smartblue
本文正在参加「金石计划 . 瓜分6万现金大奖」
前言
“ 都2022年了,不会还有人没用过静态网站框架吧 ”。看到这句话,很多人不禁会想:网站听过,框架听过,但是静态网站框架我怎么没听过?确实,在没接触 Vuepress
这类静态网站之前,我也没听说过这类东西,但是了解之后发现很有意思。接下来带大家来认识一下这些静态网站框架。
Vuepress
首先来介绍一下 Vuepress
,这是我第一次接触的网站框架。之所以能了解到它还要从我的一个朋友说起,那时候他搭建了一个静态博客,就是用 vuepress
写的,当时我还并不知道这是什么东西,所以他就把他写的教程文章推给我看了。也就是通过这篇文章让我打开了静态网站框架的大门。
Vuepress
是由 Vue
支持的静态网站生成工具,Vue
大家都知道或者使用过吧,一种轻量级且好用的框架,因为 Vue
上手起来很简单,所以 Vuepress
使用起来也不难。因此,如果大家有一点点编程基础,都可以很好地使用 Vuepress
,因为它真的对新手很友好。如果想快速上手搭建一个静态的博客网站来简单记录记录笔记或者文章,选择 Vuepress
就对了。
Hugo
Hugo
是另一个很受欢迎的用于搭建静态网站的开源框架。从名字上可以猜出,它和 Go
语言有着联系,就和从 Vuepress
名称上可以看出,会和 Vue
有关。没错,Hugo
就是用 Go
语言写的。
它运行速度快、使用简单、可靠性高,最大的特点就是简洁。它提供了很多高级的主题,并且还提供了一些有用的快捷方式来帮助我们轻松完成任务。如果要写一个大型且全面的博客网站,它是一个不错的选择。
Hexo
Hexo
是一个快速、简洁且高效的网站框架,我们不仅可以用它搭建相当快速的网站,还可以利用它自身提供的丰富的主题和插件来生成炫酷的网页。它有很多靓丽的主题,能给有时候平平无奇的静态网页增添几分色彩。另外,它还可以根据用户的需求提供了强大的 API
来扩展功能。我们在网上看到的很多博主的炫酷博客网站大部分都是用 Hexo
来实现的。
Gatsby
Gatsby
是一个越来越流行的开源网站生成框架。它使用 React
来生成快速、界面优美的网站。前面提到的 Vuepress
则是使用 Vue
来生成网站的。
什么是 Gatsby
? 官方介绍为 Blazing-fast static site generator for React
(基于 React
的超快静态站点生成器)。由于它是使用 React
来生成网站的,因此我们可以在静态网站的实现方式上利用到 React
的组件化思想。因此,喜欢 React
框架的朋友可以尝试一下 Gatsby
。
除此之外,它也可以提供很多插件和主题。但是与其他静态网站框架不同的是,如果我们使用 Gatsby
生成一个网站,可以在不损失任何功能的情况下获得静态网站的好处。
Jekyll
Jekyll
是最受欢迎的开源静态生成工具之一。Jekyll
利用 Markdown、HTML 和 CSS
来生成静态的网页文件,这些都是很常见的前端知识。它支持自定义地址、博客分类、页面、文章以及自定义的布局设计。如果要搭建一个零广告的博客网站,它是个很好的选择。
Publii
Publii
是一款基于桌面的静态且开源的 CMS
框架,和 Vuepress
一样,适用于初学者和开发者快速建立一个安全、快速、时尚的静态网站。它能使生成一个静态网站变得很容易。它是用 Electron 和 Vue
构建的。因此用它来生成一个简单的静态网站也是很好的选择。
总结
文章中罗列了我这段时间所了解到的一些常见的开源静态网站框架,或者说是网站生成工具,实际上还有很多不同的静态网站框架,比如 Primo
,感兴趣的朋友可以去看看。最后,这里面没有你使用过的框架,可以在评论中告诉我 ღ( ´・ᴗ・` )。
暂无评论内容