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

2017년 6월 6일 화요일

[블로그] 유용한 정보 (5)

- 0 개의 댓글
블로그를 사용하다가 보면 좀 더 생산성을 높일 수 있거나, 의문점이 드는 항목들이 있는데, 그런 정보들을 정리한다. (Last updated date : Jun/06/2017)

1. 사진을 쉽게 캡처하기 
블로그에 글을 올리다 보면 여러 개의 그림 파일을 설명을 위해서 첨부해야 하는데, 이때 캡처 프로그램이 쉽게쉽게 동작하면 아주 좋다.
현재까지는 opencapture가 개인 유저에게 가장 쓰게 편하고 빠르게 편집 적용할 수 있어서 좋은 것 같다.
http://opencapture.net/ko/index.php

clipboard에서 바로 캡처되면 더할 나위 없을 것 같지만....내가 모르는건지 안된다..
Google Doc은 되는데 말이지..


2. 프로그램 코드 하이라이트 하기 
내가 쓴 시스템/네트워크 관리자를 위한 파이썬 에 코드를 정리하고 간략한 설명도 넣을 예정인데, GIT에도 넣고..아무래도 코드는 하이라이트 되지 않으면 보기가 까다롭다..

그래서 이래저래 찾아보니...가장 좋은 방법이, 코드 하이라이트 해주는 웹사이트들의 도움을 받는 것이었다.

해당 사이트들에 대한 정보는 아래와 같이 정리되어 있는데, 쉽게 정리하자면 주로 내가 쓸 highlight.js가 가장 가볍고 쓰기도 편한 것 같다..다만 줄 번호(Line numbers)가 안된다는 것인데...꼭 있어야 하는건 아니니까 속도도 잘 나오고 sublime 과 동일하게 해주니 이만큼 나에게 맞는 건 없는 것 같다.

CONTENDERS
highlight.jsSyntaxHighlighterSHJSGoogle Code Prettify
User markup in code snippetsyesno 1)yesyes
Line numbersnoyesnoyes
Striped backgroundnoyesnoyes
Replacing indenting TABs with spacesyesyesnono
Language detectionyesnonoyes 2)
Multi-language codeyesyes 3)noyes
Arbitrary HTML container for codeyesnonono
HTML5 compatibility 4)yesnonono

SPEED
highlight.jsSyntaxHighlighterSHJSGoogle Code Prettify
Load time (msecs)870139410081007
Highlighting time (msecs)55675472
http://softwaremaniacs.org/blog/2011/05/22/highlighters-comparison/

3. Label 분류 
일전에 메뉴에서 글을 읽을때 Label로 구분한다고 했는데, 예를 들면 '시스템'에 있는 글을 모두 보고 싶다면?



당연히 사용자는 그럴 수 있는건데...생각을 해봤는데 일단 이 부분은 Label을 중복 처리 함으로서(노가다 같은데...) 처리 가능할 것 같다.
일단 소소한 정보 쪽에 misc(miscellaneous/잡다한)을 추가하고, html부분을

<li><a href='https://sysnet4admin.blogspot.kr/search/label/misc'>소소한 정보</a>
로 수정해서 misc가 들어간 것은 모두 이쪽에서 보여주기로 한다.


4. kr or com
블로그를 개설해서 사용하다 보면, 나는 'sysnet4admin.blogspot.com'으로 접속했는데 'sysnet4admin.blogspot.kr'으로 접속되는 것을 확인 할 수 있다.
이를 대충 알아보니...법적인 조치때문이라는 얘기도 있고...한다...거슬리긴 한다.
수정이 가능하긴 한데...DNS에서 com으로 인식한 것을 다시 kr로 변환하고 javascript로 다시 이것을 com으로 변환하는 방식이라...아주 비효율적이다..
그냥 kr이 나오면 그런가 보다 하자.

참고로 DNS 주소가 바뀌는지 혹은 속도가 차이가 있는지 알아보기 위해서 일단 'nslookup'으로 주소를 확인해 봤는데 그냥 KT로 접속된다..이미 Mirror가 된 것이니..
크게 신경 쓸 필요가 없을 것으로 보여진다. 리눅스에서 dig @<IP 주소> +answer +stats 를 통해서 속도 체크할까 해 봤는데 역시 주소가 같기 때문에 의미가 없을 것이다..


