Início / coding / Perguntas / 79146847
Accepted
zhuzhu meng
Asked: 2024-11-01 11:24:07 +0800 CST

Como posso dividir o texto na barra de navegação em duas linhas no arquivo _site.yml ao criar um site usando R Markdown

  • 772

Estou trabalhando na construção de um site simples por meio do R markdown. E abaixo está meu arquivo _site.yml:

name: "SampleWeb"
navbar:
  title: "SampleWeb"
  left:
    - text: "Home"
      href: index.html
    - text: "Descriptive Analysis"
      href: descriptive_analysis.html
    - text: "Baseline GWAS Covariate-Sex"
      href: gwas_baseline.html

Minha pergunta é como dividir a "Covariável GWAS de base-sexo" em duas linhas depois de criar o site.

Eu tentei "Baseline GWAS\nCovariate-Sex" e "Baseline GWAS
Covariate-Sex", mas nenhuma dessas duas abordagens funciona. O que devo tentar em seguida? Qualquer ajuda é bem-vinda!

yaml

1 respostas

  1. Best Answer

    Como você está lidando com HTML, você tem que usar uma <br>tag para adicionar uma quebra de linha. No entanto, simplesmente adicionar uma <br>tag ao _site.ymlnão vai funcionar, pois ele é escapado e, portanto, renderizado como texto.

    Não encontrei uma opção para evitar isso. Mas seguindo R Markdown: The Definitve Guide, uma opção para atingir o resultado desejado seria usar um _navbar.htmlarquivo que permita mais controle da barra de navegação.

    # Modified from https://github.com/rstudio/rmarkdown-website/blob/master/_navbar.html
<div class="navbar navbar-default  navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <!-- NOTE: add "navbar-inverse" class for an alternate navbar background -->
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html">SampleWeb</a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="descriptive_analysis.html">Descriptive Analysis</a></li>
        <li><a href="gwas_baseline.html">Baseline GWAS<br>Covariate-Sex</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
</div><!--/.navbar -->

    insira a descrição da imagem aqui

    • 0

relate perguntas