Как добавить ссылку на логотип с помощью flexdashboard?

Question

Я добавил логотип на свою приборную панель после страницы документа flexdashboard. Теперь я хотел бы иметь возможность нажать на логотип и перенаправить на внешнюю страницу.

Я знаю, что вы можете сделать гиперссылку на изображение с помощью 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>

Мы просто выбираем элемент HTML, который является частью класса navbar-logo и оберните вокруг него тег гиперссылки.

Если вы хотите, чтобы внешний сайт открывался в новой вкладке, добавьте target=_blankк a элемент:

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