首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在jekyll中设置带有变量的固定链接?

在Jekyll中设置带有变量的固定链接可以通过使用Jekyll的变量和Front Matter功能来实现。下面是一个完善且全面的答案:

Jekyll是一个静态网站生成器,它允许开发人员使用模板语言和Markdown等标记语言来创建静态网站。在Jekyll中,可以使用变量和Front Matter来设置带有变量的固定链接。

  1. 首先,在你的Jekyll项目中找到你想要设置固定链接的页面或文章。在该文件的开头,你可以使用Front Matter来定义变量。Front Matter是一段位于文件开头的YAML或JSON格式的元数据块。

例如,你可以在文章的开头添加以下Front Matter来定义一个变量:

代码语言:txt
复制
---
title: My Post
date: 2022-01-01
permalink: /posts/:title/
---

在上面的例子中,permalink变量被设置为/posts/:title/。这里的:title是一个变量,它将被实际的文章标题替换。

  1. 接下来,在你的Jekyll模板文件中,你可以使用这个变量来生成固定链接。你可以使用Liquid模板语言来访问Front Matter中定义的变量。

例如,你可以在模板文件中使用以下代码来生成固定链接:

代码语言:txt
复制
<a href="{{ page.permalink }}">{{ page.title }}</a>

在上面的例子中,{{ page.permalink }}将被替换为实际的固定链接,{{ page.title }}将被替换为文章的标题。

  1. 当你生成静态网站时,Jekyll将会根据每个页面的Front Matter和模板文件生成对应的固定链接。

这是一个简单的示例,展示了如何在Jekyll中设置带有变量的固定链接。通过使用Front Matter和Liquid模板语言,你可以根据需要灵活地设置和生成固定链接。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 腾讯云对象存储(COS):https://cloud.tencent.com/product/cos
  • 腾讯云云函数(SCF):https://cloud.tencent.com/product/scf
  • 腾讯云内容分发网络(CDN):https://cloud.tencent.com/product/cdn
  • 腾讯云数据库(TencentDB):https://cloud.tencent.com/product/cdb
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Jekyll 文章侧边索引导航

前言 Jekyll 生成目录方案 第一种方案 第二种方案 第三种方案 实践 布局 目录生成 自适应 最终代码 参考资料 前言   Jekyll 与 Hexo 不同之处有很多,其中一处是在文章页面不支持原生...而在 Hexo ,即使主题不支持侧边悬浮优化目录导航,也可以通过最简单方式在文章开始位置生成目录。虽然这种目录永远固定在文章开始地方,但是总算是能够通过大小标题来给读者一个大概思路。...Jekyll 生成目录方案   参考资料 1 中所提到,如果想要在 Jekyll 实现文章目录,有三种不同方案可供选择: 第一种方案   利用完整标签来生成静态目录,可以看到在本文开头就是这样一个实例...仲儿自留地 所有,转载请注明本文链接。...(采用 CC BY-NC-SA 4.0 许可协议进行授权) 本文标题:《 Jekyll 文章侧边索引导航 》 本文链接:https://lisz.me/tech/webmaster/jekyll-toc.html

1.6K30

利用Github+Jeklly搭建个人博客网站

默认 Jeklly URL Path 路径是 /:year/:month/:day/:title,显示效果如/2019/11/12/我第一篇文章.html。这种固定链接不太理想。...猴哥总结 URL 地址 SEO 优化三个原则: 1.日期需要出现在固定链接。 这基于两个方面的考虑。一是如果数字出现在固定链接里面,等于提醒搜索引擎,这是很旧内容了,没必要再爬一遍了。...另外一个原因是,假如你要修改文章日期重新发布的话,链接地址就变了,也就是意味着你反向链接,PR 等等都没有了。 2.链接层次不要太深 默认固定链接是 /年/月/日/文章名。...3.链接不要出现中文 虽然现在搜索引擎已经能识别URL地址里面的中文字符, 但无论是从美观上,以及中文字符会被转义角度上看,都是非常差。 猴哥推荐两种固定链接方案。...因为是静态网站,所以必须按照 Jeklly 规范来设置 URL,第一种方式也就被排除,只能选择第二种方案。Jeklly 提供路径变量只有几个,不够灵活。

