美文网首页网页前端后台技巧(CSS+HTML)互联网科技让前端飞
网站开发的福音:流行的静态(博客)网站生成工具

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

作者: 560b7bb7b879 | 来源:发表于2019-08-12 19:14 被阅读3次

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

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

    • 省钱。静态网站占用的系统资源少。如果挂到github pages上,只要注册一个域名就可以了。
    • 速度快。不经过php解析器,不用数据库,速度自然比动态网站快
    • 安全。由于静态网站的简洁,免疫很多web攻击方式。
    • 服务器端配置简单。只需要一个web server(apache、nginx)。
    • 非常容易维护。

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


    静态网站生成工具能从简单的纯文本文件生成一个网站/博客。常用文本格式有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的项目实战的学习资料都有整理,送给每一位前端小伙伴,每天分享技术

    点击:加入

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/gazrrctx.html