如何使用 flexdashboard 将 link 添加到徽标？

Question

我在 flexdashboard doc page 之后向我的仪表板添加了一个徽标。现在我希望能够单击徽标并重定向到外部页面。

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

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

我正在努力将其集成到 flexdashboard 导航栏的徽标中。有人知道怎么做吗？谢谢！

我用这些行添加了徽标：

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

Answer 1

一种方法是使用 jQuery 在加载过程中更改徽标。在 YAML header:

下方添加这些行

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

我们只是 select 作为 class navbar-logo 一部分的 HTML 元素，并在其周围包裹一个超链接标签。

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

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

How to add a link to logo using flexdashboard?