Crayon Syntax Highlighterã®ä½¿ã„æ–¹ | TechAcademyマガジンCrayon Syntax Highlighterã¨ã¯ ã“ã®ãƒ—ラグインã¯ã€æŠ€è¡“ブãƒã‚°ãªã©ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’載ã›ã¦ã„るサイトをé‹å–¶ã—ã¦ã„る人ã«é‡å®ã—ãã†ã§ã™ã€‚ エディタãªã©ã§è¡¨ç¤ºã•ã‚Œã¦ã„るソースコードã¨åŒã˜ã‚ˆã†ã«WordPressã®è¨˜äº‹ã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã™ã€‚ ã¨ã¦ã‚‚見やã™ããªã‚Šã¾ã™ã®ã§ã€ãœã²æ´»ç”¨ã—ã¦ã¿ã¦ãã ã•ã„。 以下ã§ã¯ã€ãã®ä½¿ã„方を紹介ã—ã¦ã„ã¾ã™ã€‚ 記事内ã«ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’挿入ã™ã‚‹ Crayon Syntax Highlighterã¯è¨˜äº‹ä½œæˆæ™‚ã«ãã®ã¾ã¾ã‚¨ãƒ‡ã‚£ã‚¿ã‹ã‚‰ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒæœ€åˆã‹ã‚‰æ—¥æœ¬èªžåŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ 「プラグインã€â†’「新è¦è¿½åŠ ã€ã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãƒ»æœ‰åŠ¹åŒ–ã—ãŸå¾Œã€WordPressã®ç®¡ç†ç”»é¢ã‹ã‚‰ã€ŒæŠ•ç¨¿ã€â†’「新è¦è¿½åŠ ã€ã‚’é¸æŠžã—ã¾ã™ã€‚ 記事作æˆã®ã‚¨ãƒ‡ã‚£ã‚¿ãŒã€Œãƒ“ジュアルã€ã«ãªã£ã¦ã„ã‚‹å ´åˆã¯ã€Œãƒ†ã‚ストã€ã‚¿ãƒ–をクリックã—ã¾ã™ã€‚ メニューボタンã‹ã‚‰ã€Œcrayon
Qiitaã§è¨˜äº‹ã«CodePenãŒåŸ‹ã‚è¾¼ã‚るよã†ã«ãªã‚Šã¾ã—㟠- Qiita
CodePen - Front End Developer Playground & Code Editor in the Browser
{{#tags}}- {{label}}
{{/tags}}