Pular para o conteúdo principal

Buscar

Digite uma palavra ou pergunta para buscar nos artigos de ajuda.

Como adicionar código colorido com botão copiar?

Nesta matéria

Onde: Histórias → Todas as histórias → O editor de histórias

Abra esta página: admin.<your-site>/articles (substitua <your-site> pelo endereço do seu site). Depois, abra a que desejar.

Passo a passo

  1. Abra a história no editor.
  2. Posicione o cursor onde o código deve ficar.
  3. Abra o menu Inserir e escolha Mais blocos, depois Bloco de código.
  4. Cole ou digite o código.
  5. Escolha a linguagem na lista para que as cores fiquem corretas. Escolha Texto simples se não quiser cores.
  6. Publique a história.

Para ver a lista completa de opções de blocos, consulte Código e matemática.

Importante saber

  • Linguagens disponíveis: Plain text, Bash, C, C++, C#, CSS, Dart, Diff, Dockerfile, Go, GraphQL, HTML, INI, Java, JavaScript, JSON, Kotlin, Less, Lua, Makefile, Markdown, Objective-C, Perl, PHP, PowerShell, Python, R, Ruby, Rust, SCSS, Shell session, SQL, Swift, TOML, TypeScript, XML e YAML.
  • Copiar código. No site, cada bloco de código tem um botão Copiar código. Ele aparece quando o navegador do leitor permite a cópia.
  • Código no texto. Para uma palavra ou um comando curto no meio de uma frase, use a marcação Código no texto na barra de ferramentas.
  • Você pode colocar um bloco de código dentro de um Destaque, de um Bloco retrátil ou de uma Coluna.
  • Não cole dados secretos. Nunca coloque senhas, chaves ou tokens em uma história. Os leitores podem ver tudo o que você publica.

Dúvidas frequentes

Perguntas frequentes

Os leitores podem rodar o código?

Não. O bloco serve apenas para exibir e copiar o código.

Posso deixar o código fora dos resumos de busca?

Sim. Os blocos têm a opção "sem resumo" nas ações do bloco. Consulte SEO da história.

Artigos relacionados

Feedback

Isso foi útil?

Também disponível em

Ainda precisa de ajuda?