Gerar automaticamente o índice usando o Tocbot
O conteúdo mais longo está se tornando a norma com uma recepção mais forte do Google e dos usuários. Mas isso pode fique um pouco cansativo para ler o conteúdo longo com toneladas de subtítulos para navegar.
Digite Tocbot, um livre gerador de índice construído em JavaScript. Isso cria automaticamente uma lista ToC fixa em qualquer página e atualiza sua posição à medida que você passa por cada cabeçalho.
A página principal inclui uma visualização completa junto com a documentação que você pode seguir para obter tudo isso..
Tocbot tem sem dependências e deve ser executado em qualquer navegador com JavaScript habilitado. Você apenas inclui os arquivos Tocbot JS / CSS e os deixa rodar. Simples!
Você pode até usar as versões CDN se não quiser baixar nada localmente. É uma linda configuração simples e você ainda pode personalizar o índice para atender às suas necessidades.
No entanto, isso requer um pouco de JavaScript para fazê-lo funcionar. Especificamente você precisa executar um nisso() função com parâmetros definindo onde sua navegação deve aparecer e qual (is) cabeçalho (s) você deseja mirar (ou seja, H1-H6).
Dê uma olhada no repositório do GitHub para mais informações de configuração. Isso inclui suporte ao navegador, todos os parâmetros personalizados e as instruções de configuração para os principais arquivos JS / CSS.
A API vem com muito de recursos que você pode editar também:
- Lista recolhível de itens.
- Sub-rubricas na tabela.
- Offset para navegação de mesa.
- Navegação fixa ou estática.
- Links extras para adicionar à navegação.
Alguns designers podem preferir criar seu próprio índice a partir do zero. Mas isso é um processo bastante técnico e requer muito esforço manual.
Com Tocbot você é apenas uma função JS longe de um ToC de trabalho que é executado dinamicamente em todos os títulos de sua página.
Para saber mais, visite a página inicial do Tocbot. Isso tem todas as informações de configuração necessárias, além de links de download para as versões CDN (e locais) de todos os arquivos Tocbot..
