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

如何使用Kramdown links_def选项在Jekyll _config.yml中预定义链接?

Kramdown是一种用于Jekyll静态网站生成器的标记语言解析器,它支持在Jekyll的_config.yml配置文件中使用links_def选项来预定义链接。

在_config.yml文件中,可以通过设置links_def选项来定义链接的缩写和对应的URL。这样,在Markdown文件中使用缩写时,Kramdown会自动将其替换为对应的URL。

下面是一个示例_config.yml文件的配置:

代码语言:txt
复制
kramdown:
  links_def:
    mylink: https://example.com
    myotherlink: https://example.org

在上述示例中,我们定义了两个链接缩写:mylink和myotherlink,分别对应https://example.com和https://example.org。

在Markdown文件中,可以使用这些链接缩写来插入链接。例如:

代码语言:txt
复制
这是一个[示例链接](mylink),点击可以跳转到https://example.com。

在生成的网页中,上述Markdown代码会被解析为:

代码语言:txt
复制
这是一个<a href="https://example.com">示例链接</a>,点击可以跳转到https://example.com。

这样,通过预定义链接,可以方便地在Jekyll网站中插入链接,并且可以在_config.yml文件中集中管理这些链接的定义。

对于腾讯云相关产品和产品介绍链接地址,可以根据具体的需求和场景进行选择。腾讯云提供了丰富的云计算服务和解决方案,包括云服务器、云数据库、云存储、人工智能等。可以通过访问腾讯云官方网站(https://cloud.tencent.com/)来了解更多关于腾讯云的产品和服务。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

本文将介绍如何使用它,并为大家提供它默认的语法高亮样式预览。...---- Jekyll使用 Rouge 语法高亮插件 Jekyll 的 __config.yml 文件记录了 Jekyll 的最核心配置。...其中,markdown 字段的值表示使用哪一款插件来将 Markdown 文本转换为 HTML 页面结构。 GitHub 推荐使用Jekyll 的 Markdown 插件为 kramdown。... Jekyll 的配置文件这样配置它们: markdown: kramdown kramdown: input: GFM syntax_highlighter: rouge 其中,input...我们需要另外使用 rougify 工具生成对应的样式文件才行。 你需要先配好 Ruby 环境。如果没有配好,推荐阅读 快速 Windows 上搭建 Jekyll 开发环境 快速配置。

1.8K30

2020年3月27日,Github被攻击。我的GitPage博客也挂了,紧急修复之路

三、安装 Ruby+Devkit 2.5.7-1,完整包的安装过程比较简单,但需要注意以下几点; 安装路径不要有空格,中文等特殊符号 安装选项内容按照下图执行 安装完后需要更换数据源,这些内容会在下文具体执行总展示..., kramdown, kramdown- parser-gfm, liquid, mercenary, forwardable-extended, pathutil, rouge, safe_yaml...w=1305&h=681&f=png&s=174035) - 具体如何使用Jekyll编写博客,可以参考官网文档 >博客结构 ```java ├── _config.yml ├── _includes...## 八、手动发布 如果部署到服务端,那么我们编译后里面的链接地址都肯定以我们的域名开始,例如;```https://bugstack.cn/```。接下来我们开始执行服务端部署的编译和使用。...(这将生成与_config.yml配置变量url的值的规范链接) 16 jekyll clean 清空编译_site 17 jekyll serve 本地启动服务 18 jekyll serve -