[Continue reading...]

[블로그] 글 올리고 메뉴에서 확인하기 (4)

- 0 개의 댓글
이제 블로그가 좀 블로그 모양을 갖추었으니, 글도 올리고 구실을 할수 있게 해야겠죠?
여기서 부터 약간 헷깔리기 시작합니다...

일단 글은....왼쪽에 '글' 탭에서 하면 될 것 같긴 한데.. 이게 올라가고 나면 어떻게 인식하고 어떻게 찾아다녀야 하나?



이 부분은 블로거에서는 태그(TAG)라는 방식으로 해결했습니다.

그러니까 글을 올릴때 태그를 입력하고, 메뉴에서 해당 태그를 가지고 있는 것들을 모아서 보여주는 방식으로 진행합니다. 물론 태그 이외에 검색도 가능합니다만 정확한 분류를 위해서는 태그가 가장 좋습니다.

https://<본인주소>.blogspot.com/search/label/<태그이름>

예를 한번 볼까요?

1) 위에 그림 중에 가장 마지막에 보면 'PureFlex Hints and Tips(1)'를 2012년...5년 전에 올렸었네요. 당연히 태그 그런거는 적용하지 않았습니다.
그땐 블로그를 하지 않았거든요.

2) 해당 글을 수정을 클릭하고 글의 상세 내용을 확인합니다.



3) 이때 오른쪽을 보면 태그라는 항목이 있는데, server라는 이름으로 태그를 넣습니다.
태그의 이름과 나중에 쓰여질 URL과 꼭 같아야 할 필요는 없지만, label 뒤에 들어가는 이름은 같아야 합니다. 그게 태그이름이거든요..
나중에 헷깔릴수 있으니 그냥 태그는 메뉴의 이름과 동일하게 작성합니다.


4) 이번에는 메뉴를 수정해야 하는데요. 테마에 들어가서 HTML 편집을 들어가서 메뉴이름인 항목에서 <a href='https://sysnet4admin.blogspot.com/search/label/server'>로 수정합니다. 'Server'라는 항목을 선택하면 위의 주소로 이동하라는 의미입니다. 




5) 그럼 이제 왼쪽의 블로그 보기를 눌러서 확인해 볼 차례입니다.

잘 되는 군요!!!!

그 외에 수정 한 것이 있는데, 위와 같이 label로 검색하는 것으로 메뉴를 구성하면, label로 검색한 결과라는게 위에 표시가 됩니다.

하지만 이와 같은 것은...기술 블로그로서는 이런 부분들은 상당히 거슬립니다.
이를 제거하기 위해서는 테마 - 맞춤설정에서 CSS에 아래의 설정을 넣어주면 결과 값이라는 것을 표시해주지 않습니다. 경우에 따라 안되는 경우가 있을 수 있는데, 이때는 코드 부분을 직접 수정해야 합니다.

.status-msg-wrap,.status-msg-body {display: none;}



자세한 내용을 아래의 링크를 참고하시기 바랍니다.
http://blogger-hints-and-tips.blogspot.kr/2013/12/delete-or-change-navigation-message--showing-posts-with-label-yourLabel-status-message.html







[Continue reading...]

[블로그] 테마 수정하기 (3)

- 0 개의 댓글
적용한 테마를 그대로 두면 쓸수가 없다...
블로거(Blogger)에서 제공한 템플릿을 쓰면 일단은 그냥 바로 쓸수 있게 제공을 하고 테마라는 항목에서 제공하는 맞춤 설정으로 바로 수정이 가능하지만.....


외부 템플릿을 적용한 경우에는 구글에서 제공하는 기능을 대부분 쓸수 없다.
이는 장단점이 있는데, 맞춤설정이라는 제한을 벗어나, 자유롭게 HTML 그리고 CSS를 편집할 수 있다는....점인데... 이 글은 이런걸 잘 하는 개발자를 위한 글이 아니라 순수 초보자와 엔지니어들이 블로그를 개설하는데 초점이라..

이런 것들을 설명하지도 않을 것이고, 할 능력도 부족하다..;;;

따라서 테크 블로그 또는 개인 블로그든....이런 것을 만들기 위해 최소한으로 수정해야 하는 부분들을 정리해 보려고 한다.

