저는 티스토리와 네이버 블로그 두 곳을 같이 운영하고 있습니다.
그렇다보니 두 곳에 모두 소스코드를 올릴거 같습니다.
소스코드를 예전에는 그냥 텍스트로 올렸었습니다.
그런데 요세는 보니깐 이쁘게 올리더라고요.
그래서 저도 그렇게 올리려고 합니다.
그게 보기도 좋으니깐요~
그래서 티스토리와 네이버 블로그 두 곳의
소스코드 올리는 법을 정리하도록 하겠습니다.
1. 네이버
네이버는 쉽네요.
글 쓰는 곳에 소스코드라고 아예 생겼네요.
그곳을 클릭합니다.
그러면 아래 이미지처럼 입력하는 곳이 생깁니다.
그곳에 소스를 입력하면 됩니다.
아래 이미지처럼 입력을 하면 됩니다.
무척 심플하네요.
그러면 아래 이미지처럼 소스코드가 표현이 되는 것 같네요.
2. 티스토리
티스토리는 네이버처럼 간편하지가 않네요.
소스코드를 나타내기 위해서는 별도의 플러그인을 설치해야 합니다.
플러그인 파일은 첨부를 했습니다.
syntaxhighlighter_3.0.83.zip해당 파일을 다운 받고 난 이후 압축을 풀어야 합니다.
2) 티스토리 관리 화면 - 꾸미기 - 스킨편집으로 들어갑니다.
3) 우측의 html 편집을 선택합니다.
4) 파일업로드 - 추가를 선택합니다.
5) script, src, styles 폴더에 있는 파일들을 다 선택해서 넣어주면 됩니다.
해당 폴더에 들어가서 전체선택하면 한번에 선택이 가능합니다.
그러면 아래 이미지처럼 추가가 된 것이 보입니다.
6) html 편집 창으로 이동합니다.
그리고 <head> </head> 태그 안에 아래 코드를 입력 합니다.
넣고 난 이후에 화면입니다.
7-1) 사용하기
사용하기 위해서는 글쓰기에서 html 체크를 하면 됩니다.
소스를 넣어야 하는 곳에 pre 테그를 이용해서 넣어주면 됩니다.
<pre class="brush:java;">
int main()
{
system.out.println("Hello World!!");
}
</pre>
위는 예제 소스입니다.
pre 태그까지 써서 다른 분들이 어떻게 했는지 모르겠네요..
암튼 위 처럼 넣으면
아래처럼 나오게 됩니다.
int main()
{
system.out.println("Hello World!!");
}
참고로 Syntaxhighlighte 플러그인에서 적용 가능한 소스코드들입니다.
Brush Name의 값들을 넣어주시면 되십니다.
| Brush name | Brush aliases | File name |
| ActionScript3 | as3, actionscript3 | shBrushAS3.js |
| Bash/shell | bash, shell | shBrushBash.js |
| ColdFusion | cf, coldfusion | shBrushColdFusion.js |
| C# | c-sharp, csharp | shBrushCSharp.js |
| C++ | cpp, c | shBrushCpp.js |
| CSS | css | shBrushCss.js |
| Delphi | delphi, pas, pascal | shBrushDelphi.js |
| Diff | diff, patch | shBrushDiff.js |
| Erlang | erl, erlang | shBrushErlang.js |
| Groovy | groovy | shBrushGroovy.js |
| JavaScript | js, jscript, javascript | shBrushJScript.js |
| Java | java | shBrushJava.js |
| JavaFX | jfx, javafx | shBrushJavaFX.js |
| Perl | perl, pl | shBrushPerl.js |
| PHP | php | shBrushPhp.js |
| Plain Text | plain, text | shBrushPlain.js |
| PowerShell | ps, powershell | shBrushPowerShell.js |
| Python | py, python | shBrushPython.js |
| Ruby | rails, ror, ruby | shBrushRuby.js |
| Scala | scala | shBrushScala.js |
| SQL | sql | shBrushSql.js |
| Visual Basic | vb, vbnet | shBrushVb.js |
| XML | xml, xhtml, xslt, html, xhtml | shBrushXml.js |
이상으로 티스토리, 네이버 블로그에 소스코드 이쁘게 올리기 위한 방법이였습니다~
'컴퓨터관련 > 블로그 관련' 카테고리의 다른 글
| [블로그 관리]티스토리 이쁘게 소스올리기 2탄 (0) | 2019.03.26 |
|---|---|
| [블로그관리]티스토리 블로그 폐쇄 (0) | 2019.03.14 |
