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标头下方：

<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>