[Tistory]24.소스코드 넣기

[유랑]
티스토리 알아봐요
2019. 8. 2. 11:11

안녕하세요 유랑입니다.

오늘은 티스토리에 소스코드를 삽입하는 방법에 대해서 알아보겠습니다.

코드를 올리시는 분들에게는 유용한 기능이라고 생각됩니다^^

1. 소스코드 넣기

대부분의 분들이 소스코드를 넣을 때 사용하는 방식은 SyntaxHighlighter를 이용하는 것입니다.

우선, http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html 여기서 다운받아주세요.

syntaxhighlighter_3.0.83.zip

1-1) SyntaxHighlighter 업로드

다운받은 파일에서 Scripts와 Styles 안에 있는 파일들을 업로드 해주겠습니다.

티스토리 스킨편집에서 파일업로드를 해주시면 되겠습니다^^

추가로 <head> </head> 사이에 해당 코드를 넣어주시면 완료입니다.

html 코드.txt

1-2) 소스코드 작성

소스 코드는 다음과 같은 형식으로 작성됩니다.

<pre></pre>안에 내용을 넣고, brush에는 적용할 언어를 적어주시면 됩니다.

언어에 따른 이름은 밑에 사진에 나와있습니다.

본문내용

</pre>

삽입방법은 외부컨텐츠를 이용하거나

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
 
namespace Hello_World
{
    class Program
    {
        static void Main(string[] args)
        {
            Console.WriteLine("Hello World!");
        }
    }
}

HTML 문법을 체크하여 추가하시면 되겠습니다ㅎㅎ