创建自己的免费网站 第 2 部分 - 顶部菜单(导航条)
继第 1 部分中创建的网站闪屏之后,我们将进入 quarto 主页并找到相关文档 (quarto.org/docs/websites让我们在独立自主的基础上再接再厉!)。
如果您是从第 1 部分直接来到这里的,请先阅读下面的第 1 部分 (点击此处)才来到这里。
Quarto 网站创建指南页面
您是否在渲染时弹出的浏览器闪屏上看到了 Quarto 网站地址? 要了解有关 Quarto 网站的更多信息,请访问 https://quarto.org/docs/websites.)点击它,你会看到一个小文本,上面写着 "创建网站",如上图所示。
如果您不会说英语 右键单击 > 翻译成英语 以方便查看。在微软的 Edge 和谷歌的 Chrome 浏览器中,您可以使用 翻译屏幕以显示
现在看起来很顺眼,但问题是,这是什么意思?我连 Quarto 的术语都不熟悉,也看不懂韩语!我现在就不看 Quarto 主页了!(等你对 Quarto 更熟悉了,再看详情吧)。
重新命名您的网站
首先,今天我们要更改创建(四开网站、主页、关于)的顶部菜单,通常称为 导航条.
首先,更改主标题!quarto-website <- this, IT Playground <- 让我们把它改成这样吧。 运行 RStudio,在 Files 窗口右下角的根文件夹中(在我的例子中是 C:\R\Project\quarto-website/),选择 index.qmd 点击文件并选择 将标题改为 "IT 游乐场为您网站的名称,当然,您可以将其改为任何您想要的名称。
添加导航栏菜单 - 会话
在文件窗口的顶部 _quarto.yml yml 指的是 YAML 文件,而 涵盖网站整体设置的文件,如标题、菜单等。.点击文件,修改源代码,如下图所示。我们更改了网站的标题(quarto-website -> IT Playground),并添加了 talks.qmd,以便在导航栏中创建一个 talks 菜单。

但我又想,为什么根文件夹中有 index.qmd,却没有 talks.qmd?所以,让我们创建这个文件,并把内容放进去。 在 "文件 "窗口中,单击 空白文件 > Quarto Doc 然后会打开一个新窗口,您可以看到 会谈.qmd然后键入确定!这将在根文件夹中创建 talks.qmd。

点击新创建的 talks.qmd 文件并选择 键入 /yaml,然后输入之间,键入主标题(会谈)和正文(IT Playground 中的 ....),如下图所示,点击导航栏中的 "会谈 "后,网页上就会出现这些内容。
使用快捷键进行渲染

执行上述步骤后 Crtl + Shift + B网站就会呈现,您可以在网络浏览器中看到更改和添加的内容,如下图所示。网站标题已更改,闪屏主标题已更改,现在有一个 "TALKS "菜单,点击后会弹出 "TALKS "页面。
组织起来
回顾一下,在本课中,我们将使用 将 index.qmd 的标题替换为, 更改 yaml 文件的标题并插入 talks.qmd和 在根文件夹中创建 talks.qmd和 在该文件中输入"/yaml",以输入 talk.qmd 部分的标题和正文内容和 效果图 我们要做的事情就出现了。太简单了
Add1 - 插入图标

让我们为导航栏添加一个额外的图标:请参阅 Quarto 主页上与导航栏相关的页面 (点击此处),你会看到一个选项和说明表,如下所示。看到图标了吗?

四开本 Bootstrap 5 图标第一次。

对
- 图标: github
href: "#"
aria-label: R Playground_quarto.yml 文件,可以输入类似上图的内容。 href是点击图标时希望指向的地址。我把它设置为 "#",这样点击它就不会有任何反应(顺便说一下,我把图标设置在导航栏的右侧,其他菜单在左侧,导航栏背景为白色)。希望你看了下图后能明白这一点。

在网络浏览器中渲染和查看的快捷方式是什么? Ctrl+Shift+B然后就会看到右上角放大镜旁边弹出 GitHub 图标,如下图所示。不难吧?
直到有一天,我的第二人生出笑容!特里我本来想说谢谢的,但少了一样东西,唉。嘿,主标题 "IT 游乐场 "旁边的标志是什么? 你是穿着宾达丽热裤还是想不穿热裤溜过去?
Add2 - 插入网站徽标

这就对了! 网站徽标首先,我们将在根文件夹中创建一个名为 img 文件夹新项目。

在该文件夹中,放置您选择的徽标。 pixabay)或 Flaticon 要获取徽标文件,我要把特里的徽标(playblock)放到 img 文件夹中,然后使用 _quarto.yml 在 徽标: ./img/tere-logo.png 并将其呈现出来,今天的课程到此结束(呼--真长)。
*添加
标识:下一个 ./ 的含义 _quarto.yml 文件的文件夹位置(根目录,C:\R\Project\quarto-website)。
'secondlife.lol'上的所有内容均受版权法保护。未经授权,禁止复制、拷贝、传播等。









