studymake.blogspot.kr: 블로거

레이블이 블로거인 게시물을 표시합니다. 모든 게시물 표시

2015년 4월 21일 화요일

저작권 없는 이미지를 구하는 곳

블로그에 이미지를 업로드할 경우 저작권에 신경을 써야 한다. 국내의 경우 사진에 대한 공유가 활발히 이루어지지 않고 있지만 해외 싸이트에서는 많은 곳에서 자율적으로 공유가 이루어지고 있다.

구글 이미지 검색에서도 '재사용 가능'한 이미지를 필터링할 수 있다. 다음 그림과 같이 [검색 도구]->[재사용 가능]탭->재사용 가능 옵션을 이용하면 된다. 단 재사용시 반드시 출처를 밝혀주어야 한다.

아래 리스트는 무료로 고 퀄리티의 사진을 이용할 수 있는 사이트 모음이다. 심지어 상업적인 용도로도 사용할 수 있다.

unsplash.com : '(무엇을 하든지) 무료 고해상도 사진들' 라고 대문에 딱 써 있음.

picjumbo.com : '상업적/개인적으로 이용할 수 있는 완전 무료 사진들'

pixabay.com :'상업적 혹은 개인적 용도로 pixabay 의 모든 이미지를 자유롭게 사용하세요'

gratisography.com : 'you can use on your personal & commercial projects'

compfight.com : 검색옵션에 'commercial' 이 있다.

2015년 4월 20일 월요일

[블로거] 블로거(blogger, blogspot)에서 mathjax 사용하여 latex 사용하기

블로거에서 LaTex 을 사용하여 수식을 입력할 수 있다.
그러기 위해서 템플릿의 HTML 소스 <head> 태그 바로 밑에 아래 코드를 삽입한 후 저장하면 된다. 아래 코드 조각은 이 포스트를 참조하였다. 수식 번호를 자동으로 붙이게끔 하는게 찾기 어려웠는데 추가적인 옵션은 이 포스트를 참조하였다.

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js">
MathJax.Hub.Config({
 extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
 jax: ["input/TeX", "output/HTML-CSS"],
 tex2jax: {
     inlineMath: [ ['$','$'], ["\\(","\\)"] ],
     displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
 },
 "HTML-CSS": { availableFonts: ["TeX"] },
  TeX: { equationNumbers: {autoNumber: "AMS"} } //수식번호 옵션
});
</script>

이제 $\sqrt{x^2+1}$ 과 같이 본문 내에 수식을 입력할 수도 있고 한 줄 수식도 입력할 수 있다.
$$y(x)=\frac{x+1}{x^3+x+1}cos(x)$$

begin{eqation}~end{equation} 은 수식 번호가 자동으로 붙는다.

\begin{equation} \label{e1}
E = mc^2
\end{equation}

수식 번호를 안 붙이려면 equation* 을 사용한다.
\begin{equation*}
E = mc^2
\end{equation*}

이제 \eqref{e1}식 과 같이 수식 번호를 참조하는 것도 가능하다.

2015년 4월 16일 목요일

블로거(blogspot)에서 코드박스 생성하는 방법

블로그포스트에서 프로그램 코드를 소개할 때 글상자에 넣어주도록 설정할 수 있다. 아래 코드를 템플릿 편집모드에서 ]]<\b:skin> 바로 앞에 복사해 넣는다.

-------------------------------------------------------------------
.code {
background:#f5f8fa;
background-repeat:no-repeat;
border: solid #5C7B90;
border-width: 1px 1px 1px 20px;
color: #000000;
font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: auto;
padding: 10px 10px 10px; width: 90%;
}

.code:hover {
background: #FAFAFA;
background-repeat:no-repeat;
}
-------------------------------------------------------------------

이제 html 편집모드에서 아래와 같이 입력하면

<div class="code">
프로그램
</div>

코드박스가 생겨난다.

main(){
printf
}
[#00006]

블로거에서 포스트 폰트 및 줄간격

블로거에서 포스트의 폰트를 조절하려면 [레이아웃]에 들어가면 [템플릿 디자이너]로 갈 수 있는 링크가 있다. 여기서

템플릿디자이너>고급>페이지텍스트

로 찾아 들어간다.

여기에서 글꼴을 선택할 수 있다.

줄간격을 조절하려면 [템플릿편집모드]에서 다음과 같은 부분을 찾는다.

---------------------------------------------------------------------------
.post-body {
font-size: 12pt;
line-height: 1.8; // 줄간격
position: relative;
}
---------------------------------------------------------------------------

여기에서 숫자를 조절하면 된다. 1.0이면 줄과 줄사이가 딱 붙게 되고 2.0이면 줄과 줄 사이에 한 줄 공백이 들어간다.
[#00004]