Configure Jekyll on Windows (Chinese 在Windows上配置Jekyll环境)

 

本文介绍了如何在Windows操作系统中配置基于Ruby的Jekyll环境

准备工作

下载Ruby Installer for Windows下载地址

Image

下载Visual Studio Code下载地址

Image

配置Visual Studio Code

修改显示语言

  1. 按F1
  2. 输入language
  3. 选择Configure Display Language
    Image
  4. "en"修改为"zh-CN"
    Image
  5. Ctrl+S保存修改
  6. 重启VSCode
    Image
  7. 若语言仍未更改,可按下图手动安装中文语言包后重启
    Image

使用RubyInstaller安装Ruby环境

Image

Image

Image

Image

Image

最后一步在黑底白字的提示符界面按回车即可,耗时可能较长,请耐心等待

Image

安装Jekyll并配置VSCode环境

  1. Ctrl+R组合键打开“运行”,输入cmd后回车 Image
  2. 在“命令提示符”中输入gem install jekyll bundler
    Image
  3. 安装完成后关闭窗口,重复步骤1,在新窗口中输入jekyll -v确认安装成功
    Image
  4. 如图所示在VSCode中打开终端
    Image
  5. 按照提示打开终端自定义
    Image
  6. 修改默认终端为Command Prompt
    Image
  7. 按步骤4打开终端,输入图示内容
    Image
  8. 输入图示内容
    Image
  9. 打开浏览器,输入图中地址后回车
    Image
  10. 验收成果
    Image

在VSCode中打开Jekyll站点所在文件夹

Image

Image

Image