聊一聊那些年使用过的开源静态网站框架


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,感兴趣的朋友可以去看看。最后,这里面没有你使用过的框架,可以在评论中告诉我 ღ( ´・ᴗ・` )

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容