本地快速搭建Jekyll及相关依赖

前端之家收集整理的这篇文章主要介绍了本地快速搭建Jekyll及相关依赖前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

文章为过程记录

另外,以下命令行相关的全局变量配置,需要自己去设置。例如:ruby、python

相关链接Jekyll教程——精心收藏

参考教程:Julian Thilo写的不错的安装教程 一定要看

官方教程

环境

  • windows7 x64
  • ruby 2.4.2p198 x64
  • python 2.7.13rc1

下载安装ruby相关

Ruby是Jekyll编写的编程语言。您需要安装Ruby和相应的DevKit

虽然我已经有ruby的环境,但是也记录一下

下载地址

按需所取,我选的如下

安装Ruby DevKit

将下载好的ruby devkit选择C:\RubyDevKit\解压存档

运行命令行工具(cmd),依次执行下面的代码

  1. cd C:\RubyDevKit # step1
  2. ruby dk.rb init # step2
  3. ruby dk.rb install # step3

安装Ruby Gem

Jekyll本身就是Ruby Gem的形式,它是一个易于安装的软件包。

紧接着执行

  1. gem install jekyll # step4

安装rouge

无论您使用的是Markdown还是HTML,Jekyll都可以让您轻松地将精美的代码块插入到您的网页中。

语法高亮,快速和无痛

  1. gem install rouge # step5

然后,在你的中_config.yml,将Rouge设置为你的语法高亮部分:

  1. Highlighter: rouge

安装python相关

如果你想使用Pygments,这是一个默认的Jekyll依赖,在Windows上的语法突出显示,你需要安装Python,PIP,最后是pygments.rb的Python基础。

教程文章说要装2.7的版本,3的版本可能无法正常工作。

安装pip

Pip是一个安装和管理Python包的工具,类似于Ruby Gems。

浏览器打开:https://bootstrap.pypa.io/get...

右键保存到C:\pip\

然后打开命令行工具(cmd),并依次执行

  1. cd C:\pip # step6
  2. python get-pip.py # step7
  3. python -m pip install Pygments # step8

设置Pygments作为你的语法突出显示
如果尚未设置,请添加以下内容_config.yml,将Pygments设置为语法突出显示

  1. Highlighter: pygments

jekyll watch

Jekyll有一个内置的自动更新功能,监视您的源文件夹的变化,然后重新建立您的网站。

命令行工具(cmd),执行下面步骤

在Windows上,您需要安装一个额外的工具,或者Gem,以启用此功能
  1. gem install wdm # step9

创建一个项目,并运行它

打开命令行工具(cmd),执行下面的步骤

  1. gem install jekyll bundler # 先安装这个 step10
  2. # 可以查看jekll版本了
  3. # jekyll -v
  4. cd desktop # 一打开应该是自己的用户目录,直接可以cd到桌面 step11
  5. jekyll new my_blog # step12
  6. cd my_blog # step13
  7. jekyll build --watch #step14

在浏览器访问http://localhost:4000/搭建好的环境,并且是实时更新的!

猜你在找的设计模式相关文章