세상의 모든 아침

미넴 스킨에서는 공개/비공개 표시가 보이지 않아서, 원래 스킨으로 복귀

폰트와 크기는 변경. : 더 크고 편하게 볼 수 있게.

참고 Url :

https://article2.tistory.com/598

https://emflant.tistory.com/188

https://dev-note-97.tistory.com/48 

기존 스킨이 글자가 작어서 보기에 점점 불편해져서 여러 스킨을 고려하다가 미넴 스킨으로 변경하였다.

적용한 버전 : Mynem Skin V2.7.3

관련 링크 :

https://sangminem.tistory.com/506

위 링크에서 설명한 플러그인 4개도 설치함.

아래 그림처럼 블로그 상단에 스크롤진행상태 바를 보이게 하기 :
  방법은 아래 링크 참고

출처 : https://crazykim2.tistory.com/779

http://lovelywolf.tistory.com/

출처: http://lovelywolf.tistory.com/420

SyntaxHighlighter는 자바 스크립트를 이용해 소스 코드에 스타일을 적용해서 마치 에디터에서 코드를 보듯 보기 좋게 꾸며준다.

1. 설치하기(티스토리 기준)
   
   다운받아서 압축을 풀면 다음과 같은 파일이 생긴다
   
   
   
   이중 scripts 와 styles 디렉토리에 있는 파일들을 블로그에 업로드한다.
   티스토리의 경우 관리자 페이지에서 스킨 - HTML/CSS 편집 메뉴로 이동해서 파일 업로드 탭을 클릭한 후 파일을 올리면 된다.
   
   
   
   
   
   업로드된 파일을 확인 후에 다시 HTML/CSS 편집 탭을 눌러서 skin.html에  아래의 내용을 삽입한다.
   
   

   <script src="./images/shCore.js" type="text/javascript"></script>

   <script src="./images/shBrushBash.js" type="text/javascript"></script>

   <script src="./images/shBrushCpp.js" type="text/javascript"></script>

   <script src="./images/shBrushCSharp.js" type="text/javascript"></script>

   <script src="./images/shBrushCss.js" type="text/javascript"></script>

   <script src="./images/shBrushDelphi.js" type="text/javascript"></script>

   <script src="./images/shBrushDiff.js" type="text/javascript"></script>

   <script src="./images/shBrushGroovy.js" type="text/javascript"></script>

   <script src="./images/shBrushJava.js" type="text/javascript"></script>

   <script src="./images/shBrushJScript.js" type="text/javascript"></script>

   <script src="./images/shBrushPhp.js" type="text/javascript"></script>

   <script src="./images/shBrushPlain.js" type="text/javascript"></script>

   <script src="./images/shBrushPython.js" type="text/javascript"></script>

   <script src="./images/shBrushRuby.js" type="text/javascript"></script>

   <script src="./images/shBrushScala.js" type="text/javascript"></script>

   <script src="./images/shBrushSql.js" type="text/javascript"></script>

   <script src="./images/shBrushVb.js" type="text/javascript"></script>

   <script src="./images/shBrushXml.js" type="text/javascript"></script>

   <link href="./images/shCore.css" type="text/css" rel="stylesheet"><link href="./images/shThemeDefault.css" type="text/css" rel="stylesheet">

   <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf'; SyntaxHighlighter.all();</script>

   
   
   
   SyntaxHighlighter가 페이지 로딩하는데 영향을 적게 주게 하려면 사용하지 않는 언어는 제외하고 skin.html 가장 뒤쪽에(</body> 바로 위) 넣어 주는 것이 좋다.
   
   
   
   
   
   이것으로 설치는 끝이다. 빨간 밑줄 부분을 변경하면 테마를 바꿀 수 있는데, 테마 변경에 대해서는 다시 설명할 것이다.
   
   
   
2. 사용하기
   사용은 pre 태그를 쓰면된다. 아래 샘플 코드를 보자.
   
   <pre class="brush: java">
   public class HelloWorld {
       public static void main(String[] args) {
           System.out.println("Hello World!");
       }
   }
   </pre>
   
   
   
   
   ?

   1 2 3 4 5

   public class HelloWorld {     public static void main(String[] args) {         System.out.println("Hello World!");     } }

   
   (팁) 티스토리에서 pre 태그를 사용하기 위해서 HTML 편집모드로 갔다가 다시 HTML 편집모드를 해제하면 pre 태그부분에 <br/> 태그들이 자동으로 생성된다. 이를 방지하기 위해서는 HTML 편집모드로 들어간 다음에 입력이 끝나면 HTML 편집모드를 해제를 하지말고 바로 저장하기 버튼을 눌러 저장을 하자.
   
   
   <pre class="brush: java"> 에서 brush는 자바외에도 다양한 언어를 지원하고 있다. java 대신 아래 표를 보고 원하는 언어의 Brush aliases를 입력해 주면 된다.
   
   
   
   
   
   
