Hugo Содержание есть дополнительная точка впереди

Question

Я использую генератор статического сайта Hugo для создания сайта. Я использую этот код, как указано в документации для создания ТОС:

<div id="toc" class="well col-md-4 col-sm-6"> 
    {{ .TableOfContents }} 
</div> 

Это сгенерированный код:

<div id="toc" class="well col-md-4 col-sm-6"> 
    <nav id="TableOfContents"> 
    <ul> 
     <li> 
     <ul> 
      <li><a href="#step-1-install-hugo:c57cc0038c788519b441e0331c8bebc7">Step 1. Install Hugo</a></li> 
      <li><a href="#step-2-build-the-docs:c57cc0038c788519b441e0331c8bebc7">Step 2. Build the Docs</a></li> 
      <li><a href="#step-3-change-the-docs-site:c57cc0038c788519b441e0331c8bebc7">Step 3. Change the docs site</a></li> 
      <li><a href="#step-4-have-fun:c57cc0038c788519b441e0331c8bebc7">Step 4. Have fun</a></li> 
     </ul> 
     </li> 
    </ul> 
    </nav> 
</div> 

Из-за этого я получаю дополнительную пулю. может ли кто-нибудь решить это? или вы можете предложить CSS удалить пули только с первого ul.

Answer 1

Используйте следующие CSS:

#toc ul { 
    list-style-type: none; 
} 

#toc ul ul { 
    list-style-type: disc; 
}