1K00
  • 基于Jekyll与Github Pages搭建博客

    Jekyll 运行环境的配置与安装 事实上,搭建博客的过程,配置这个安装环境我花的时间是最久的也是最懵逼的,最后也是不知道为什么才终于配置成功。...我的博客选择的是 Github 上找的博客主题,它对目录各个文件的内容、功能都有很详细地说明,适合我这样的小白学习使用 Jekyll 。...修改模板,我暂时只改了_config.yml、index.html,../assets/img里面加上了一些图片,将../_posts里的文章整理了一下。..._config.yml里相关的参数如下: markdown: kramdown highlighter: rouge kramdown: input: GFM 根据上面的教程,我们已经配置好 Ruby...本地博客文件的根目录里打开命令行,使用命令rougify style github > css/syntax.css生成一个 github 风格的样式到css/syntax.css文件

    1.1K10

    Jekyll 优化合集

    实现 代码高亮   Jekyll 代码高亮可以使用 Pygments、Rouge、Prism、Highlight JS等工具实现,据说大部分的高亮博客基本上都是使用 Pygments。...gem install pygments.rb   然后是修改 _config.yml 配置文件,其中的 highlighter 修改如下: markdown: kramdown highlighter...由于博客原来首页移动到子目录 blog 下,相应的博客分页展示页的卡片链接、分页链接、标签链接等等都需要做出修改。...important; } }   另外,也需要在 _config.yml 文件导航栏添加链接,如下所示。...参考资料 让 Jekyll 支持 LaTex 数学公式(MathJax v3) Jekyll 实现文章阅读耗时与字数统计 Jekyll 如何做中文字数统计 版权声明:如无特别声明,本文版权归 仲儿的自留地

    2.1K30

    Github搭建个人博客(2019最新版,亲测)

    )顶部Tab栏 (5)底部分页,访客量统计,回到顶部按钮 (6)博客详情页 以上就是整个博客的页面,其实这个博客也是后来发现的,一位比较低调的阿里前端哥哥撸出来的,且一直维护的...的方式 我采用的搭建博客的方式是第二种: 使用GitHub Pages +jekyll的方式。...HTML文件,你可以点进去看看,尝试改变一下 其中:_config.yml 文件: # Welcome to Jekyll!...(2)使用Jekyll修改静态博客 请详细跟这篇教程走: Jekyll 搭建静态博客 请务必走完,因为上面这博客讲的很清楚,很详细,环境搭建好,剩下的就简单了。...:https://javaforall.cn/140756.html原文链接:https://javaforall.cn

    66720

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

    实现与评价   这里就以笔者的个人博客站点为例解释一下如何使用静态生成器来搭建博客。...当然,Jekyll 完全支持用户原有主题上进行更改,只要你了解文件是如何组织的、需要何种环境等等,你就可以做出自己的修改。...实际的使用过程,笔者根据自己的需求也 H2O 主题上做出了一定的功能修改,并开源为 jekyll-them-H2O-ac。...git clone git@github.com:zhonger/zhonger.github.io 修改配置   Jekyll 的配置文件 _config.yml 主目录下,非常容易就可以找到,以下为一些常用的配置内容及解释...: [jekyll-paginate, jekyll-feed, jemoji, jekyll-sitemap] # Netlify 设置选项,指定遵循的强制跳转规则 include: [_redirects

    1.8K40

    将 GitHub Pages 从 Redcarpet 切换到 kramdown

    列表项里嵌套的代码块 嵌套在列表项的代码块 Redcarpet 中使用 Tab 进行缩进即可,而在 kramdown 需要根据列表项的内容开始位置决定缩进的字符数。...不过这点其实严格说起来应该是我使用 Redcarpet 时的写法没有遵循 Jekyll 的文档,参考 Collections。...TOC 链接 我之前的一篇文章 GFM 与 Redcarpet 的不同点 ,描述了 Redcarpet 与 GFM 自动生成的 TOC 链接的区别,而 kramdown 即使启用了 input: GFM...表格 Redcarpet 如下写法能直接显示你写的内容: READ|WRITE|SHARE 但在 kramdown 中会解析成表格: READ WRITE SHARE 所以需要将 | 转义。...rouge 支持的语言列表可以参考如下链接: List of supported languages and lexers 图片上面空行 Redcarpet ,如下写法的图片和文字之间会换行: Hello

    60520

    Jekyll 渲染 LaTeX 数学公式

    想着如果能够直接敲公式的话效率就会高点了,就去看了一下 LaTeX 的语法,好像挺简单的,就稍微学习了一下,想发布到博客上发现渲染不出来 solution 博客是用 MarkDown 编写的,而 MarkDown 本身并不支持公式,但是我使用的...Typora 编辑器可以扩展 LaTeX 的公式,只要勾选 文件 -> 偏好设置 -> MarkDown -> 内联公式 ,然后再重启 Typora 就可以编辑行内的 LaTeX 公式了 下面是...Typora 上编辑公式展示的效果 这在 Typora 里面是没有任何问题的,可以正常显示,但是 push 到基于 Jekyll 模板的 GitHub page 上就出现了不能渲染公式的问题,网上搜了一下...,Jekyll 模板确实不支持 LaTeX 公式,不过有一种解决方法,那就是引入外部的 js脚本,可能会影响一点加载速度,但是我也没有什么明显的感觉(可能因为我挂着全局代理) 具体方法就是,到 _config.yml...中加上一行 markdown: kramdown ,再打开 _includes 文件夹的 head.html ,将下面这段脚本粘贴进去,提交修改,就可以正常渲染 LaTeX 公式了 <script

    1.3K20

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

    自己的“家”,可以和志同道合的兄弟一起分享和讨论任何技术,谈天说地。更重要的是可以当做自己的技术积累,提升自己实力。那么接下来就来说说我博客搭建过程。...支持自定义地址、博客分类、页面、文章以及自定义的布局设计。...//使用gem安装Jekyll gem install jekyll //使用Jekyll创建你的博客站点 jekyll new blog #创建你的站点 //开启Jekyll服务 //进入blog...整个过程你可以设置 URL 路径,你的文本布局的显示样式等等。这些都可以通过纯文本编辑来实现,最终生成的静态页面就是你的成品了。...#提交到本地仓库 git push origin master #线上的站点是部署master下面的 注意,提交前,请确保_config.yml文件里面下面是这样配置的

    28110

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

    自己的“家”,可以和志同道合的兄弟一起分享和讨论任何技术,谈天说地。更重要的是可以当做自己的技术积累,提升自己实力。那么接下来就来说说我博客搭建过程。...支持自定义地址、博客分类、页面、文章以及自定义的布局设计。...//使用gem安装Jekyll gem install jekyll //使用Jekyll创建你的博客站点 jekyll new blog #创建你的站点 //开启Jekyll服务 //进入blog...整个过程你可以设置 URL 路径,你的文本布局的显示样式等等。这些都可以通过纯文本编辑来实现,最终生成的静态页面就是你的成品了。...#提交到本地仓库 git push origin master #线上的站点是部署master下面的复制代码 注意,提交前,请确保_config.yml文件里面下面是这样配置的

    1.3K20

    将 GitHub Pages 从 Redcarpet 切换到 kramdown

    GitHub 前不久发布了 New Features 公告,GitHub Pages now faster and simpler with Jekyll 3.0,宣布从 2016 年 5 月 1 日起...列表项里嵌套的代码块 嵌套在列表项的代码块 Redcarpet 中使用 Tab 进行缩进即可,而在 kramdown 需要根据列表项的内容开始位置决定缩进的字符数。...表格 Redcarpet 如下写法能直接显示你写的内容: READ|WRITE|SHARE 但在 kramdown 中会解析成表格: READ|WRITE|SHARE 所以需要将 | 转义。...而改为 kramdown + rouge 的组合后,只能使用 cpp。...rouge 支持的语言列表可以参考如下链接: List of supported languages and lexers 图片上面空行 Redcarpet ,如下写法的图片和文字之间会换行: Hello

    40710

    如何动态生成 Jekyll 配置文件 | Linux 中国

    静态网站生成器 Jekyll 使用 _config.yml 进行配置。这些配置都是 Jekyll 特有的。但你也可以在这些文件 用我们自己的内容定义变量,并在整个网站中使用它们。...我的本地笔记本电脑上,我使用以下命令来服务我的 Jekyll 网站进行测试: bundle exec jekyll serve --incremental --config _config.yml 结合多个配置文件...本地测试,有时需要覆盖配置选项。...这就把我网站定义的所有 URL 变成了相对的 URL,并使它们我的本地笔记本电脑上工作。 C结合动态配置文件 一个简单的例子,假设你想在你的网站上显示当前日期。...它的 bash 命令是: > date '+%A, %d %B %Y' Saturday, 16 October 2021 我知道我也可以 使用 Jekyll 的 _config.yml 的自定义内容

    2.5K30

    为 Markdown 生成 TOC 的 Vim 插件

    因为饱受 GFM 和 Redcarpet 两种 Markdown 引擎生成 TOC 链接的差异的折磨,而我又不得不同时使用它们——博客基于 Jekyll 使用 Redcarpet(Update 2016.../09/16: GitHub Pages 现在已经改为只支持 kramdown),而其它放在 GitHub 仓库里的文档使用 GFM,我决定为我常用的 Markdown 编辑器 Vim 做一款同时支持...适用于使用 Redcarpet 作为 Markdown 引擎的 Jekyll 项目或其它地方。...安装方法 推荐使用 Vundle 来管理你的 Vim 插件,这样你就可以简单三步完成安装: 在你的 vimrc 文件添加如下内容: :so $MYVIMRC :PluginInstall 使用 vim-plug...: 这里提供一个选项改变这个行为,如果设置: 那标记将根据级别循环使用 *、- 和 +: 这不会影响 Markdown 文档解析后的显示效果,只用于提升源文件的可读性。

    45110

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

    因此,github就设计了Pages功能,允许用户自定义项目首页,用来替代默认的源码列表。所以,github Pages可以被认为是用户编写的、托管github上的静态网页。 ?...但是,综合来看,它不失为搭建中小型Blog或项目主页的最佳选项之一。 三、一个实例 下面,我举一个实例,演示如何在github上搭建blog,你可以跟着一步步做。...项目根目录下,建立一个名为_config.yml的文本文件。它是jekyll的设置文件,我们在里面填入如下内容,其他设置都可以用默认选项,具体解释参见官方网页。   ...yaml文件头后面,就是文章的正式内容,里面可以使用模板变量。...至于{{site.baseurl}}就是_config.yml设置的baseurl变量。

    5.8K20

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

    因此,github就设计了Pages功能,允许用户自定义项目首页,用来替代默认的源码列表。所以,github Pages可以被认为是用户编写的、托管github上的静态网页。 ?...但是,综合来看,它不失为搭建中小型Blog或项目主页的最佳选项之一。 三、一个实例 下面,我举一个实例,演示如何在github上搭建blog,你可以跟着一步步做。...项目根目录下,建立一个名为_config.yml的文本文件。它是jekyll的设置文件,我们在里面填入如下内容,其他设置都可以用默认选项,具体解释参见官方网页。   ...yaml文件头后面,就是文章的正式内容,里面可以使用模板变量。...至于{{site.baseurl}}就是_config.yml设置的baseurl变量。

    1.7K70

    使用github+jekyll搭建个人博客

    但是一直不知道如何下手,从最初的csdn写写博客到github上建立仓库写代码分享,虽然也能够记录一些事情,但是总感觉缺少点什么——对,就是像是这东西并不是自己的。...搭建博客有两种安装过程:1.使用jekyll搭建;2.从jekyll模板中找到一个自己喜欢的,fork进自己的博客,然后修改_config.yml文件,下面分别来讲讲两种方式的搭建。...jekyll的目录结构,最重要的就是_includes,_layouts,_posts _config.yml : 配置文件,用来定义你想要的效果,设置之后就不用关心了。...他的命名有严格的规定,必须是2012-02-22-artical-title.md这样的形式,MARKUP是你所使用标记语言的文件后缀名,根据_config.yml设定的链接规则,可以根据你的文件名灵活调整...详细的更改配置可以模板的主页读取,一般都会有介绍 浏览器输入你的账户名.github.io,就可以看到你喜欢的博客模样了 参考链接 https://bigballon.github.io/posts

    90860

    为 Markdown 生成 TOC 的 Vim 插件

    因为饱受 GFM 和 Redcarpet 两种 Markdown 引擎生成 TOC 链接的差异的折磨,而我又不得不同时使用它们——博客基于 Jekyll 使用 Redcarpet(Update 2016.../09/16: GitHub Pages 现在已经改为只支持 kramdown),而其它放在 GitHub 仓库里的文档使用 GFM,我决定为我常用的 Markdown 编辑器 Vim 做一款同时支持...这算是我真正意义上完全独立开发的第一款实用 Vim 插件,当然开发过程也参考了别人的做法。...适用于使用 Redcarpet 作为 Markdown 引擎的 Jekyll 项目或其它地方。...安装方法 推荐使用 Vundle 来管理你的 Vim 插件,这样你就可以简单三步完成安装: 在你的 vimrc 文件添加如下内容: Plugin 'mzlogin/vim-markdown-toc

    1.1K10

    Markdown之流程图和 Todo列表

    同时,由于markdown的各种解释器的不兼容的原因,经我实际测试,这个语法Jekyll博客系统,也就是kramdown解释器下以及在有道云比较的解释器下都是可以正常工作的....Jekyll的写法: graph LR; A[aa bb]-->B(wo); A-->C((我是C)); B-->D>我是D]; C-->D; D-->E...{我是E}; C-->E; 2-->E; _-->E; 同时,需要在自己使用到的页面中加入以下语句,用来引入相关的js文件: <script src="https://unpkg.com/...一些常用的markdown语法记录 语法 作用 备注 > + 内容 引用内容 ==x== 标记内容 ==哈== ~~x~~ 删除线 ~~哈~~ <em>在</em>反引号````中转义反引号 <em>在</em>最外层<em>使用</em>两个反引号即可...欢迎转载,烦请署名并保留原文<em>链接</em>。

    4.3K60

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

    但其实更多程序员是不知道如何去搭建一个博客,其实如今搭建一个个人技术博客非常简单,其中最简单搭建方式莫属使用 GitHub Pages + Jekyll 了,我的博客就是使用这种技术。...使用 Jekyll 需要使用 Markdown 语法来写你的文章,不过 Markdown 语法非常简单,做为程序员来讲基本上两三天就掌握了,大家也可以我的博客参考这篇文章:markdown 使用总结。...构建一个技术博客很简单,基本上步骤就是网上找一个自己喜欢的主题,直接 Fork 到自己的 Github ,然后删掉原博客的内容,在上传自己的文章即可,以我自己的博客为例。...使用这个主题的原因是,我比较喜欢简洁大气的风格,并且此博客主题对代码展示支持良好。 快速构建一个博客 以我的博客为例,介绍如何最快搭建一个博客。这也是我博客经历的第一个阶段。...这个时候,你访问此地址已经可以看到博客的首页,但是点击文章的时链接跳转地址不对,这是因为少配置了一个文件。

    1.4K10

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

    找到仓库存放的文件夹,将之前所有文件全部删除,把刚才下载的主题文件复制到当前文件夹。 ? 我们还需要修改配置文件。_config.ymlJekyll 的全局配置文件。...如果你使用其他主题,根据作者的要求,修改 _config.yml 的内容即可。 ? 最后一步,我们将刚才修改的内容同步到 Github 远程仓库。 ?...这里选择选项 3 进行安装。 ? 进入到本地项目文件,启动终端,依次执行以下命令。 ?...5.SEO 优化 该主题已经集成用于 SEO 优化的 jekyll-seo-tag 插件,我们简单修改 _config.yml 里面的这几个字段。...我的设想是首先展示文章时会显示封面图片,我文件创建一个名为 img 文件夹来存放封面图片,图片命名须方式是以日期的形式。

    1.1K20
    领券