3. 테마 바꾸기
   skin.html에 다음과 같은 코드를 삽입했었다.
   
   <link href="./images/shThemeDefault.css" type="text/css" rel="stylesheet">
   
   
   밑 줄 부분인 shThemeDefault.css 를 바꿔주면 테마를 변경할 수 있다. 기본적으로 제공하는 테마는 shThemeDefault.css, shThemeDjango.css, shThemeEmacs.css, shThemeFadeToGrey.css, shThemeMidnight.css, shThemeRDark.css 가 있다.
   
   Default Theme
   
   <link href="./images/shThemeDefault.css" type="text/css" rel="stylesheet">
   
   
   
   
   Django Theme
   <link href="./images/shThemeDjango.css" type="text/css" rel="stylesheet">
   
   
   
   
   shThemeEmacs.css
   <link href="./images/shThemeEmacs.css" type="text/css" rel="stylesheet">
   
   
   
   
   shThemeFadeToGrey.css
   <link href="./images/shThemeFadeToGrey.css" type="text/css" rel="stylesheet">
   
   
   
   
   shThemeMidnight.css
   <link href="./images/shThemeMidnight.css" type="text/css" rel="stylesheet">
   
   
   
   
   shThemeRDark.css
   <link href="./images/shThemeRDark.css" type="text/css" rel="stylesheet">
   
   
   
   

[티스토리] 기본 글자 크기 변경 어떻게 하나요?

티스토리 글 쓰기 모드에서 글을 적성 할 때마다 글자 크기를 변경해 주어야하는게 귀찮아서 기본 글자 크기를 변경해 줄 수 있는 방법이 있는지 알아보기 위해서 검색을 해보아는데 기본 글자 크기를 변경에 대한 글이 없네요.

다른 유저들도 기본 글자 크기에 대한 불만을 가진 유저가 있을 것인데 왜 검색을 해보아도 나타나지 않는 것이지 ...

간단히 기본 클자 크기를 변경 할 수 있는 방법이 있는 것일까?
아니면 변경이 않되는 것이 당연한 것이라서 생각해서 일까?

직접 다음에 문의 해보는게 빠를 것 같아서 다음에다 기본 글자 크기를 변경 할 수 있는 방법이 없는지 메일을 보냈는데 답변이 왔네요.

스킨 위자드에서 기본 글자를 변경 활 수 있다는 내용 같은데 스킨 위자드에서 본문 배경은 변경이 가능하나 글자 크기는 변경이 않되는 것 같았는데 ...

다시 한번 스킨 위자드에서 게시 글자 크기 변경을 해보았는데도 크기가 아무른 변화가 없네요.
답변 내용을 잘 못 해석 했나. ㅡㅡ;
 

답변에서 변경 불가능하다고 하지 않은 것으로 보아서는 변경 할 수 있는 것 같기는 한데 어떻게 하는지 모르겠습니다.

기본 글자 크기를 변경하는 법을 아는 분은 댓글 좀 남겨 주세요.
방법을 자세히 설명한 블로그가 있어면 주소를 남겨 주면 더 감사. ^^

http://ikhong.tistory.com/trackback/53

 일단 트랙백을 사용하는 이유는

 어떠한 글을 봤을때 자신의 생각과 비슷하거나 자신의 블로그에 올린 글과 비슷한 관련이 있는 글을 보았을때 그 글에다가 자신의 블로그에 있는 글을 댓글로 다 적을 수는 없지 않겠습니까?  이때 트랙백이라는 걸 사용합니다. 한마디로 긴 장문의 댓글이라고 이해하시면 되겠네요. 내가 썼었던 글을 그대로 내가 방문한 블로그의 글에다가 트랙백이라는 댓글로 남기는 것입니다.  이래서 주소는 글 하나하나마다 고유해서 관련글이 오고가면서 트랙백이 오고갈수있습니다.

사용법 첫번째로는 내가 방문한 사이트에서 내블로그에 올린 글과 연관이 있는 글을 발견했을때 그 방문한 블로그의 글에 트랙백을 남기면 되는데, 이때 방문한 글의 트랙백주소를 찾습니다. 주소는 금방 찾으실수 있으실 겁니다.

방문블로그의 트랙백남기고 싶은 글의 트랙백 주소입니다.

이제 전송만 누르면 됩니다.

이올린에 북마크하기(0) 이올린에 추천하기(0)

'요즘관심story > 정보와 지식' 카테고리의 다른 글