1. 메뉴 이름 바꾸기
템플릿을 적용하면 거의 모든 템플릿이 상단에 카테고리(메뉴)가 존재하는데, 이에 대한 이름을 바꿔야...쓸수 있게 만들어 진다...
즉 알아먹게 바꾸어야 한다는 뜻이다.

1_1. 테마탭에 HTML편집 을 누른다.


1_2. 정신없이 이상한 외계어가 잔뜩 나오는데, 놀라지 말고....메뉴를 수정하기 위해서 본문에서 ctrl+f 를 통해서 검색하자. (예를 들어, cleanblog라면 "Category 1"로 검색하면 된다.)



1_3. 그 다음에 해당 이름 대신이 자신이 원하는 이름으로 변경하고, '테마 저장'을 누르면 된다. 사실 저장이전에 '테마 미리보기'를 눌러서 확인할 수도 있으나, 간단한 수정인데다가 ctrl+z을 눌러서 이전으로 돌릴수 있기 때문에 굳이 '테마 미리보기'를 쓸 필요가 없다. 테마 저장이 되었다면, 오른쪽 상단에 블로그 보기를 눌러서 적용상태를 확인한다.



1_4. 필요한 메뉴와 필요 없는 메뉴는 정리한다. xml 문법에 따라서 이 부분만 정리하는 것은 그렇게 어렵지 않을 것이라고 생각한다... 간단하게는 <li>라는게 있다면 </li>도 있어야 하며, 해당 창에서 문법 오류가 있으면 고치라고 표시도 해준다.

2. 테마 배치/구성(레이아웃) 수정하기
테마를 적용한 다음에 레이아웃을 들어가보면 정체를 알수 없는 것들이 다양하게 있는 것을 알수 있다.



2_1. 이 중에 우선적으로 수정해야 하는 것은 보통 header로 블로그를 들어오면 왼쪽 상단에 가장 먼저 보이는 메세지 또는 타이틀이다.
즉 현재 페이지에서는 'SysNet4Admin' 이미지 파일이다.
또한 여기 제목은 보통 블로그 자체의 이름이 되기도 한다.


이미지로 꼭 작성할 필요는 없으며, 그냥 글자로 적어도 되며, 대부분의 블로그가 글자로 기입한다.

2_2. 그 외에 navbar와 sidebar와 footer는 필요에 따라 삭제하고 추가할 수 있으니 크게 부담을 가지지 말고 삭제 변경 추가하자.
팁으로는 꼭 여기서 수정할 필요는 없으며, <아이디>.blogspot.com 에서 수정이 가능하다.

2_3. 그 외에 수정하면 좋은 옵션은 Favicon이 있는데, 이는 Tistory나 naver에서 적용하려면 코드를 수정해야 하나 구글을 단순하게 적용이 가능하니 가능하다면 꼭 적용하여 본인만의 색깔(?)을 보여주도록 하자.



Favicon을 사진/그림 파일에서 바로 만들어 주는 사이트도 있으나. 개인적으로는 그냥 따로 만드는 것을 더 추천한다...왜냐면 너무 작아서 사진 같은걸로 만들면 의미를 알수가 없어서...의미를 잃어버리기 때문이다.

http://www.favicon-generator.org/

참고로 Favicon을 적용하고 cache와 같은 기능 때문에 제대로 보이지 않는다. 따라서 ctrl+f5를 통해서 cache를 리프레쉬해서 Favicon이 정상적으로 보이게 해준다.

그러면 다음으로는 글을 올리고 메뉴를 눌러서 확인할 수 있도록 해보자.

[Continue reading...]

[블로그] 테마 선택하기 (2)

- 0 개의 댓글
블로그를 개설했다면, 테마를 선택해야 하는데...
수많은 블로그에서 유명한 사이트들을 추천하는데....

개인적으로는 구글에서 검색해서 최신 업데이트 테마를 적용하는 것을 추천한다.
그 이유는 다음과 같은데...

  • 최신기술이 적용되었을 가능성이 높다. 
  • (한국 기준) 다른 사람과 중복되지 않을 가능성이 높다. 
  • 구글 검색을 통해 신뢰성이 높은 사이트로 접속 될 가능성이 높다.
지극히 개인적인 생각으로 정리해서 모두 맞을수는 없겠지만..
적어도 맞을 가능성이 높을 것으로 생각된다. 

