Blogger에서 구문 하이 라이터를 설정하려면 어떻게합니까?
Blogger의 새 인터페이스에서 구문 하이 라이터를 설정하려면 어떻게합니까? 나는 많은 옵션을 시도했지만 아무것도 작동하지 않았습니다. 어떤 제안이라도주세요.
1. 먼저 블로거 템플릿을 백업합니다
. 2. 그 후 블로거 템플릿 을 열고 (HTML 편집 모드에서) 이 링크에 제공된 모든 CSS 를 </b:skin>태그 앞에 복사합니다.
3.</head> 태그 앞에 followig 코드를 붙여 넣습니다.
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>
4.</body> 태그 앞에 다음 코드를 붙여 넣습니다 .
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
5. Blogger 템플릿을 저장합니다.
6. 이제 구문 강조를 사용할 준비가되었습니다 <pre></pre>. 태그 와 함께 사용할 수 있습니다 .
<pre name="code">
...Your html-escaped code goes here...
</pre>
<pre name="code" class="php">
echo "I like PHP";
</pre>
7. 여기에서 코드를 이스케이프 할 수 있습니다 .
8. 다음 은 <class>속성 에 지원되는 언어 목록입니다 .
Checkout http://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html
스크린 샷과 모든 것이 포함 된 정말 쉬운 "SyntaxHighlighter for Blogger"자습서입니다.
단 몇 분 만에 가동 및 실행됩니다.
또한이 튜토리얼은 당신이 언급하고있는 "새로운 인터페이스"를 중심으로 만들어졌습니다.
도움이 되었기를 바랍니다. 즐거운 코딩입니다.
템플릿에 따라 콘텐츠가로드되기 전에 SyntaxHighlighter JavaScript 코드가 실행될 수 있습니다. 이 경우 짧은 시간 초과 후 실행되도록 코드를 변경하면 문제가 해결됩니다. <head>템플릿 HTML 에서 다음 을 시도하십시오 .
<script type = "text / javascript">
window.setTimeout (function () {
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all ();
}, 10);
</ script>
를 호출하기 전에 기본값의 추가 사용자 정의를 추가 할 수 있습니다 ScriptHighlighter.all().
SyntaxHighlighter 코드 디스플레이의 모양과 느낌을 사용자 정의하려면 다음과 같은 CSS를 추가하십시오.
.syntaxhighlighter code {
글꼴 패밀리 : Consolas! important;
글꼴 크기 : 10px! important;
}
는 !importantSyntaxHighlighter 테마 정의를 재정의 할 필요가있다.
참고 URL : https://stackoverflow.com/questions/10335463/how-do-i-set-up-a-syntax-highlighter-on-blogger
'developer tip' 카테고리의 다른 글
| 업데이트 부분에서 새 값과 이전 값을 모두 사용할 수 있도록 UPSERT를 수행하는 방법 (0) | 2020.11.23 |
|---|---|
| Jquery에서 확인란이 선택되었을 때 수신하는 방법 (0) | 2020.11.23 |
| 함수 서명에서 변수 이름 앞의 * 및 **는 무엇을 의미합니까? (0) | 2020.11.23 |
| Enum에 숫자가 포함되어 있는지 확인하는 방법은 무엇입니까? (0) | 2020.11.23 |
| bower로 특정 분기의 최신 개정 지정 (0) | 2020.11.23 |