Jekyll Target Blank插件指南

Jekyll Target Blank插件指南

jekyll-target-blankAutomatically opens external links in a new browser for Jekyll Pages, Posts and Docs.项目地址:https://gitcode.com/gh_mirrors/je/jekyll-target-blank


项目介绍

Jekyll Target Blank 是一个专为 Jekyll 静态网站生成器设计的插件,其核心功能是自动在所有外部链接上添加 target="_blank"rel="noopener noreferrer" 属性,确保这些链接在新标签页中打开。这个简单的优化提升了用户体验,同时也考虑了页面安全。该插件适用于 Jekyll 的页面、帖子以及自定义集合中的链接,并且排除了那些指向站点自身URL的链接。


项目快速启动

要快速地在你的 Jekyll 网站集成 Jekyll Target Blank 插件,请遵循以下步骤:

  1. 添加到Gemfile: 在你的项目根目录下的 Gemfile 中加入以下代码行以指定此插件:

    gem 'jekyll-target-blank'
    
  2. 配置Jekyll: 在 _config.yml 文件中,你需要将该插件添加到插件列表中。如果是 Jekyll 3.5 版本及以上,直接这样做:

    plugins:
      - jekyll-target-blank
    

    若你的Jekyll版本低于3.5,则应在 gems: 列表下配置:

    gems:
      - jekyll-target-blank
    
  3. 安装插件: 执行以下命令来安装新增的插件:

    bundle install
    
  4. 构建并验证: 运行你的Jekyll站点以查看插件是否工作正常。通常,你可以使用:

    bundle exec jekyll serve
    

至此,你的所有外部链接现在应该会在新标签页中打开了。


应用案例和最佳实践

应用案例

假设你有一个博客,在文章中经常引用外部资源。以前,你需要手动为每个链接加上 target="_blank" 来保证良好的用户体验。使用 Jekyll Target Blank 后,这一过程自动化了。只需要一次设置,你就无需再逐个编辑链接。

最佳实践

  • 安全考量:使用 rel="noopener noreferrer" 可防止新窗口获得原窗口的某些权限,增强安全性。
  • 例外处理:对于那些你想在同一页内打开的特殊外部链接,可以考虑不使用本插件或手动覆盖其行为。
  • 测试兼容性:在不同浏览器中测试,确保插件行为一致,提升用户体验。

典型生态项目

由于Jekyll Target Blank专注于单一功能,其本身不直接与其他特定的生态项目相结合。然而,在构建基于Jekyll的大型网站时,它常常与其他增强用户体验或SEO的插件一同使用,例如Jekyll SEO Tag,用于优化站点的搜索引擎可见性。结合使用这些工具能够全面提升你的静态网站的质量和专业度。

通过以上步骤,你应该能够顺利集成并利用Jekyll Target Blank插件,为你的Jekyll网站提供更好的用户体验和安全性。记得持续关注插件更新,以便获取最新的特性和改进。

jekyll-target-blankAutomatically opens external links in a new browser for Jekyll Pages, Posts and Docs.项目地址:https://gitcode.com/gh_mirrors/je/jekyll-target-blank

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

谭伦延

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值