728x90
반응형
위의 그림처럼 블로그에 소스코드를 포스팅할 때 예쁘게 소스코드를 넣었는데 추후
글 수정했을 때 소스코드가 깨져서 보이면 어떻게 해야할까요?
※위 사례는 소스코드 하이라이터 Prism.js 프리즘을 이용했을 때 예시입니다.
글을 쓸 때 그림1 기본 모드에서 HTML로 선택합니다.
그림2처럼
<pre class="line-numbers"><code class="language-언어이름">코드입력</code></pre>
입력하시면 추후 글을 편집할 때 소스코드 일부분이 날아가서
그림3처럼 보이게 됩니다. ㅡ,.ㅡ;;
수정 페이지에 들어가면 그림5처럼 code class 코드 클래스가 날아가게 됩니다..(아마도 티스토리 버그인 듯?)
그러므로
그림4처럼
<pre class="line-numbers language-언어이름">코드입력<code>
작성하시면 추후 글을 수정할 때 디자인이 깨지지 않게 글 수정이 가능합니다.
public static void main(String[] args) throws Exception{
System.out.println("COMDORI블로그");
}
↑ 이렇게 깔끔하고 예쁘게 소스코드가 보이시죠? ㅎㅎ
봐주셔서 감사합니다.
본 게시글이 도움되셨으면 광고 및 좋아요 ♡ 클릭 부탁드립니다!
#컴돌이블로그 #컴돌이 #COMDORI #프리즘 #Prism
728x90
반응형
'IT > Tips & Other...' 카테고리의 다른 글
[갤럭시] 갤럭시 S7 SKT G930SKSU3ETJ1 초기화 펌웨어 (0) | 2021.10.17 |
---|---|
[블로그팁] Odyssey 오디세이 테마 다크모드 (0) | 2021.10.01 |
[iOS] Mac 맥북 에서 AltStore 알트스토어 설치 아이폰 탈옥 하기 IPA설치 (2) | 2021.03.03 |
[iOS] 컴퓨터 없이 아이폰 아이패드 iOS14 탈옥(해킹) 하기 (16) | 2021.03.02 |
[갤럭시] 갤럭시S4 E300S 모비낸드 초기화 펌웨어 (0) | 2018.09.02 |