Os blogs mais populares que usam PRISM s\u00e3o Smashing Magazine, CSS-TRICKS, SitePoint. Se voc\u00ea est\u00e1 procurando a solu\u00e7\u00e3o sobre como usar o realce de sintaxe, continue lendo.<\/p>\n
Instala\u00e7\u00e3o<\/h3>\n
Para usar o marcador de c\u00f3digo PRISM, voc\u00ea precisa incluir seu JS e CSS em seu site. O PRISM permite que voc\u00ea personalize suas escolhas de tema e sele\u00e7\u00e3o de idioma. V\u00e1 para a p\u00e1gina inicial<\/a> do PRISM<\/a> e clique no ‘bot\u00e3o’ Download.<\/p>\n Na pr\u00f3xima p\u00e1gina, escolha o tema que mais se adequar ao seu site. Na se\u00e7\u00e3o Idiomas, selecione os idiomas que seu site ensina. Aqui, recomendamos selecionar apenas os idiomas necess\u00e1rios. Caso contr\u00e1rio, os arquivos JS e CSS do seu PRISM ocupar\u00e3o espa\u00e7o desnecess\u00e1rio.<\/p>\n Depois de selecionar suas op\u00e7\u00f5es, role para baixo e baixe seus arquivos JS e CSS personalizados separadamente.<\/p>\n Baixamos os arquivos JS e CSS que destacar\u00e3o a sintaxe do nosso c\u00f3digo. A pr\u00f3xima coisa que voc\u00ea precisa ver \u00e9 como us\u00e1-lo em seu c\u00f3digo real durante a exibi\u00e7\u00e3o em p\u00e1ginas da web.<\/p>\n Em primeiro lugar, voc\u00ea precisa incluir esses arquivos baixados em seu site.<\/p>\n Em seguida, o PRISM fornece uma classe \u00fanica para cada linguagem suportada que temos que usar ao adicionar a sintaxe da linguagem. Por exemplo, se voc\u00ea est\u00e1 escrevendo um c\u00f3digo PHP, deve embrulhar seu c\u00f3digo PHP da seguinte maneira.<\/p>\n Observe que usamos “<? Php" em vez de “<? Php". Ao usar PRISM, voc\u00ea deve usar caracteres Para escrever um c\u00f3digo CSS, voc\u00ea precisa usar class Este c\u00f3digo CSS ser\u00e1 exibido em seu site da seguinte forma:<\/p>\n Da mesma forma para a sintaxe HTML e JavaScript, voc\u00ea precisa usar classes Para obter a lista de idiomas suportados e suas classes, verifique este link<\/a>.<\/p>\n Neste artigo, mostramos como instalar e usar o realce de sintaxe PRISM em seu site. Ele adiciona uma boa apar\u00eancia \u00e0 sintaxe do c\u00f3digo, o que proporciona uma melhor experi\u00eancia do usu\u00e1rio aos visitantes. Como alternativa, voc\u00ea tamb\u00e9m pode verificar o plugin do WordPress SyntaxHighlighter Evolved<\/a> que estamos usando em nosso blog.<\/p>\n![\"PRISM](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211618250b.png\")
<\/a><\/p>\n![\"PRISM](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211631b429.png\")
<\/a><\/p>\nComo usar o Marcador de sintaxe<\/h3>\n
<!DOCTYPE html>\n<html>\n<head>\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0<link href=\"css\/prism.css\" rel=\"stylesheet\" \/>\n<\/head>\n<body>\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0<script src=\"js\/prism.js\"><\/script>\n<\/body>\n<\/html><\/code><\/pre>\n![\"PRISM](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\")
<\/a><\/p>\n<<\/code>e ><\/code>para ‘<‘ e ‘>’, respectivamente. Agora, se verificar sua p\u00e1gina da web, voc\u00ea ver\u00e1 o c\u00f3digo PHP como abaixo captura de tela.<\/p>\n<\/a><\/p>\nlanguage-css<\/code>.<\/p>\n<\/a><\/p>\n<\/a><\/p>\nlanguage-markup<\/code>e language-js<\/code>respectivamente.<\/p>\nConclus\u00e3o<\/h3>\n
Artigos relacionados<\/h4>\n