当前位置: 首页 > 工具软件 > jekyll-pwa > 使用案例 >

用Jekyll搭建博客

漆雕升
2023-12-01

Jekyll官网
https://jekyllrb.com

Mac配置jekyll环境

  1. 安装Jekyll

    $ sudo gem install jekyll bundler
    
  2. 创建生成jekyll默认文件

    $ jekyll new myblog
    
  3. 配置RubyGems镜像加速 RubyGems - Ruby China

    # 根据网站修改gem sources后,修改Bundler 源
    $ bundle config mirror.https://rubygems.org https://gems.ruby-china.org
    
  4. 本地运行服务器

    # 打开目录,执行install安装
    $ bundler install
    # 运行服务
    $ bundler exec jekyll serve
    
    # 如果要安装到当前所在的目录中,并且目录现在不为空,使用--force
    $ jekyll new . --force
    
    

jekyll命令

  1. 编译生成_site目录

    $ jekyll build
    

注意:在_config.yml主配置文件包含全局配置以及在执行时读取一次变量定义。_config.yml 在下次执行之前,不会加载在自动再生期间进行的更改。

目录结构

    .
    ├── _config.yml
    ├── _data
    |   └── members.yml
    ├── _drafts # 草稿目录,未发布的帖子
    |   ├── begin-with-the-crazy-ideas.md
    |   └── on-simplicity-in-technology.md
    ├── _includes # 组件模板库
    |   ├── footer.html
    |   └── header.html
    ├── _layouts # 布局组件模板
    |   ├── default.html
    |   └── post.html
    ├── _posts # 发表的文章目录,标题格式为`YEAR-MONTH-DAY-title.md`
    |   ├── 2007-10-29-why-every-programmer-should-play-nethack.md
    |   └── 2009-04-26-barcamp-boston-4-roundup.md
    ├── _sass
    |   ├── _base.scss
    |   └── _layout.scss
    ├── _site # 生成的网站目录
    ├── .jekyll-metadata
    └── index.html # can also be an 'index.md' with valid YAML Frontmatter
    
 类似资料: