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;
}

댓글 없음:

댓글 쓰기

추천 게시물

진포 해양테마 공원(위봉함)

  진포 해양테마 공원(위봉함) 고려 말 최무선 장군이 함포를 만들어 왜선을 500여 척이나 물리쳤던 진포대첩을 기념하기 위하여 2008년에 개관한 해양공원이다. 주소 : 전북특별자치도 군산시 내항2길 32 문의처: 063-454-7870 소개 군산 ...