如何在顶部的导航栏中添加URL链接

Question

我尝试在这里和其他论坛找到解决方案但找不到任何东西。

我正在使用flexdashboard创建一个网站（HTML文件）。它有几个页面，每个页面都可以通过顶部的导航栏访问。类似的东西：

Home
=======================================================================

Row
-----------------------------------------------------------------------

### Cover Picture {.no-title} ![](picture0.jpg)

Page 1
=======================================================================

Row
-----------------------------------------------------------------------

### Picture 1 {.no-title} ![](picture1.jpg)

Row
-----------------------------------------------------------------------

### Picture 2 {.no-title} ![](picture2.jpg)

我想在导航栏中添加指向外部网站的链接，例如google。我试着添加类似的东西：

[www.google.com]
=======================================================================

然而，当我点击它时，它会转到我的html中名为[www.google.com]的空白页面。为了真正访问Google的网页，我必须右键单击该链接，然后点击“在新标签页中打开”。

同样的情况如果我尝试使用下拉导航栏菜单：

[www.google.com] {data-navmenu="External URLs"}
=======================================================================

[www.bing.com] {data-navmenu="External URLs"}
=======================================================================

我还尝试在链接前向页面插入名称：

Google's Page [www.google.com] 
=======================================================================

甚至为链接使用自定义名称：

[www.google.com](Google) 
=======================================================================

我理解的理由是，如果我创建一个名为[www.google.com]的空白页面，那么有意义的是，如果我在导航栏中单击它，它将转到我的HTML中的空白页面。但有没有办法让它明白实际上我不希望存在那个空白页面，我只想在我的Navbar中使用外部链接？

我希望链接的行为与我写的一样：

### [www.google.com]

当我点击它时，它会直接进入Google的网站。

非常感谢任何帮助。

Answer 1

您可以使用

添加指向右侧的链接

---
title: "My dashboard"
output:
  flexdashboard::flex_dashboard:
    navbar:
      - { icon: "fa-question-circle", href: "https://google.com", align: right }
---

在你的YAML中 - 这会将问号的图标作为链接。有关更多选项，请在向R中的控制台输入navbar后查看名为?flexdashboard::flex_dashboard的部分。