어쨌든..구글 검색은...안타깝게도 영어로 하는 것이 더 좋은데..추천 검색어는 

blog template을 기본으로 해서 간단한 것을 보고 싶다면 'simple' , 기술적인 정보를 전달하는 것을 주로 한다면 'tech'를 추가하여 검색한다. 



검색 제일 상단에 노출된 https://gooyaabitemplates.com/ 을 방문해 본다. 



이중에 한개를 클릭해 보면, 아래와 같이 나오는데, 이 때 'Live Preview' 버튼이나 'Demo: See it live' 등을 누르면, 현재 사이트가 어떻게 동작하는지 내가 쓰고자 하는 목적에 맞는지 확인할 수 있다. 



그리고 나서 'Download' 버튼을 누르면, 템플릿 이름을 한 zip 파일이 다운로드 되는데..
이 중에 xml로 되어 있는 파일이 실제 적용가능한 템플릿이며, 이 파일을 단순히 업로드만 해주면 일단 페이지의 포맷이 모두 바뀌게 된다. 



단순히 업로드라 하면, 이전에 보았던 백업/복원 버튼을 통해서 적용이 가능하다.
이때 압축은 해제한 xml 파일만 업로드 한다.




주의할 점이 하나 있는데... 이미 어느정도 글도 올리고, 사용하고 있던 사이트라면 여러가지 정보들이 다 틀어질 가능성이 아주 높다. 왜냐면 각각 블로그마다 규격이나 사용하는 사이드바 내용등이 모두 다르기 때문에...그래서 가장 처음에 고민해 보고 많은 예제를 보고 자신의 목적에 맞는 것을 정하고 그 이후에 세부 사항들을 수정하는 것이 좋다.!!


참고로 현재의 블로그는 이 템플릿을 기본으로 작성되었다. 



다음으로는 제일 짜증..적용한 테마를 수정하는 것에 대해서 알아보자.



[Continue reading...]

[블로그] 왜 수 많은 블로그 중에 구글 블로그를 선택했을까? (1)

- 0 개의 댓글
온라인에 블로그를 개설하려고 알아보니...

대표적으로 네이버와 tistory가 가장 무료에서는 유명하고 많이 사용되고 있더라.
그리고 유료모델로는 워드프레스가 가장 유명하고..

그 이유는 검색을 여러가지로 해 보니...
우선 네이버와 tistory는 클릭 몇번으로 완성되는 블로그의 컨셉으로 처음 만드는 사람이 아주 쉽고 편리하게 쓸수 있다는 장점이 있다.

그런데...우선 네이버는 구글 검색이 안되고...(나는 기술 자료와 소스 코드 설명을 주로 할껀데..) 티스토리는 다 좋은데...언제 없어질지 모르는 불안감..그리고 백업이 쉽지 않아서 제외시켰다.

그렇다고...트래픽 양도 신경쓰면서(지금은 -_-; 1-2명이 오지만...하하;;;) 도메인 관리까지 하고 싶지는 않고...

그래서 적당한 구글 블로그로 결정하고!! 블로그를 개설 및 설정 하였다...
처음은 항상 그렇듯...어렵고 어려워서 추후에 기술 블로그 개설할 분들을 위해서 정리를 해 보려 한다.

우선 블로그 개설은....사실은 2012년에 한번 해볼까? 하고 개설한..적이 있어서...;;

새로 개설할 수가 없어서..
아래의 내용을 참고로 아주 쉽게 개설이 가능할 것으로 보여진다.
http://olmangjolmang.blogspot.kr/2015/03/blog-post.html

위에 블로그에서 설명한 것처럼 두개 만들어서 적용 후에 실제 블로그에 적용하는 것도 아주 좋은 방법이고, 또는 현재의 블로그 xml을 백업하고 작업해도 크게 무방할 것으로 보인다..


나는 두개까지 만들고 할 필요는 못 느껴서 xml을 백업하거나, ctrl+z로 롤백하면서 작업했다. 백업은 위의 그림처럼 테마 오른쪽 상단에서 백업이 가능하다.

다음으로, 블로그를 만들었으면 블로그의 틀을 만드는 템플릿에 대해서 설명해 보겠다.




[Continue reading...]
 
Copyright © . 쿠버네티스 전문가 블로그 - Posts · Comments
Theme Template by BTDesigner · Powered by Blogger