Sublime进行静态网站生成(SSG)_使用Jekyll或Hugo模板引擎

admin 百科 11
Sublime Text 不是静态网站生成器,但可深度协同 Jekyll 或 Hugo:通过插件实现语法高亮与片段支持,配置构建系统一键编译,集成终端实现热重载,并借助侧边栏增强、多光标编辑等提升效率。

Sublime进行静态网站生成(SSG)_使用Jekyll或Hugo模板引擎-第1张图片-佛山资讯网

Sublime Text 本身不是静态网站生成器(SSG),它只是一个轻量、可高度定制的代码编辑器。但它可以很好地配合 Jekyll 或 Hugo 这类 SSG 工具,提升本地开发效率——关键在于配置好构建系统、语法高亮、实时预览和文件管理。

用 Sublime 配合 Jekyll:本地编辑 + 自动编译

Jekyll 基于 Ruby,依赖命令行运行 jekyll serve。Sublime 不直接执行生成,但可通过以下方式深度协同:

  • 安装 Package Control 插件,再装 Jekyll(by dguillaumes)或 MarkdownEditing,获得 front matter 识别、Liquid 语法高亮、常用片段(如 ---\ntitle:\n---
  • 配置 Build System:菜单 → Tools → Build System → New Build System,粘贴以下内容并保存为 Jekyll.sublime-build(路径需匹配你的项目):

{
  "cmd": ["jekyll", "build"],
  "working_dir": "/your/site/path",
  "selector": "source.ruby"
}

登录后复制

Ctrl+B(Win/Linux)或 Cmd+B(macOS)即可一键构建,错误会显示在 Sublime 底部面板。

用 Sublime 配合 Hugo:快速编辑 + 热重载

Hugo 是 Go 编写的,无需 gem 环境,启动更快。Sublime 可通过以下方式无缝衔接:

标签: linux sublime markdown go 工具 mac macos win cos

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~