개발자의 블로그

무료로 사진 편집 할수 있는 사이트를 찾아보다가 괜찮은 곳을 발견해서 공유해요.

이름은 Befunky 이고 살짝 속도가 느린 감은 있는데 다양한 기능을 제공해요.

무료 버전은 편집 화면 우측과 하단에 광고가 떠 있지만 크게 신경 쓰일 수준은 아니고요, 유료결제하면 더 다양한 기능을 사용할 수 있을 것 같지만 유료결제 할 정도는 아니고, 무료로 굉장히 쓸만할 것 같습니다.

사진만 봐도 기능이 꽤 다양해 보이죠?

아래로 접속해서 이용해 보세요.

https://www.befunky.com/create/

블로그 관리자 페이지 (http://블로그.tistory.com/manage 로 접속 가능하죠?) 에서

스킨 편집, html 편집 버튼, CSS 버튼을 눌러 코드 수정 페이지로 들어갑니다

1. 꾸미기 - 스킨 편집

2. html 편집

3. CSS 버튼

4. 위에서처럼, 폰트 URL을 Import 하고, font family를 변경합니다.

제 블로그 같은 경우는, 나눔 고딕으로 설정했어요.

폰트는 아래 사이트에서 제공합니다.

https://fonts.google.com/

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
textarea { font-size: 14px; font-family:'Nanum Gothic'; line-height: 100%; }

5. 완료!

- 참고 링크

티스토리 스킨 #1, 폰트(글자체) 변경하기

1. SyntaxHighlighter

http://combook.kr/30 - 티스토리 블로그에 간단하게 소스코드 입력하기

http://ssppmm.tistory.com/3387 - SyntaxHighlighter 코드 자동 생성기를 통한 코드 넣기

http://november11tech.tistory.com/88 - [Tistory] 티스토리 소스코드 플러그인 사용 (업로드 없이 간편)

<link type="text/css" rel="stylesheet" href="./images/shCore.css">
<link type="text/css" rel="stylesheet" href="./images/shCoreRDark.css">
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shLegacy.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushScala.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<script type="text/javascript">
	SyntaxHighlighter.defaults["toolbar"] = false;    // 툴바 없애기
	SyntaxHighlighter.defaults["auto-links"] = false; // 자동링크 없애기
	SyntaxHighlighter.defaults["tab-size"] = 2;				// 탭사이즈를 2로 설정
	SyntaxHighlighter.all();
</script>

2. ColorScripter

http://ssppmm.tistory.com/3388 - Colorscripter 사용법

https://github.com/eu81273/tistory-skin-travel

https://brunch.co.kr/@inner-beauty/107

https://blog.naver.com/PostList.nhn?blogId=frui2store&skinType=&skinId=&from=menu&userSelectMenu=true