{"id":24417,"date":"2021-05-13T11:38:00","date_gmt":"2021-05-13T08:38:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24417"},"modified":"2021-10-17T19:16:09","modified_gmt":"2021-10-17T16:16:09","slug":"prism-kenasti-tehtud-suntaksi-esiletostja-teie-veebisaidile","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/prism-kenasti-tehtud-suntaksi-esiletostja-teie-veebisaidile\/","title":{"rendered":"PRISM – kenasti tehtud s\u00fcntaksi esilet\u00f5stja teie veebisaidile"},"content":{"rendered":"

Kui teil on programmeerimisblogi v\u00f5i veebisait, kus selgitatakse, kuidas kodeerida, peate koodi oma veebilehtedel kuvama. Teie k\u00fclastajad p\u00f6\u00f6ravad teie kirjutatud koodile t\u00e4helepanu ja \u00f5pivad sellest. Seet\u00f5ttu peaksite oma koodi kenasti oma veebisaidil kuvama, mis aitab kasutajatel seda h\u00f5lpsasti lugeda. Samuti annab see teie saidi k\u00fclastajatele parema kasutuskogemuse.<\/p>\n

Selles blogis kasutame koodis\u00fcntaksite<\/a> esilet\u00f5stmiseks WordPressi pistikprogrammi SyntaxHighlighter Evolved<\/a>. Kuid selles artiklis me selle WordPressi pistikprogrammi \u00fcle ei arutle. Selle asemel tahaksime oma k\u00fclastajate t\u00e4helepanu juhtida PRISM-ile,<\/a> mis on tuhandete veebisaitide laialdaselt kasutatav s\u00fcntaksi esilet\u00f5stja.<\/p>\n

K\u00f5ige populaarsemad PRISM-i kasutavad ajaveebid on ajakiri Smashing, CSS-TRICKS, SitePoint. Kui otsite lahendust s\u00fcntaksi esilet\u00f5stmise kasutamiseks, siis lugege edasi.<\/p>\n

Paigaldamine<\/h3>\n

PRISM-koodi esilet\u00f5stja kasutamiseks peate lisama oma veebisaidile nende JS-i ja CSS-i. PRISM v\u00f5imaldab teil kohandada valikuid teema ja keele valiku osas. Minge PRISMi avalehele<\/a> ja kl\u00f5psake nuppu Laadi alla.<\/p>\n

\"PRISM<\/a><\/p>\n

Valige j\u00e4rgmisel lehel teie veebisaidile sobiv teema. Jaotises Keeled valige keeled, mille kohta teie veebisait \u00f5petab. Siinkohal soovitame valida ainult vajalikud keeled. Muidu teie PRISMi JS- ja CSS-failid h\u00f5ivavad tarbetut ruumi.<\/p>\n

Kui olete oma valikud valinud, kerige allapoole ja laadige oma JS- ja CSS-failid eraldi alla.<\/p>\n

\"PRISM<\/a><\/p>\n

Kuidas kasutada s\u00fcntaksi esilet\u00f5stjat<\/h3>\n

Oleme alla laadinud JS- ja CSS-failid, mis t\u00f5stavad esile meie koodis\u00fcntaksit. J\u00e4rgmine asi peab n\u00e4gema, kuidas seda oma tegelikus koodis veebilehtedel kuvamise ajal kasutada.<\/p>\n

Alguses peate need allalaaditud failid oma veebisaidile lisama.<\/p>\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
J\u00e4rgmisena pakub PRISM igale toetatud keelele ainulaadse klassi, mida peame kasutama keele s\u00fcntaksit lisades. N\u00e4iteks kui kirjutate PHP-koodi, peaksite oma PHP-koodi pakkima j\u00e4rgmisel viisil.<\/p>\n
\"PRISM<\/a><\/p>\n
Pange t\u00e4hele, et oleme <? Php "asemel kasutanud" <? Php ". PRISM-i kasutamise ajal peate kasutama t\u00e4hem\u00e4rke <<\/code>ning ><\/code>vastavalt t\u00e4hiseid ‘<‘ ja ‘>. Kui kontrollite oma veebisaiti, peaksite oma PHP-koodi n\u00e4gema allpool ekraanipilt.<\/p>\n
\"PRISM<\/a><\/p>\n
CSS-koodi kirjutamiseks peate kasutama klassi language-css<\/code>.<\/p>\n
\"PRISM<\/a><\/p>\n
See CSS-kood kuvatakse teie veebisaidil j\u00e4rgmiselt:<\/p>\n
\"PRISM<\/a><\/p>\n
Samamoodi HTML ja JavaScript s\u00fcntaktilisi peate kasutama klasside language-markup<\/code>ja language-js<\/code>vastavalt.<\/p>\n
Toetatud keelte ja nende klasside loendi saamiseks vaadake seda linki<\/a>.<\/p>\n
J\u00e4reldus<\/h3>\n
Selles artiklis n\u00e4itame teile, kuidas PRISM-i s\u00fcntaksit\u00e4hist oma veebisaidile installida ja kasutada. See lisab teie koodi s\u00fcntaksile ilusa v\u00e4limuse, mis annab k\u00fclastajatele parema kasutuskogemuse. Teise v\u00f5imalusena saate kontrollida ka WordPressi pistikprogrammi SyntaxHighlighter Evolved,<\/a> mida me oma blogis kasutame.<\/p>\n
seotud artiklid<\/h4>\n