[빅데이터] 새로운 템플릿 적용

새로운 템플릿을 적용해보았습니다.

html로 글을 작성하는 방법을 찾다가, 템플릿을 적용할 수 있는 방법을 찾아서 적용해 보았습니다. 
참고한 사이트는 http://sosolifemiya.blogspot.com/2017/11/blogger_76.html

설정 - 글,댓글 및 공유 - 글 템플릿(추가) - 밑에 코드를 붙여넣기 하시면 됩니다.

<br />
<!--부제란-->
<div style="
   border-left: solid 5px #27ae60; 
   background-color: #f5f5f5; 
   text-align:left; 
   padding: 8px;">
   <h2 style="
   padding:0;
   margin:0; 
   font-size:16px; 
   color:#717171;
   word-break:break-all;">
   부제를 넣으세요.</h2>
</div>

<!--회색박스-->
<div style="
background-color: #f5f5f5;
font-size: 14px;
padding: 16px 10px;
word-break:break-all;">
   <div> 본문을 작성합니다
</div>
</div>

<!--세로라인-->
<div style="
border-left: 5px solid #27ae60; 
color: #888888; 
font-style: italic; 
margin-left: 0; 
padding-left: 5px;">
세로라인</div>

<!--코드 글자 그대로 보여주는 소스-->
<pre style="
overflow: auto; 
white-space: pre-wrap;
background:#2D3F50;
color:#FFFF;">
코드를 넣으세요</pre>
<br />
<br />

코드를 작성해 봅니다

print('hello world!')

흰색 글씨만 나오니 뭔가 아쉽습니다...ㅎㅎㅎ 

지난 글에서 소개한 사이트에서 http://hilite.me/

코드를 바꾸고 오겠습니다.

print('hello world!')

흠.. 둘 중 하나만 써야겠다는 생각이 드네요.

혹은 코드만 다른 템플릿이 있을까하여

찾아보았습니다.

https://highlightjs.org/static/demo/

코드 하이라이트 스타일이 많습니다. 자신이 사용하는 언어와 스타일에 맞게 사용하도록 합니다.
참고한 사이트 https://sysnet4admin.blogspot.com/2017/06/blog-post_30.html#.XdV7F1czaUk 와
http://koonhous.blogspot.com/2017/07/highlight-source.html

<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/styles/monokai_sublime.min.css" rel="stylesheet"></link>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

테마 - HTML편집 - </head> 위에 붙여넣기 - 코드 위아래에 <pre><code>...</code></pre> 써주기

print('Hello World!') 

import pandas as pd
import numpy as np
import matplotlib.pyplot as plt
%matplotlib inline
plt.rcParams['axes.unicode_minus'] = False

plt.plot(np.random.randn(4, 8), np.random.randn(4,8), 'bo--')
plt.title('title')
plt.xlabel('X')
plt.ylabel('Y')
plt.show()