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

我如何告诉Jekyll使用一个子目录来提供文章链接?

要告诉Jekyll使用一个子目录来提供文章链接,你可以按照以下步骤进行操作:

  1. 首先,在Jekyll的根目录下创建一个名为_config.yml的文件(如果已存在则跳过此步骤)。
  2. 打开_config.yml文件,并添加以下内容:
代码语言:yaml
复制
baseurl: /your-subdirectory

your-subdirectory替换为你想要使用的子目录名称。

  1. 在你的文章中,使用相对路径来引用其他页面或资源。例如,如果你想引用位于根目录下的about.md页面,可以使用以下链接:
代码语言:markdown
复制
[About](../about.md)

这将会生成一个指向your-subdirectory/about.md的链接。

  1. 在你的命令行工具中,使用以下命令启动Jekyll服务:
代码语言:bash
复制
bundle exec jekyll serve --baseurl ''

这将会启动Jekyll服务,并将你的网站生成到根目录下的_site文件夹中。

  1. 在浏览器中访问http://localhost:4000/your-subdirectory/,你将能够看到你的网站,并且所有的链接都将使用子目录作为前缀。

请注意,以上步骤假设你已经安装了Jekyll并且已经配置好了基本的网站结构。如果你还没有安装Jekyll,请参考Jekyll的官方文档进行安装和配置。

推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云对象存储(COS)。

  • 腾讯云服务器(CVM):提供高性能、可扩展的云服务器,适用于各种应用场景。了解更多信息,请访问:腾讯云服务器产品介绍
  • 腾讯云对象存储(COS):提供安全可靠、高扩展性的云端存储服务,适用于存储和管理各种类型的数据。了解更多信息,请访问:腾讯云对象存储产品介绍
相关搜索:如何使用jekyll在_posts order by time子目录中列出我的帖子我如何创建一个列来告诉我一个数字出现的次数?我正在尝试使用纱线链接,其他文件夹告诉我它不是一个模块scriptcs总是给出一个错误,告诉我应该使用系统库来终止程序如何编写一个程序来告诉我的其他程序什么时候结束?我如何告诉Pine脚本只显示一个红色或一个绿色的指示来输入交易?如何告诉ReSharper我正在使用Debug.Assert的包装器来避免null引用警告?当提供空字符串作为函数参数时,我如何告诉Typescript使用默认值?Bash:如何使用一个子命令生成的多个结果来提供命令我如何使用lambda来缩短一个没有else的if语句?我如何添加一个计数器来告诉flutter中的购物车中每种商品的数量我使用"data-target“来保持活动链接的风格。如何在从活动链接移动页面时保持样式我如何运行cloc来检查一个目录下的所有python文件,包括子目录,但忽略任何带有迁移一词的子目录?我正在使用代码,但它没有提供我想要的结果。你能告诉我如何从fb live或post中抓取Facebook评论文本吗?我需要一个JavaScript数组来保存图像的链接,以便在图像源中工作和使用如果花色是红心,我如何使用substr()来扩展一个卡片矢量?我需要为其他用户输入文本字段来放置他们的链接?我如何使用api来实现这一点?我想使用我的等式来缩放一个div,我不知道如何将它用作一个变量请告诉我如何在一个模拟器中同时使用两种传输协议我如何使用设置交集的方法来确定一个刺是一个pangram?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

告诉你,一个草根程序员如何进入BAT

本文将从心态、学习和素养三个方面手把手的告诉你,LZ作为一个非科班毕业,出身于三流大学的草根,是如何凭借自己的努力,进入到国内一流互联网公司的。...心态 看到这个标题,有的同学可能会说,“LZ,你不是要告诉我们如何进入BAT吗?怎么一上来就写心态?” 没错,LZ第一个要说的,就是心态!...为什么学不进去呢?为什么一看书就困呢?” 以上这种现象,基本上就是两个原因,第一个原因是心态浮躁,总觉得看书好像没啥用啊,看了好像还是觉得没学到什么,过不了多久就忘了。...这就是为什么,你可以使用类名.属性、类名.方法以及类名.内部类名,直接引用一个被static所修饰的属性、方法或者内部类。...在提到github和博客时,LZ说了要在文章的最后,给大家讲一个关于LZ自己的真实故事,其实这个故事就是LZ杭州的真实经历。

61050

编写了一个应用程序告诉你区块链是如何运作的

