2018년 9월 16일

블로거 blogger 에서 소스코드 색 입히기 Syntaxhighlighter

Apache
 Bash
 C#
 C++
 CSS
 CoffeeScript
 Diff
 HTML, XML
 HTTP
 Ini
 JSON
 Java
 JavaScript
 Makefile
 Markdown
 Nginx
 Objective-C
 PHP
 Perl
 Python
 Ruby
 SQL
 Shell Session
등이 가능하고 실제로 훨씬 많은 언어를 지원하고 있다. 설치도 간단해서



1. 블로거 관리페이지 >  테마  > HTML 편집 으로 들어가서

2. <head> 와  </head> 사이에 아래 코드 를 넣기만 하면 끝

<!-- SyntaxHighlight 소스코드 색깔넣기 시작 -->
<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/styles/darcula.min.css" rel="stylesheet"></link>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/highlight.min.js">
<script>hljs.initHighlightingOnLoad();</script>
<!-- SyntaxHighlight 소스코드 색깔넣기 끝 -->


4. 글쓰기에서 글을 아래와 같이 작성했다

function fnNameLayer($ismember, $name, $which = 2) {
global $CountNameLayer, $name_layer;
// ' 등의 특수문자때문에 붙인 \(역슬래쉬)를 떼어낸다
$lname = '<span onMousedown="showNameLayer(\'layer_name'.$CountNameLayer.'\',\'visible\')" style="cursor:hand;"><b><font color=#555555>'.$name.'</font></b></span>';
//arrayNameLayer('레이어번호','회원번호','닉네임','자료실=1 게시판=2');
$name_layer .= "arrayNameLayer('layer_name".$CountNameLayer."', $ismember,'".$name."','".$_SESSION['member']['level']."');\n";
$CountNameLayer++;
return $lname;
}

5. HTML 작성으로 들어가서 처음과 끝에

<pre><code class="php">



</code></pre>

를 쓰면 아래와 같이 나옵니다.

function fnNameLayer($ismember, $name, $which = 2) {
 global $CountNameLayer, $name_layer;
 // ' 등의 특수문자때문에 붙인 \(역슬래쉬)를 떼어낸다
 $lname = '<span onMousedown="showNameLayer(\'layer_name'.$CountNameLayer.'\',\'visible\')" style="cursor:hand;"><b><font color=#555555>'.$name.'</font></b></span>';
//arrayNameLayer('레이어번호','회원번호','닉네임','자료실=1 게시판=2');
 $name_layer .= "arrayNameLayer('layer_name".$CountNameLayer."', $ismember,'".$name."','".$_SESSION['member']['level']."');\n";
 $CountNameLayer++;
 return $lname;
}

댓글 없음:

댓글 쓰기

추천 게시물

nVidia Jetson Orin Nano Developer Kit 8GB 설치 및 사용기 (AI서버)

 4일동안 삽질하다가 설치 성공 사례를 남깁니다. AI한테 물어보실봐도 모델과 현재 상황을 정확하게 인지 시켜줘야 제대로 대답을 하지 그냥 물어봐서는 저처럼 계속해서 삽질만 하게 될껍니다.   그럼 시작합니다. 사전에 알아야 할 내용 1.  JetPa...