如何创建 Jekyll 网站?

发布于 2024-11-26 21:27:14 字数 65 浏览 2 评论 0原文

请告诉我如何创建一个基本的 Jekyll 网站。我对文件 _config.yml 和 YAML 前面的内容特别困惑。

Please tell me how to create a basic Jekyll site. I am especially confused about the file _config.yml and the YAML front matter.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

缪败 2024-12-03 21:27:14

我不太明白你问题的措辞,但我会尝试一下。我猜你指的是两件事之一。配置文件或 YAML 前面的内容。无论是哪一个,请参阅下面的基本入门指南,以获取并运行 jekyll 站点。它显示了两者在上下文中的用法。

在空目录中,创建以下内容:

  1. 名为 _layouts 的新目录。

  2. 名为 _posts 的新目录。

  3. 名为 _site 的新目录。

  4. 名为 index.md 的文件,其中包含以下内容:

    <前><代码>---
    布局:默认
    ---

    # 我的 Jekyll 网站

    欢迎来到我的 Jekyll 网站

    (注意:两行破折号包围的“layout:default”是 YAML Front Matter。指定“default”意味着 jekyll 将使用下面列出的 _layouts 目录中的“default.html”文件。)< /p>

  5. 名为 _config.yml 的文件,其中包含以下默认内容:

    安全:假
    自动:假
    服务器:假
    服务器端口:4000
    基本网址:/
    
    来源: 。
    目的地:./_site
    插件:./_plugins
    
    未来:真实
    大规模集成电路:假
    图像:假
    降价:maruku
    永久链接: 日期
    
    丸久:
      use_tex:假
      use_div:假
      png_engine: blahtex
      png_dir: 图像/乳胶
      png_url:/图像/乳胶
    
    折扣:
      扩展名:[]
    
    克拉姆当:
      自动ID:真,
      脚注编号:1
      实体输出:as_char
      目录级别:1..6
      use_coderay:假
    
      码锐:
        coderay_wrap:div
        coderay_line_numbers:内联
        coderay_line_numbers_start: 1
        coderay_tab_width: 4
        coderay_bold_every:10
        coderay_css:样式
    

您还需要为示例创建另外两个文件,

  1. 在“_layouts”内目录中,一个名为 default.html 的文件,其中包含以下内容:

    
    
    <头>
        <元字符集=“utf-8”>
        <标题>我的杰基尔网站
    
    <正文>
    
        
        {{ 内容 }}
    
    
    
    
    
  2. 在“_posts”目录中,有一个名为 2011- 的文件07-29-my-first-jekyll-post.md 包含以下内容:

    <前><代码>---
    布局:默认
    ---

    # 我的第一篇杰基尔帖子

    敏捷的棕色狐狸跳过了那只懒狗。

    (注意:再一次,两行破折号包围的“layout:default”是 YAML Front Matter,并指定“default.html”将用于模板。)


此时目录结构应如下所示:

./_config.yml
./_layouts
./_posts
./_posts/2011-07-29-my-first-jekyll-post.md
./_site
./index.md

完成所有设置后,从命令行转到具有索引的目录。 md 文件并运行 jekyll。您应该看到如下快速报告:

Configuration from /some-path/_config.yml
Building site: . -> ./_site
Successfully generated site: . -> ./_site

将创建两个输出文件:

  • ./_site/index.html
  • ./_site/2011/07/29/my-first-jekyll-post.html

这些文件对应于两个 Markdown 文件之后将其转换为 HTML 并放入 default.html 包装器中,替换“{{ content }}”字符串。

这应该让您开始了解基础知识。

I don't quite understand the wording of you questions, but I'll take a shot. I'm guessing you are referring to one of two things. Either the config file or the YAML front matter. Whichever one, see below for a basic primer to get a jekyll site up and running. It shows the usage of both in context.

In an empty directory, create the following:

  1. A new directory named _layouts.

  2. A new directory named _posts.

  3. A new directory named _site.

  4. A file named index.md with the following content:

    ---
    layout: default
    ---
    
    # My Jekyll site
    
    Welcome to my Jekyll site
    

    (Note: the "layout: default" surrounded by the two lines of dashes is the YAML Front Matter. Specifying "default" means that jekyll will use the "default.html" file in the _layouts directory listed below.)

  5. A file named _config.yml with the following default content:

    safe:        false
    auto:        false
    server:      false
    server_port: 4000
    base-url:    /
    
    source:      .
    destination: ./_site
    plugins:     ./_plugins
    
    future:      true
    lsi:         false
    pygments:    false
    markdown:    maruku
    permalink:   date
    
    maruku:
      use_tex:    false
      use_divs:   false
      png_engine: blahtex
      png_dir:    images/latex
      png_url:    /images/latex
    
    rdiscount:
      extensions: []
    
    kramdown:
      auto_ids: true,
      footnote_nr: 1
      entity_output: as_char
      toc_levels: 1..6
      use_coderay: false
    
      coderay:
        coderay_wrap: div
        coderay_line_numbers: inline
        coderay_line_numbers_start: 1
        coderay_tab_width: 4
        coderay_bold_every: 10
        coderay_css: style
    

There are two more files you'll want to create for the example,

  1. Inside the "_layouts" directory, a file named default.html with the following:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>My Jekyll Site</title>
    </head>
    <body>
    
        <!-- This will be replaced with your content -->
        {{ content }}
    
    
    </body>
    </html>
    
  2. Inside the "_posts" directory, a file named 2011-07-29-my-first-jekyll-post.md with the following:

    ---
    layout: default
    ---
    
    # My First Jekyll Post
    
    The quick brown fox jumps over the lazy dog. 
    

    (Note: Once again, the "layout: default" surrounded by the two lines of dashes is the YAML Front Matter and specifies that "default.html" will be used for the template.)


At this point the directory structure should look like this:

./_config.yml
./_layouts
./_posts
./_posts/2011-07-29-my-first-jekyll-post.md
./_site
./index.md

Once all that is setup, from the command line go to the directory that has the index.md file in it and run jekyll. You should see a quick report like:

Configuration from /some-path/_config.yml
Building site: . -> ./_site
Successfully generated site: . -> ./_site

Two output file will have been created:

  • ./_site/index.html
  • ./_site/2011/07/29/my-first-jekyll-post.html

Those files correspond to the two markdown files after the were transformed to HTML and dropped into the default.html wrapper replacing the "{{ content }}" string.

That should get your started with the basics.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文