如何在頂部添加導航欄的URL鏈接

我試圖在這裏和其他論壇找到解決方案，但找不到任何東西。如何在頂部添加導航欄的URL鏈接

我使用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)

我想添加到導航欄的鏈接到外部網站，如谷歌。我試着簡單地添加類似：

[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.c om]它是有道理的，如果我點擊導航欄中的它，它會進入我的HTML內的空白頁面。但有什麼辦法讓它明白，實際上我不希望這個空白頁存在，我只是想在我的導航欄中的外部鏈接？

我希望鏈接的行爲像它如果我寫：

### [www.google.com]

當我點擊的是，它直接進入谷歌的網站。

任何幫助，非常感謝。

來源

2017-07-07 lc23

太糟糕的flexdashboard [目前不支持_site.yml]（https://github.com/rstudio/rmarkdown/issues/ 784）。因爲支持該導航欄的外部鏈接（http://rmarkdown.rstudio.com/rmarkdown_websites.html#site_navigation）。你可能想看看[rmarkdown是如何做的]（https://github.com/rstudio/rmarkdown/blob/f0cb2f1e8e8743ac114e7e62ae3ff02a105bd530/R/render_site.R）。我通過代碼丟失了線程。 – wibeasley

您可以添加一個鏈接到使用右手邊，

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

在你YAML - 這將打上問號的圖標作爲鏈接。有關更多選項，請在R的控制檯中輸入?flexdashboard::flex_dashboard後查看navbar部分。

來源

2017-07-13 08:55:18

縮進應該是不同的：一個在導航欄前面，另外兩個在「 - {icon ....」之前，否則很棒的回答！ – fmarm

如何在頂部添加導航欄的URL鏈接

回答

相關問題