사이트에 코드를 올릴 때 편집기 처럼 이쁘게 올릴 수 있는걸 발견했습니다(dovelet.com의 makecode님, 네이버 코드人의 에디터(imsangchin)님 감사합니다)
두가지 방법이 있습니다. 블로그 스킨을 변경하는 방법과 하이라이트 시킨 후 블로그에 삽입하는 방법
1.
제 블로그에도 적용을 시켰습니다.
티스토리 블로그 처럼 스크립트 적용 가능한 블로그나 사이트에서만 쓸 수 있습니다.
사용법은 스킨 -> html/css편집으로 가서 skin.html소스를 열어 주세요.
<head> </head>안에
<!--코드 이쁘게 출력-->
<link rel="stylesheet" type="text/css" href="/main.css">
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!--코드 이쁘게 출력-->
을 넣어주세요. (주석은 후에 스킨을 바꾸고 싶을 때를 대비해서 앞 뒤로 달았습니다)
다음부터 글을 올릴 땐 html모드를 활성화하시고 소스 앞뒤로
<pre class=brush:c>
</pre>
해주시면 됩니다.
Hello, World. :-)
2.
블로그에 코드를 올리실 때 상시로 syntax highlighter 기능을 이용하고 싶으시면 위와 같이 하구요.
블로그 스킨 변경할 필요없는 방법도 있습니다.
http://qbnz.com/highlighter/demo.php
코드 입력하고 language 선택 후에 output style도 자기 마음대로 바꿀 수 있네요.
두가지 방법이 있습니다. 블로그 스킨을 변경하는 방법과 하이라이트 시킨 후 블로그에 삽입하는 방법
1.
제 블로그에도 적용을 시켰습니다.
티스토리 블로그 처럼 스크립트 적용 가능한 블로그나 사이트에서만 쓸 수 있습니다.
사용법은 스킨 -> html/css편집으로 가서 skin.html소스를 열어 주세요.
<head> </head>안에
<!--코드 이쁘게 출력-->
<link rel="stylesheet" type="text/css" href="/main.css">
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!--코드 이쁘게 출력-->
을 넣어주세요. (주석은 후에 스킨을 바꾸고 싶을 때를 대비해서 앞 뒤로 달았습니다)
다음부터 글을 올릴 땐 html모드를 활성화하시고 소스 앞뒤로
<pre class=brush:c>
</pre>
해주시면 됩니다.
#include <stdio.h>int main() { printf("Hello, World."); return 0; }
Hello, World. :-)
2.
블로그에 코드를 올리실 때 상시로 syntax highlighter 기능을 이용하고 싶으시면 위와 같이 하구요.
블로그 스킨 변경할 필요없는 방법도 있습니다.
http://qbnz.com/highlighter/demo.php
코드 입력하고 language 선택 후에 output style도 자기 마음대로 바꿀 수 있네요.
-
#include <stdio.h>
-
-
int main()
-
{
-
printf("Hello, World.");
-
-
return 0;
-
}
'노트정리 > HTML, 웹프로그래밍' 카테고리의 다른 글
| 크롬 쿠키를 이용한 유투브(youtube) 멤버십 영상 다운로드 (0) | 2023.11.29 |
|---|---|
| 크롬(chrome)에서 웹 페이지를 불러오지 못하는 경우, 탭 닫지 않고 재시작하기 (0) | 2022.08.16 |
| 유튜브(youtube)에서 특정 채널 영상 다운로드 (0) | 2020.09.17 |
| 미디어위키로부터 블로그 글로 syntaxhighlight 된 코드 가져다 쓰기 (0) | 2017.10.05 |
| 각종 소스 코드를 HTML로 된 Syntax Highlight 해주는 사이트를 소개합니다. (0) | 2015.12.09 |
| Visual Studio 2012 Express for Web tutorial 영상 (2) | 2013.12.14 |