1.4K20
  • 利用Github+Jeklly搭建个人博客网站

    默认 Jeklly URL Path 路径是 /:year/:month/:day/:title,显示效果如/2019/11/12/我第一篇文章.html。这种固定链接不太理想。...猴哥总结 URL 地址 SEO 优化三个原则: 1.日期需要出现在固定链接。 这基于两个方面的考虑。一是如果数字出现在固定链接里面,等于提醒搜索引擎,这是很旧内容了,没必要再爬一遍了。...另外一个原因是,假如你要修改文章日期重新发布的话,链接地址就变了,也就是意味着你反向链接,PR 等等都没有了。 2.链接层次不要太深 默认固定链接是 /年/月/日/文章名。...3.链接不要出现中文 虽然现在搜索引擎已经能识别URL地址里面的中文字符, 但无论是从美观上,以及中文字符会被转义角度上看,都是非常差。 猴哥推荐两种固定链接方案。...因为是静态网站,所以必须按照 Jeklly 规范来设置 URL,第一种方式也就被排除,只能选择第二种方案。Jeklly 提供路径变量只有几个,不够灵活。

    1.1K20

    利用Github+Jeklly搭建个人博客网站

    默认 Jeklly URL Path 路径是 /:year/:month/:day/:title,显示效果如/2019/11/12/我第一篇文章.html。这种固定链接不太理想。...猴哥总结 URL 地址 SEO 优化三个原则: 1.日期需要出现在固定链接。 这基于两个方面的考虑。一是如果数字出现在固定链接里面,等于提醒搜索引擎,这是很旧内容了,没必要再爬一遍了。...另外一个原因是,假如你要修改文章日期重新发布的话,链接地址就变了,也就是意味着你反向链接,PR 等等都没有了。 2.链接层次不要太深 默认固定链接是 /年/月/日/文章名。...3.链接不要出现中文 虽然现在搜索引擎已经能识别URL地址里面的中文字符, 但无论是从美观上,以及中文字符会被转义角度上看,都是非常差。 猴哥推荐两种固定链接方案。...因为是静态网站,所以必须按照 Jeklly 规范来设置 URL,第一种方式也就被排除,只能选择第二种方案。Jeklly 提供路径变量只有几个,不够灵活。

    96620

    如何拥有一个免费空间来写博客(github)

    今天,我就来示范如何在github上搭建Blog,你可以从中掌握githubPages功能,以及Jekyll软件基本用法。更重要是,你会体会到一种建立网站全新思路。 ?...$ cd jekyll_demo   $ git init 然后,创建一个没有父节点分支gh-pages。因为github规定,只有该分支页面,才会生成网页文件。   ...第二步,创建设置文件。 在项目根目录下,建立一个名为_config.yml文本文件。它是jekyll设置文件,我们在里面填入如下内容,其他设置都可以用默认选项,具体解释参见官方网页。   ...{{ page.title }}就是文件头中设置”你好,世界”,{{ page.date }}则是嵌入文件名日期(也可以在文件头重新定义date变量),”| date_to_string”表示将page.date...这里要注意是,Liquid模板语言规定,输出内容使用两层大括号,单纯命令使用一层大括号。至于{{site.baseurl}}就是_config.yml设置baseurl变量

    5.8K20

    搭建一个免费,无限流量Blog----github Pages和Jekyll入门

    今天,我就来示范如何在github上搭建Blog,你可以从中掌握githubPages功能,以及Jekyll软件基本用法。更重要是,你会体会到一种建立网站全新思路。 ?...$ cd jekyll_demo   $ git init 然后,创建一个没有父节点分支gh-pages。因为github规定,只有该分支页面,才会生成网页文件。   ...第二步,创建设置文件。 在项目根目录下,建立一个名为_config.yml文本文件。它是jekyll设置文件,我们在里面填入如下内容,其他设置都可以用默认选项,具体解释参见官方网页。   ...{{ page.title }}就是文件头中设置"你好,世界",{{ page.date }}则是嵌入文件名日期(也可以在文件头重新定义date变量),"| date_to_string"表示将...这里要注意是,Liquid模板语言规定,输出内容使用两层大括号,单纯命令使用一层大括号。至于{{site.baseurl}}就是_config.yml设置baseurl变量

    1.7K70

    利用 Github+Hexo 搭建个人博客网站

    node.js 添加到系统变量。...因此,设置 post_id 链接方法有两种。 关于固定链接,还是“三不二建”套路。 1.日期不要出现在固定链接。会让搜索引擎爬虫认为是过期内容,导致不再爬取 2.链接层次不要太深。...默认固定链接是 /年/月/日/文章名。这种层次过深,不方便搜索引擎爬虫抓取,对搜索引擎收录不太友好。 3.链接不要出现中文。 4.建议使用 post_id 形式来设置固定链接。...5.建议使用英文缩写或英文来设置固定链接。 这里直接利用 :id(文章ID) 变量能实现效果。针对以上两种建议优化,我给出一个兼容两者方案。...Hexo 目录下 _config.yml 文件,修改永久链接显示方式。 ? 这里 :urlname 变量可以显示为数字或者英文内容。

    98021

    使用jekyll搭建个人博客

    Jekyll中文文档 在上文jekyll搭建教程,已经安装好了Jekyll,但是在实际使用中会有一点改变,主要是服务启动方法改变。...在启动Jekyll服务时,使用命令: jekyll serve -H 0.0.0.0 -P 80 --detach 其中-P指定就是启动时端口,你可以修改为任意你服务器开放了端口,jekyll...我们在购买域名后,可以设置子域名。 1.首先去域名购买网站控制台,在解析记录,添加你想使用子域名,同样解析指向你服务器,: blog.yuming.com 2.在服务器上安装nginx。...想要监听端口 server_name:blog.yuming.com。为你设置子域名 location 后面的 http://localhost:8899。为你启动Jekyll端口。...欢迎转载,烦请署名并保留原文链接。 ----

    3.3K51

    如何为自己创建一个既时尚又好用博客网站

    上面预览图中博客就是基于jekylldbyll主题风格网站。jekyll是一个简单免费Blog生成工具,而dbyll就是基于jekyll一款开源主题项目。...如果在安装Bundler过程,gem提示缺少依赖包,可以按照提示现将依赖包安装完成之后,在安装Bundler。 ?...第二步:设置dbyll 拿到disqus简称之后就可以在_config.yml文件文件添加disqus: disqus short name;添加完成之后发布你网站,就可以看到disqus评论板块了...具体步骤: 第一步:创建GitHub Pages 关于如何在GitHub上创建个人博客,可以查阅这篇文章《轻松搞定GitHub Pages》。...以下是发表文件一些规范: 博客更新指南 —– clone 仓库到本地 在_posts目录下新建文章,2016-7-30-react-native-study-note,可以参考https://github.com

    1.9K70

    基于Jekyll与Github Pages搭建博客

    它有一个模版目录,其中包含原始文本格式文档,通过一个转换器( Markdown)和我们 Liquid 渲染器转化成一个完整可发布静态网站,你可以发布在任何你喜爱服务器上。...其中 username 必须是 Github 账户用户名,.github.io 是固定,这个地址将会成为个人站点网站地址。...创建完成后,进入所创建库,在settings页面找到GitHub Pages进行设置,如果你库有按照上述方式进行命名,则它会自动进行设置设置成功后会该页面出现绿色提示,成功后可选择 Choose...我博客选择是在 Github 上找博客主题,它对目录各个文件内容、功能都有很详细地说明,适合我这样小白学习使用 Jekyll 。...我在对这个模板进行改造过程也慢慢熟悉了 jekyll 目录结构和操作方式。

    1.1K10

    使用Jekyll显示Jupyter笔记本

    Jekyll是一个用Ruby编写静态站点生成器,支持博客并与Github页面整合。因为Github只负责托管,这种设置使数据分析共享和可视化变得简单。...配置Jupyter笔记本 如果您系统上尚未安装带有JupyterAnaconda,本节将指导您完成设置笔记本过程,该笔记本将提供模板输出,然后可以将其导出到您Jekyll博客。...博客,您应该会看到指向新帖子标题链接(示例为“超赞数据可视化”)。...有关转义字符和格式化块更多信息,请参阅Jekyll文档。 以下部分显示如何通过调整并设置表格和图像样式以改进显示。 扩展默认SCSS Jupyter表格输出转换为HTML表格。...在此提供以下链接希望有所帮助,但是不保证外部资料准确性和时效性。 Jekyll MathJax Jupyter笔记本

    3.9K20

    H2O-ac theme for Jekyll

    归档页   归档页设置为由 Jekyll 按照模板自动生成,以年份、日期、文章标题分级列表展示,简洁清晰。 系统日志页   系统日志页其实也不是经常更新,只有在博客整体作出设置或改进才加以说明。...另外,也可以将一些固定站点信息放置在系统日志页,比如站点多点部署信息,读者可以根据此信息访问最快、最合适节点。...深色模式切换按钮 (2022年4月30日更新)   原来 H2O 主题深色模式切换需要在 _config.yml 文件配置开启,并且只能在固定时间段使用。...现在文章元信息添加了对封面图片作者及链接支持。...非文章页面也可以像上面那样声明相关封面作者及链接,效果如下所示: 字数统计及阅读时间估计   字数统计及阅读时间估计这个小功能其实以前在用 WordPress 时候比较常见。

    1.1K30

    快速在 Windows 上搭建 Jekyll 开发环境

    2018-08-12 06:50 Jekyll 是一个不错静态博客工具,本文将提供快速在 Windows 系统上搭建 Jekyll 开发环境方法。...如果没有弹出命令行安装界面或者把它关掉了,那么也可以在任意命令行输入 ridk install 来再次进入命令行安装界面。 如果网络状况良好,能够一次装成功。(如果不幸失败。...首先在博客根目录打开命令行,接下来操作都在命令行。...Ruby 跨版本升级坑 如果你之前安装过 Ruby 旧版本,现在需要跨大版本号升级,那么你会遇到很多问题: ruby 命令对应新旧哪个版本是不明确 如果你覆盖安装了 ruby,那么之前安装自动设置那些环境变量...欢迎转载、使用、重新发布,但务必保留文章署名 吕毅 (包含链接: https://walterlv.com ),不得用于商业目的,基于本文修改后作品务必以相同许可发布

    1.1K10

    作为软件工程师,如何进行知识管理

    收集和整理所有这些信息可能是一项艰巨任务。在这篇文章,我将介绍一些我进行知识管理工具。 我认为对知识管理非常重要一点是避免局限在特定平台。...我使用所有工具都允许以标准格式( Markdown 和 HTML)导出数据。 请注意,我工作流程并不完美,我一直在寻找新工具和方法来优化它。...每个人情况都是不同,所以对我有用东西不一定适合你。 基于 NotionHQ 知识库 对我来说,知识管理基础部分是建立某种个人知识库/维基,一个你可以系统地保存链接,书签,笔记等信息地方。...它可能是一些很好算法实现,一个有用脚本,或者一个如何在 Y 语言中执行 X 例子。...Cruz 创建备忘录表集合。它是开源,由 Jekyll 提供支持,Jekyll 是最受欢迎静态站点生成器之一。 备忘单是用 Markdown 编写带有一些额外格式优势,比如对列支持。

    1.1K30

    免费构建自己博客-编写第一篇博客

    第一次启动时,Docker 会要求将设置磁盘共享,这是正常情况。要求当前系统用户用户名和密码。 ? ?...开始编写 接下来演示,如何在本站现有的结构上增加一片博客文章。...但是,这就表明,博客编写过程,可以只关注与编写博客内容,复杂生成过程会自动处理。...在文件输入以下内容: --- layout: post title: 喜欢您来,肯打鸡欢迎您 tags: - jekyll - demo --- 喜欢您来,肯打鸡欢迎您。...教程链接 免费构建自己博客-开发环境安装 免费构建自己博客-编写第一篇博客 免费构建自己博客-管理博客代码与发布到Github 免费构建自己博客-Jekyll进阶 免费构建自己博客-进一步丰富博客

    48700

    免费构建自己博客-Jekyll进阶

    Jekyll 是采用Ruby语言实现将纯文本转换为静态博客网站利器,也是本站点关键技术。本文将对Jekyll进阶内容进行说明。...它有一个模版目录,其中包含原始文本格式文档,通过一个转换器( Markdown)和我们 Liquid 渲染器转化成一个完整可发布静态网站,你可以发布在任何你喜爱服务器上。...(引用自 http://jekyllcn.com/docs/home/) 由于本教程通过 Docker 技术直接在容器运行 Jekyll 环境,因此读者不需要过多研究 Jekyll 运行环境要求。...若要使用 Jekyll 布局,就必须了解 HTML 基本标签用户,读者可以通过右侧链接进行学习:http://www.w3school.com.cn/html/index.asp 。...教程链接 免费构建自己博客-开发环境安装 免费构建自己博客-编写第一篇博客 免费构建自己博客-管理博客代码与发布到Github 免费构建自己博客-Jekyll进阶 免费构建自己博客-进一步丰富博客

    98500
    领券