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

댓글 없음:

댓글 쓰기

추천 게시물

전기차 충전 요금 비교(2024년 4월)

작성기준일: 2024. 4. 15. 충전업체 완속(3kW) 중속(7kW) 급속(~100kW) 초급속(100kW~) 기타 채비 https://www.chaevi.com/ 250 290 360 385 채비패스 유료 가입시 일정용량만...