html - 如何使用 flexdashboard 添加指向 Logo 的链接？

Question

我在 flexdashboard doc page 之后在仪表板上添加了 Logo .现在我希望能够点击 Logo 并被重定向到外部页面。

我知道您可以使用 r-markdown 超链接图像，例如:

[![alt text](path to image)](web link to website)

我正在努力将它集成到 flexdashboard 导航栏的 Logo 中。有人知道怎么做吗？谢谢!

我用这些行添加了 Logo :

---
title: "My Report"
output: 
  flexdashboard::flex_dashboard:
    orientation: rows
    css: style.css
    logo: my-logo.png
---

Answer 1

一种方法是使用 jQuery 在加载过程中更改 Logo 。在 YAML header 下添加这些行:

<script>
$('.navbar-logo').wrap('<a href="http://www.google.com">');
</script>

我们只需选择属于 navbar-logo 类的 HTML 元素，并在其周围包裹一个超链接标记。

如果您希望外部网站在新选项卡中打开，请将 target=_blank 添加到 a 元素:

<a href="http://www.google.com" target=_blank>