Jekyll 安装使用及插件

Jekyll 所需要的环境

  1. Ruby 环境

    1. Ruby 的特性与 Smalltalk、Perl 和 Python 类似。Perl、Python 和 Smalltalk 是脚本语言。Smalltalk 是一个真正的面向对象语言。Ruby,与 Smalltalk 一样,是一个完美的面向对象语言。使用 Ruby 的语法比使用 Smalltalk 的语法要容易得多。

       sudo apt-get install ruby
      
    2. Ruby 环境下安装 Jekyll

       sudo gem install jekyll
      
  2. Bundler 安装

    • Bundler 能够跟踪并安装所需的特定版本的 gem,以此来为 Ruby 项目提供一致的运行环境。
      Bundler 是 Ruby 依赖管理的一根救命稻草,它可以保证你所要依赖的 gem 如你所愿地出现 在开发、测试和生产环境中。 利用 Bundler 启动项目简单到只用一条命令:bundle install。

        sudo gem install jekyll bundler
      

Jekyll 新建一个站点

  1. 设置网站目录

         jekyll new ***
         jekyll new .
    
  2. 在网站目录下安装 bundle 安装依赖,取决于 Gemfile

         sudo bundle install
    
  3. 运行网站,打开 127.0.0.1:4000

         bundle exec jekyll serve	
    

安装插件

  1. 插件网站,jekyll github 官网,这是一个写博客的插件。

  2. 本地安装,将下列语句加入 Gemfile 文件

         gem 'jekyll-admin', group: :jekyll_plugins
    

Jekyll 目录分析

_layouts 用于存放模板的文件夹,里面有两个模板,default.html和post.html
_posts 用于存放博客文章的文件夹
css 存放博客所用css的文件夹
_site jekyll自动生成的目录,为静态的页面
_coinfig.yml jekyll的配置文件,里面可以定义相当多的配置参数,具体配置参数可以参照其官网
_includes 用于存放一些固定的HTML代码段,html格式,可以在模板中通过liquid标签引入,用来各个模板中如 导航条、标签栏、侧边栏 之类的在每个页面上都一样不变的内容,也可以使用liquid标签放在这些代码段中
image/js 用来存放一些需要的资源文件,如图片或者javascript文件,可以任意命名
CNAME 用来在github上做域名绑定的
favicon.ico 网站的小图标

插件相关网站

https://jekyllcn.com/docs/plugins https://planetjekyll.github.io/plugins/top

主题相关网站

jekyllthemes.org http://themes.jekyllrc.org https://jekyllthemes.io https://github.com/jekyll/jekyll/wiki/Themes https://www.zhihu.com/question/20223939 https://www.wowthemes.net/jekyll-themes-templates