ä»ãããªããTumblrã«google-code-prettifyãå°å
¥ããæ¹æ³
1.ãåºæ¬çãªäœ¿ãæ¹ãåŠã¶ã
ãã(å
¬åŒã®Getting Started)ãèªãããçè
ã¿ããã«è±èªã倧ããŠèªããªããŠãããµã³ãã«ã³ãŒãã§äœãšããªããšæãã
2.ããšããããAuto-Loaderãèšçœ®ããã(ããã©ã«ãèšå®ã§)
ãã¡ããšãããªããCSSãšjsãã¡ã€ã«ãèšçœ®ããæ¹ãå€åå¹ççãªæ°ãããããã ãtumblrã®éçãã¡ã€ã«ã®ã¢ããããŒãã¯ãã¡ã€ã«ãæ¶ããªãïŒã¿ãããªã®ã§ãç°¡åã«å€æŽã§ããAuto-Loaderã䜿ãã
Auto-Loaderã䜿çšããããã«ã¯ããçšã®scriptã¿ã°ã貌ãä»ããã°è¯ããäžçªç°¡åãªæ¹æ³ã¯ãGetting Startedã®Auto-Loaderã®çŽäžã«ããscriptã¿ã°ããã®ãŸãŸè²Œãä»ããããšã§ããã(ããã©ã«ãèšå®ã§äœ¿ãã)
ããã®ããšã ãâ»å
¬åŒã®GettingStartedããåŒçšã
<script src=https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
ãããTumblrã®ã«ã¹ã¿ãã€ãºâHTMLãç·šéãããheadã¿ã°ãçµããçŽåã«ã§ãæ¿å
¥ããŠããã°ãããæçš¿ã«è²Œãä»ããæã¯ãhtmlã¢ãŒããæå¹ã«ããŠpreã¿ã°ã«classãšããŠprettyprintãä»ãããã®ã§å²ãã
linenumsãã¯ã©ã¹ãšããŠä»ãããšãè¡çªå·ãä»å ã§ãããäŸãã°ããããªæãã
<pre class="prettyprint linenums"> <html> <head> <meta charset="UTF-8"> </head> <body> <h1> test </h1> </body> </html> </pre>
ããã§ãæ°ãä»ããå¿
èŠãããã®ã¯ããœãŒã¹ã®äžèº«ã貌ãä»ããéã¯>ãšã<ããšã¹ã±ãŒãããªããšã¿ã°ãšåéããããŠãããããšã«ãªãã
å®éã«è²Œãä»ããéã¯ããã°ã©ã ãããããwebãµãŒãã¹ã¿ããã®ãæ¢ããŠå€æããŠããŸãã®ãåãææã¡ã§ããããšãããªããã
貌ãä»ããããã¬ãã¥ãŒã§ç¢ºèªããŠã¿ããããããªæãã«è¡šç€ºãããã°OKã ã
<html> <head> <meta charset="UTF-8"> </head> <body> <h1> test </h1> </body> </html>
ãïŒè²ãšããéãã£ãŠïŒããã¯åŸã§å€ããã®ã§æ°ã«ããªãããšããããããœã¬ã£ãœãè²ãã€ããŠããã°æ£è§£ã§ãã
3.ãèŠãç®ãå€ããŠã¿ã
ããã©ã«ãã®ããŒãã¯èŠãç®ãã·ã³ãã«ãããã®ãšãè¡çªå·ã5è¡ããšã«æ¯ãããŠããã®ã§äžäŸ¿ã§ããã1è¡ããšã«æ¯ãã«ã¯ã©ãããæžãæããã°ããã®ã ãããã©é¢åãªã®ã§ãå§ããããããªã£ãŠããããŒãã«å€ããã
ãããåèã«ããŒããéžãŒããã¡ãªã¿ã«ãã®Tumblrã§ã¯Sons-Of-Obsidianã䜿çšããŠããã
ããŒãã®æå®æ¹æ³ã¯Getting Startedã«æžããŠããéããããäžåºŠãHTMLãç·šéãããscriptã¿ã°ã®URLã«skinãã©ã¡ãŒã¿ã远å ããã°ããã
ããã§æ°ãä»ããå¿
èŠãããã®ã¯ãããŒãã®ã£ã©ãªãŒã§ã¯é æåã倧æåã«ãªã£ãŠããããURLã§æå®ããéã¯é æåãå°æåã«ããã
â»ãµã³ãã«ã§ããããªã£ãŠããã
æžãæããåŸãããäžåºŠåãæ¹æ³ã§ãã§ãã¯ããã°ãããŒããå€ãã£ãŠããã¯ãã ã