编写了一个应用程序告诉你区块链是如何运作的 blockchain.gif 根据维基百科的描述, 区块链是: 一个分布式数据库, 用于维护不断增长的记录列表, 这个列表称作块 听起来挺棒的, 但它是如何运作的...为了演示一个区块链, 我们将使用一个名为Blockchain CLI的开源命令行界面. 在这里也构建了一个基于浏览器的版本....正如你稍后会看到的, 区块链上的每个区块都依赖于前一个区块. 所以, 我们需要起始块挖掘我们的第一个区块. 当一个新的区块被挖掘时会发生什么? mining.gif 让我们挖掘我们的第一个区块....索引: o + 1 = 1 前一个哈希值 0000018035a828da0 ... 时间戳: 块的添加时间 数据: freeCodeCamp❤ 哈希: ?? 随机数: ?? 哈希值是如何计算的?...使用较少可能的有效散列, 意味着需要更多的处理能力才能找到有效的散列值. 哈希值为什么如此重要? 这很重要,因为它使区块链不可变.

2.9K81
  • Jekyll 优化合集

    Hexo 是用 NodeJS 语言编写的,Hugo 是用 Go 语言编写的,它们三者背后其实都有非常丰富的插件增强它们自身,从而为用户提供一个可插拔式的个人定制功能。...由于本站目前是采用 Jekyll 搭建的,所以为了提供给读者更加高效的阅读条件,笔者在廖柯杰大佬开发的 H2O 主题的基础上做了一些功能上的增加和优化,接下来就来详细介绍一下。...学术首页   所谓的学术首页功能其实就是将原来的首页移到 blog 子目录下,首页用一个自定义的页面替代。由于 H2O 主题本身很适合转换成一个页面模板,要实现这一功能比较方便。...,对于读者来说不可能马上辨别是否需要多长时间才能阅读完全文,因此最好在文章开头的地方就有一个简单的信息告诉读者。...参考资料 让 Jekyll 支持 LaTex 数学公式(MathJax v3) Jekyll 实现文章阅读耗时与字数统计 Jekyll如何做中文字数统计 版权声明:如无特别声明,本文版权归 仲儿的自留地

    2.1K30

    个人免费博客花式搭建指南

    Netlify 其实是一个自带持续部署的网站,它需要与 Github 提供的持续集成联合使用。...实现与评价   这里就以笔者的个人博客站点为例解释一下如何使用静态生成器搭建博客。...Jekyll 的开始与 Hexo 有所不同,Hexo 是采用子目录的方式加载应用新的主题,而 Jekyll 则是采用主题化的方式应用主题。...当然,Jekyll 完全支持用户在原有主题上进行更改,只要你了解文件是如何组织的、需要何种环境等等,你就可以做出自己的修改。...vgy.me 后加载使用; 编程语言、专用英文词汇使用时,根据其通用的写法适当调整大小写,比如 Python 3 的第一个字母就需要大写,Java 的第一个字母也需要大写; 当括号内是英文字符,使用英文括号

    1.8K40

    码云正式支持 Pages 功能

    码云Pages目前仅支持公有项目使用,私有项目会在下一版提供,敬请期待。...使用前须知 1、Pages 默认的根文件是 index.html 2、静态网页的样式可以自己写,也可以拿一些静态模版修改,Pages服务本身不提供任何形式的模版,但我们后续会陆续增加例子,供大家参考使用...3、如果你想以根目录的形式访问自己的静态网站,只需要建立一个与自己个性地址同名的项目即可,如http://git.oschina.net/ipvb 这个用户,想要创建一个自己的站点,但不想以子目录的方式访问...Pages进阶,使用Jekyll生成自己的静态网页 Jekyll 究竟是什么? Jekyll一个简单的博客形态的静态站点生产机器。...Jekyll 也可以运行在 码云Pages上,也就是说,你可以使用码云的服务搭建你的项目页面、博客或者网站,而且是完全免费的。

    1.7K120

    给博客添加rss订阅

    如果是自己搭建博客,有一个问题是如何写一篇新的文章就可以告诉读者,你写了一篇新的?...本文告诉大家,如果在博客配置 rss 让读者可以订阅。 一般在很多网站都可以看到这个图标,这就是rss,他可以把最新的文章发给你。...如果使用的是 jekyll 大概可以直接复制下面代码到 rss 文件。实际上去希望你去的项目复制文件。 <?xml version="1.0" encoding="UTF-8"?...这样就可以写完博客告诉小伙伴,让大家学到。 推荐一个rss工具 攸阅 可以把自己订阅的博客发到邮箱。...欢迎转载、使用、重新发布,但务必保留文章署名林德熙(包含链接: https://lindexi.gitee.io ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。

    1.3K20

    语法高亮不够漂亮?这里有你想要的 Rouge 主题

    本文将介绍如何使用它,并为大家提供它默认的语法高亮样式预览。...---- 在 Jekyll使用 Rouge 语法高亮插件 Jekyll 中的 __config.yml 文件记录了 Jekyll 的最核心配置。...其中,markdown 字段的值表示使用哪一款插件将 Markdown 文本转换为 HTML 页面结构。 GitHub 推荐使用Jekyll 的 Markdown 插件为 kramdown。...于是尝试了一些,并贴出了的 C# 代码在 Rouge 自带语法高亮主题下的效果。 一般来说很难找到一种语法高亮适用于各种语言,所以选择的时候推荐选一个差不多的,然后再慢慢改。...欢迎转载、使用、重新发布,但务必保留文章署名 吕毅 (包含链接: https://walterlv.com ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布

    1.8K30

    H2O-ac theme for Jekyll

    学术首页   学术首页如下图所示,并将原来 H2O 中的卡片首页移动到 blog 子目录下了。如果读者想要看到文章卡片展示页,还是可以点击顶部的导航栏中的 BLOG 直接访问。...这里在 H2O 提供的社交图标类型基础上做了这些平台图标的扩充,同时尝试了 Symbol 引用的方式实现社交图标鼠标悬停的效果,从而简化代码(H2O 采用的是字体图标的方式,需要为每一个社交图标定义不同的主题色...现在文章的元信息中添加了对封面图片作者及链接的支持。...根据调研其他静态网站主题,发现一般都会在文章的末尾自动生成一个比较醒目的版权声明。另外,在版权声明中也将根据最近更新时间判断内容是否可能过时。...此处值得注意的是,如果代码仓库的名字不是 username.github.io,而也没有为该仓库的 Pages 提供自定义域名,那么这个仓库将会被部署到子目录,因此此时必须在 _config.yml 文件中设置

    1.1K30

    怎么通过码云(Gitee.com)创建自己的博客建立主页

    Jekyll 也可以运行在 码云 Pages 上,也就是说,你可以使用码云的服务搭建你的项目页面、博客或者网站,而且是完全免费的。...使用前须知 1、项目必须有 index.html 才可以正常访问 2、静态网页的样式可以自己写,也可以拿一些静态模版修改,Pages服务本身不提供任何形式的模版,但我们后续会陆续增加例子,供大家参考使用...Pages 进阶,使用 Jekyll 生成自己的静态网页 Jekyll 究竟是什么? Jekyll一个简单的博客形态的静态站点生产机器。...Jekyll 也可以运行在 码云Pages上,也就是说,你可以使用码云的服务搭建你的项目页面、博客或者网站,而且是完全免费的。...Jekyll 使用文档:http://jekyll.bootcss.com/docs/home/ 其他帮助: 如何自定义404? 答:在项目根目录新建 404.html 文件即可。

    7.2K20

    GitHub 12个实用技巧

    缺点 在最近的三周开始使用GitHub替代Jira进行管理项目(一个小项目)。越用越喜欢。 但是不敢想象用它进行敏捷开发,因为想要正确的评估和计算所有事物。...#11 静态博客 你可能已经知道你可以使用GitHub部署静态网页,这个部分告诉你用Jekyll(简单博客静态网站生成器)生成静态网页 非常简单,Jekyll会用漂亮的主题去渲染你的README.md...比如这个README页面(链接): ? 点击设置,选择Jekyll主题。 ? 将得到一个Jekyll主题的页面: ?...GitHub 谷歌插件 只用这个 octobox谷歌插件一段时间了,现在推荐给你。 它在左侧生成一个面板,通过树形结构浏览你的仓库。 ? 这个视屏了解如何使用 octobox谷歌插件。...---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全

    1.3K20

    如何快速给自己构建一个温馨的"家"——用Jekyll搭建静态博客

    那么接下来就来说说博客搭建过程。 一.本地搭建Kekyll Jekyll是什么?它是一个简单静态博客生成工具,相对于动态博客。 简单。...使用 `--no-watch` 关闭。 $ jekyll serve --detach # => 功能和`jekyll serve`命令相同,但是会脱离终端在后台运行。...五.给博客增加访客评论功能 一般静态博客添加访客评论功能都是用disqus集成的。一般都是放在博客的一篇文章的最后,当然这个排版就看你自己怎么设计的了。这里就贴一下集成disqus的代码。...HTTPS开头,目前就2种做法,一是申请HTTPS证书,免费的就用Let’s Encrypt 提供的免费 SSL 证书,二是使用kloudsec提供的服务。...申请SSL证书的做法就不说了,来说说第二种使用kloudsec提供的服务的做法。 实现原理 看 Kloudsec 的文档里描述的 HOW DOES IT WORK?

    28110

    技术人如何搭建自己的技术博客

    但其实更多程序员是不知道如何去搭建一个博客,其实如今搭建一个个人技术博客非常简单,其中最简单搭建方式莫属使用 GitHub Pages + Jekyll 了,的博客就是使用这种技术。...提供流行的网页主题模板 缺点也是有的: 不支持动态内容,博客必须都是静态网页,一般会使用 Jekyll 构建内容。...的个人博客 的博客经过了三个阶段,第一个阶段,完全依托于使用 GitHub Pages 构建;第二个阶段,将博客托管于国外的一个服务商;第三个阶段,服务器迁移回到国内、域名备案。...使用这个主题的原因是,比较喜欢简洁大气的风格,并且此博客主题对代码展示支持良好。 快速构建一个博客 以我的博客为例,介绍如何最快搭建一个博客。这也是博客经历的第一个阶段。...这个时候,你访问此地址已经可以看到博客的首页,但是点击文章的时链接跳转地址不对,这是因为少配置了一个文件。

    1.4K10

    如何在Ubuntu 16.04上建立一个Jekyll开发网站

    Jekyll非常适合需要离线工作的人,更喜欢使用轻量级编辑器进行内容维护的Web表单,并希望使用版本控制跟踪其网站的更改。...准备 要学习本教程,您需要: 具有sudo权限的非root用户的Ubuntu 16.04服务器:您可以在使用Ubuntu 16.04教程的初始服务器设置中了解有关如何使用这些权限设置用户的更多信息。...没有服务器的同学可以在这里购买,不过个人更推荐您使用免费的腾讯云开发者实验室进行试验,学会安装后再购买服务器。 完成此准备条件后,您就可以安装Jekyll及其依赖项了。...第三步 - 创建新的开发站点 从我们的主目录,我们将使用Jekyll的new命令为子目录www中的站点创建脚手架: cd ~ jekyll new www 该jekyll new命令启动bundle install...您可以使用以下命令安装它: sudo apt-get install tree 要使用它,请您切换到想要的目录中键入tree或提供完整的路径tree /home/sammy/www 第四步 - 启动Jekyll

    1.6K71

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

    在上篇文章《个人博客如何选型?》中讲到,可以利用 Github Pages 搭建个人博客网站,本文主要讲解其中的各种细节。..._config.yml 是 Jekyll 的全局配置文件。里面记录着网站的名字,网站的域名,网站的链接格式等等。 对于原来的 MatJek 主题进行一些定制化需求,整合起来更像是一个博客网站。...另外一个原因是,假如你要修改文章的日期重新发布的话,链接地址就变了,也就是意味着你的反向链接,PR 等等都没有了。 2.链接的层次不要太深 默认的固定链接是 /年/月/日/文章名。...因为是静态网站,所以必须按照 Jeklly 的规范设置 URL,第一种方式也就被排除,只能选择第二种方案。Jeklly 提供的路径变量只有几个,不够灵活。...的设想是在首先展示文章时会显示封面图片,在文件中创建一个名为 img 文件夹存放封面图片,图片命名须方式是以日期的形式。

    1.1K20

    如何在Ubuntu 16.04上建立一个Jekyll开发网站

    Jekyll非常适合需要离线工作的人,更喜欢使用轻量级编辑器进行内容维护的Web表单,并希望使用版本控制跟踪其网站的更改。...准备 要学习本教程,您需要: 具有sudo权限的非root用户的Ubuntu 16.04服务器:您可以在使用Ubuntu 16.04教程的初始服务器设置中了解有关如何使用这些权限设置用户的更多信息。...没有服务器的同学可以在这里购买,不过个人更推荐您使用免费的腾讯云开发者实验室进行试验,学会安装后再购买服务器。 完成此准备条件后,您就可以安装Jekyll及其依赖项了。...第三步 - 创建新的开发站点 从我们的主目录,我们将使用Jekyll的new命令为子目录www中的站点创建脚手架: cd ~ jekyll new www 该jekyll new命令启动bundle install...您可以使用以下命令安装它: sudo apt-get install tree 要使用它,请您切换到想要的目录中键入tree或提供完整的路径tree /home/sammy/www 第四步 - 启动Jekyll

    1.4K31

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

    在上篇文章《个人博客如何选型?》中讲到,可以利用 Github Pages 搭建个人博客网站,本文主要讲解其中的各种细节。..._config.yml 是 Jekyll 的全局配置文件。里面记录着网站的名字,网站的域名,网站的链接格式等等。 对于原来的 MatJek 主题进行一些定制化需求,整合起来更像是一个博客网站。...另外一个原因是,假如你要修改文章的日期重新发布的话,链接地址就变了,也就是意味着你的反向链接,PR 等等都没有了。 2.链接的层次不要太深 默认的固定链接是 /年/月/日/文章名。...因为是静态网站,所以必须按照 Jeklly 的规范设置 URL,第一种方式也就被排除,只能选择第二种方案。Jeklly 提供的路径变量只有几个,不够灵活。...的设想是在首先展示文章时会显示封面图片,在文件中创建一个名为 img 文件夹存放封面图片,图片命名须方式是以日期的形式。

    96620

    如何快速给自己构建一个温馨的家——用Jekyll搭建静态博客

    那么接下来就来说说博客搭建过程。 一.本地搭建Kekyll Jekyll是什么?它是一个简单静态博客生成工具,相对于动态博客。 简单。...使用 `--no-watch` 关闭。 $ jekyll serve --detach # => 功能和`jekyll serve`命令相同,但是会脱离终端在后台运行。...五.给博客增加访客评论功能 一般静态博客添加访客评论功能都是用disqus集成的。一般都是放在博客的一篇文章的最后,当然这个排版就看你自己怎么设计的了。这里就贴一下集成disqus的代码。...要想使用HTTPS开头,目前就2种做法,一是申请HTTPS证书,免费的就用Let’s Encrypt 提供的免费 SSL 证书,二是使用kloudsec提供的服务。...申请SSL证书的做法就不说了,来说说第二种使用kloudsec提供的服务的做法。 实现原理 看 Kloudsec 的文档里描述的 HOW DOES IT WORK?

    1.3K20

    技术人如何搭建自己的技术博客

    但其实更多程序员是不知道如何去搭建一个博客,其实如今搭建一个个人技术博客非常简单,其中最简单搭建方式莫属使用 GitHub Pages + Jekyll 了,的博客就是使用这种技术。...提供流行的网页主题模板 缺点也是有的: 不支持动态内容,博客必须都是静态网页,一般会使用 Jekyll 构建内容。...的个人博客 的博客经过了三个阶段,第一个阶段,完全依托于使用 GitHub Pages 构建;第二个阶段,将博客托管于国外的一个服务商;第三个阶段,服务器迁移回到国内、域名备案。...快速构建一个博客 以我的博客为例,介绍如何最快搭建一个博客。这也是博客经历的第一个阶段。...这个时候,你访问此地址已经可以看到博客的首页,但是点击文章的时链接跳转地址不对,这是因为少配置了一个文件。

    94830

    可能是最全面的github pages搭建个人博客教程

    版权声明:fork之后_posts文件夹内容是的博客文章,版权归我所有。你可以选择删除里面的文章替换上自己的或者转载附上链接注明出处。...如何写博客 好了,博客有了。如何更新文章呢? 文章用markdown语法,写好统一放在_post文件夹下上传,git page会自动从你的git仓库拉去解析成网页,立刻就能在你的博客网页浏览。...搜索功能集成 博客模板本来是没有搜索功能的,搜索功能依赖Simple-Jekyll-Search提供支持。...html插入标签样式方法 社交链接 模板提供链接没有知乎链接,或者你想增加自定义的链接,都可以通过以下方法添加。...以增加zhihu链接为例 链接的图片是svg格式的(也刚知道),大概了解一下什么是svg和viewBox viewBox viewBox属性的值是一个包含4个参数的列表 min-x, min-y, width

    14.7K10

    为带有多种语言的 Jekyll 博客添加多语言选择

    -09-01 00:13 有几篇博客是用多种语言编写的,一开始是在每篇博客中添加其他语言的链接,但多语言博客多了之后就成了复制粘贴了。...是时候做一个通用的布局实现多语言博客了! 本文将为大家提供一个编写好的多语言博客选择器(MIT License)。 ---- 先来看看效果。...编写一个简单的语言选择器 html 里可以用 做选择器。当然,本文只是用 当作例子,你也可以做成表格型的、链接型的或者其他更多更炫酷的样子。...现在我们为这篇文章配置两种语言。(考虑到更通用的情况,将一种语言定义为一种 version。)...欢迎转载、使用、重新发布,但务必保留文章署名 吕毅 (包含链接: https://walterlv.com ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布

    1.5K10
    领券