You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用RMarkdown制作匹配RStudio示例的左侧菜单栏网站?

Replicate Left-Sidebar Navigation in RMarkdown

Absolutely! You can replicate that clean, fixed left-sidebar navigation style from the official RMarkdown website using RMarkdown tools—specifically, the bookdown package, which builds directly on RMarkdown and is exactly what powers the site you’re referencing. Here’s how to do it step by step:

1. Set Up the Bookdown Package

First, install and load the bookdown package if you haven’t already:

install.packages("bookdown")
library(bookdown)

2. Organize Your Project Structure

Create a new project folder with these key files (you can also use RStudio’s "New Project" > "Book Project using bookdown" to auto-generate this):

  • A series of RMarkdown files for your content (name them with numeric prefixes like 01-intro.Rmd, 02-getting-started.Rmd to control navigation order)
  • A _bookdown.yml configuration file
  • A _output.yml configuration file
  • An optional index.Rmd as your homepage

3. Configure Navigation & Sidebar

Edit _bookdown.yml

This file controls overall book structure and navigation behavior. For example:

book_filename: "my_custom_website"
output_dir: "docs"  # Useful for publishing to GitHub Pages
delete_merged_file: true
language:
  ui:
    chapter_name: ""  # Removes "Chapter X" labels from sidebar

Edit _output.yml

This defines the HTML output style—use bookdown::gitbook to get the left-sidebar layout matching the official site. Customize the sidebar, toolbar, and styling here:

bookdown::gitbook:
  css: style.css  # Optional: Add custom CSS for tweaks
  config:
    toc:
      collapse: section  # Collapse subsections by default
      scroll_highlight: true  # Highlight active section on scroll
      before: |
        <li><a href="./">My Website Title</a></li>  # Custom sidebar header
      after: |
        <li><a href="#" target="blank">Footer Link</a></li>  # Sidebar footer
    toolbar:
      position: fixed  # Keep toolbar fixed at top
    edit: null  # Remove edit links if not needed
    download: null  # Remove download options if not needed

4. Build Your Website

Run this command in your R console to generate the site:

render_book("index.Rmd", "bookdown::gitbook")

Or use the "Build Book" button in RStudio if you set up the project via the bookdown template.

Key Tips for Matching the Official Style

  • Use Heading Hierarchies: In your Rmd files, use # for top-level sections, ## for subsections, etc.—bookdown will automatically nest these in the left sidebar.
  • Custom CSS: If you want to tweak colors, spacing, or sidebar width, add a style.css file to your project. For example, to make the sidebar fixed and wider:
.book .book-summary {
  width: 280px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
}
.book .book-body {
  left: 280px;
}
  • Anchor Links: The sidebar items will automatically link to the corresponding sections in your content, just like the official site.

If you don’t want to use bookdown, you could technically build a custom sidebar with raw HTML/CSS in a standard RMarkdown website, but bookdown is by far the easiest and most maintainable approach—it’s designed explicitly for this kind of structured, sidebar-navigated documentation.

内容的提问来源于stack exchange,提问作者mightaskalot

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 04:05:58