Question

我使用siteleaf为我的jekyll网站。这就是我的问题：我创建了一个名为＆＃34; image＆＃34;的元数据字段。在siteleaf cms内部。这将允许网站发布者添加图像。这是一个视觉 - https://ibb.co/kHcHdG

如果没有图片，用户的帖子就不会在网站上显示。创建此元数据字段并上传图像后，siteleaf将在我的jekyll目录中创建一个_uploads文件夹，该文件夹包含所有图像。

Jekyll忽略以下划线开头的文件夹，所以我必须在配置文件中输入这个yaml代码来解决这个问题。代码如下。

---
title: popcorn
date: 2017-11-06 15:33:00 Z
image: "/uploads/15023253524_589c7b137f_k-ab220c.jpg"
layout: post
---

在我的_posts文件夹中，我有一个标记为正文的markdown文件，如下所示：

{
  "manifest_version": 2,
  "name": "Test Extension",
  "description": "Test Extension",
  "version": "1.0",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "index.html"
  },
  "content_scripts": [
    {
        "matches": [ "*://*.domain.net/*" ],
        "js": [ "autofill.js" ]
    }
  ],
  "permissions": [
    "tabs",
    "*://*.domain.net/*"
  ]
}

lorum ipsum。

到目前为止，我遵循正确的指示，我在控制台或jekyll中没有出现任何错误。帖子不会显示。我碰到了一堵墙。我在jekyll和siteleaf论坛上问过，没有解决方案。

这里是回购的链接 - https://github.com/pizzapgh/kevins_site

非常感谢帮助，谢谢。

Answer 1

固定，终于！

解决方案：进入我的索引文件并更改以下代码：

原始代码

{% if post.img %}
<img src={{ "/assets/img/" | prepend: site.baseurl | append: post.img 
}} alt="{{post.title}}" />
{% if post.img %}

新代码

{% if post.image %}
<img src={{ post.image | prepend: site.baseurl }} alt="{{post.title}}" />
{% if post.image %}

Answer 2

感谢您提供指向您的回购的链接。

这就是我的所作所为：

$ bundle install
$ bundle exec siteleaf serve

控制台中会显示一些警告，但您的网站无论如何都可以构建。

我现在可以在网络浏览器中正常访问您的帖子，例如：http://localhost:4000/popcorn/

如果您不期望此URL模式，则可以更改配置文件。现在它说：

permalink: ":title/"

有关自定义永久链接的信息，请参阅：https://jekyllrb.com/docs/permalinks/

Jekyll Collection输出正确

2 个答案: