写点什么

使用 Jekyll Bootstrap 快速构建静态博客

作者:qife122
  • 2025-08-14
    福建
  • 本文字数:793 字

    阅读完需:约 3 分钟

使用Jekyll Bootstrap快速构建静态博客

使用 Jekyll Bootstrap 快速构建静态博客

曾几何时,我们都考虑过并使用过 WordPress 这类博客引擎。但仔细想想,我们当初为什么要这么做?脑海中浮现的优点包括:富文本编辑、评论功能、动态内容。不过最后一项对我的个人博客来说有些过度设计。


作为一个具备 Git、Ruby 等技术知识的开发者,当我想到自己写的内容要存入数据库,服务器几乎每次请求都要检索动态内容、执行 SQL"魔法"才能生成 HTML 页面时,就会感到不适。虽然有人会提出缓存等简化方案,但我的需求其实很简单。


让我长期使用 WordPress 的一个重要因素是评论功能。我很高兴能收到读者反馈(尽管有时需要处理垃圾评论)。直到 Disqus 的出现彻底改变了局面——现在你可以在任何静态页面上轻松添加评论功能,只需嵌入一段脚本即可,还能迁移 WordPress 原有评论。


解决这个问题后,我便开始寻找能基于 Markdown 生成纯 HTML 的静态引擎。Jekyll正是这样的工具——一个简单的博客感知静态站点生成器,输入 Markdown/Textile,输出完整网站。


我使用的jekyll-bootstrap工具集成了 Twitter Bootstrap 主题,并预先配置好完整的目录结构。只需运行jekyll命令就能生成静态站点。

分步指南

  1. 将评论迁移到 Disqus

  2. 安装 jekyll 和 Jekyll-bootstrap(官网有说明)

  3. 从 WordPress 等现有平台迁移

  4. 修改_config.yml 配置

  5. 部署站点


迁移 WordPress 内容只需执行:


ruby -rubygems -e 'require "jekyll/migrators/wordpress"; Jekyll::WordPress.process("database", "user", "pass")'
复制代码


这会将所有文章转为 Markdown 格式。注意迁移工具只能处理文章、别名和分类,其他链接和文件需要手动处理。


对于开发者,可以 fork 这两个 GitHub 项目进行定制:



完成迁移后,修改_config.yml 配置 Disqus 等参数,运行:


jekyll 或 jekyll --server
复制代码


后者会启动监听 4000 端口的 WEBrick 服务器。之后就可以自由地预览、部署了。更多精彩内容 请关注我的个人公众号 公众号(办公 AI 智能小助手)公众号二维码


办公AI智能小助手


用户头像

qife122

关注

还未添加个人签名 2021-05-19 加入

还未添加个人简介

评论

发布
暂无评论
使用Jekyll Bootstrap快速构建静态博客_ruby_qife122_InfoQ写作社区