html - 强制在 Jekyll 中使用绝对 URL

标签 html css url yaml jekyll

我正在尝试使用我的大学提供的域与 Jekyll 建立个人主页。

我无法解决的一个问题是 Jekyll 强制我使用我认为与网页托管服务不兼容的绝对路径。

_config.yml 文件决定了 Jekyll 如何在作为主页的 index.html 文件中生成链接。 _config.yml 看起来像这样...

title: Homepage | Ishank Juneja 
email: ishankjuneja@gmail.com
description: >- # this means to ignore newlines until "baseurl:"
Personal homepage Beta version
baseurl: "foobar" # the subpath of your 
site, e.g. /blog
url: "http://home.iitb.ac.in/~ishankjuneja" # the base hostname & protocol for your site, e.g. 
http://example.com
twitter_username: ishankjuneja
github_username:  ishank-juneja

# Build settings
markdown: kramdown
theme: minima
plugins:
- jekyll-feed

它在 index.html 文件中生成的(许多)链接的一个例子是
<link rel="stylesheet" href="/foobar/assets/main.css"> 

This link向我解释说,这实际上是一个绝对路径,对我来说这似乎不是问题,但是 Web 托管服务上的目录树看起来像,
public_html
├── 404.html
├── about
│   └── index.html
├── assets
│   ├── main.css
│   └── minima-social-icons.svg
├── feed.xml
├── index.html
└── jekyll
    └── update
        └── 2018
            └── 10
                └── 04
                    └── test-post.html

我的主页 URL http://home.iitb.ac.in/~ishankjuneja/与文件夹 public_html 相关联,所以上面的 main.css 的路径是不正确的。类似 href="assets/main.css"效果很好,但我似乎无法输入 _config.yml得到这个结果。

最佳答案

在配置中,您必须正确设置 baseurl:

baseurl: "~ishankjuneja"

然后使用
 {{site.baseurl}}page.url

关于html - 强制在 Jekyll 中使用绝对 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52680191/

相关文章:

html - 标题中的图像未正确缩放

javascript - Bootstrap 表单会随着屏幕的扩大而缩小。

python - 调用写入服务器上文件的 url(免费)

java - 在 java MalformedurException 中解析 XML

html - 导航栏中的链接显示在一起

html - 如何为像文本字段一样的 DIV 创建 "placeholder"?

javascript - 网格中的 Wordpress 自定义帖子模板

jQuery Image Slider CSS 不会在 iPad 上调整大小但会中断

javascript - jQuery 选项卡 : Disable window location hash

javascript - Rest/HTML - 如果服务器停止,检测服务器是否再次启动?