网页前端后台技巧(CSS+HTML)互联网科技让前端飞

网站开发的福音:流行的静态(博客)网站生成工具

2019-08-12  本文已影响3人  560b7bb7b879

最近特别流行使用静态网站搭建博客,静态网站非常适合专注于内容的网站,例如,博客。那你可能会问,为什么不用大名顶顶的wordpress(动态网站)呢。

静态网站和动态网站相比有如下好处:

静态网站的缺点是功能弱,和用户的交互能力不强。


静态网站生成工具能从简单的纯文本文件生成一个网站/博客。常用文本格式有reStructuredText和Markdown,我习惯使用Markdown。如果你想搭建自己的静态网站,你可以选用下面列出的11个工具。

Jekyll

Jekyll做为GitHub Pages的构建工具(Ruby语言),使它成为最流行的静态网站生成工具。Jekyll的流行也因为它非常简单,只需要基础的web开发基础。你可以使用它轻易的把文本转换为自定义的网站/博客。

如果你有wordpress或其他博客站点,你可以导入到Jekyll中。Jekyll支持插件、标签等等。

Github Pages:https://pages.github.com 开始使用Jekyll:http://jekyllrb.com/docs/quickstart/

Octopress

Octopress是基于Jekyll的博客生成工具,它简化了Jekyll的操作,可以让你更舒服的创作。Octopress的一大优势是它插件很多,并且兼容Jekyll的官方插件。

Octopress支持内建的社交平台(Twitter, Google+),Disqus评论和Google Analytics。

Octopress的文档:http://octopress.org/docs/

Hexo

Hexo是用Node.js编写的博客框架。这个静态网站生成工具非常快,使用它构建一个完整的网站只需要几秒钟。Hexo支持所有的GitHub Markdown特性,并支持大多数Octopress插件。

从其他博客平台迁移到hexo非常容易。

[Hexo的文档]https://hexo.io/docs/

Hugo

[Hugo]http://gohugo.io/是另一个流行的静态网站生成工具,它是使用go语言编写,并且使用Markdown语法。官网对它的描述:This application does not depend on administrative privileges, databases, interpreters, or external libraries, and still works like a charm. Websites or blogs built with Hugo can be hosted on any web host including GitHub Pages, S3, and Dropbox.

开始使用Hugo:http://gohugo.io/overview/quickstart/

Pelican

Pelican是使用Python编写的静态网站生成工具。它支持用reStructuredText, Markdown, 和AsciiDoc创作网站内容。Pelican支持Jinja模版引擎,结果是,它支持很多自定义主题。

开始使用Pelican:http://docs.getpelican.com/en/3.6.3/install.html

Middleman

Middleman -中间人,又一个使用Ruby编写的静态网站生成工具。它提供怎么使用和自定义的文档,方便你自定义你的网站。

Middleman is a static site generator using all the shortcuts and tools in modern web development.

开始使用Middleman:https://middlemanapp.com/basics/install/

Metalsmith

Metalsmith是简单、高效、pluggable静态网站生成工具,它使用nodejs编写。Metalsmith和其他工具的最大区别是它的所有东西都由插件处理,并且插件可以重用。只要决定网站的功能,然后找到相关插件,组合到一起,ok,ready to go!

Metalsmith也可以生成PDF、电子书、文档等等。

开始使用Metalsmith:http://www.metalsmith.io/

DocPad

DocPad自带建立好的网站主架,允许你快速的建立功能完整的网站。这个工具支持CoffeeScript、Ruby、PHP、Stylus等等。DocPad removes limitations and closes the gap between experts and beginners. Designers and developers can create websites faster than ever before.

开始使用DocPad:http://docpad.org/docs/install

Wintersmith

Wintersmith是极简的、可扩展的静态网站生成工具,它使用Nodejs编写。它同样支持插件。Wintersmith的项目基于目录结构,可以方便的移植旧站点。

开始使用Wintersmith:https://github.com/jnordberg/wintersmith#quick-start

Cactus

Cactus是使用Python和Django模版系统制作的静态网站生成工具。

开始使用Cactus:https://github.com/koenbok/Cactus/

HubPress

HubPress是开源的web应用,使用它可以允许你创建一个基于GitHub Pages的博客。HubPress的使用非常简单,你只需要fork这个项目到你的github,然后修改配置文件就可以了。

开始使用HubPress:https://github.com/HubPress/hubpress.io

自己是一个五年的前端工程师,希望本文对你有帮助!

这里推荐一下我的前端学习交流扣qun:731771211 ,里面都是学习前端的,如果你想制作酷炫的网页,想学习编程。自己整理了一份2019最全面前端学习资料,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,每天分享技术

点击:加入

上一篇下一篇

猜你喜欢

热点阅读