나의 즐겨찾기 | 블로그홈 | 바로가기 바로가기 | 로그인
FAQ에 없는 질문은 이메일 [ moooogirl2003@yahoo.co.kr ] 로 보내
블로그  |  사진갤러리  |  동영상갤러리 방명록  |   즐겨찾기 추가
FAQ블로그 (moooogirl2003)
프로필      쪽지
전체 글보기(317)
블로그 시작하기
블로그 꾸미기 새 답글이 있습니다.
폴더 관리 새 답글이 있습니다.
글 쓰기/수정하기
사진/음악/동영상
참조글(트랙백)
즐겨찾기/구독자/우리끼리
뉴스레터 보내기
모바일 블로그
블로그 Flickr 연동
통계/인기도/방명록
설문기능 이용법
기타
야후!블로그 활용백서
FAQ 커버 스토리
Top 100 블로그
오늘 전체
방문자 951 1977222
구독자 0 3929
답글 0 7564
참조글 0 223
HanRSS 로 구독하기Fish 로 구독하기
개설일 : 2003/11/10
 

글 쓰기/수정하기
[스크랩] 야후! 블로그에서 지원하는 위키위키 (2)
원본: The Story of BLISS 2006/09/05 오후 6:42 | 글 쓰기/수정하기

야후! 블로그에서 지원하는 위키위키 (1) 을 올린지 시간이 꽤 되었습니다. (쥔장이 게으른 관계로..) 관심있는 사람이 전혀 없는 듯 하지만, 그래도 생각 난 김에 2편을 올려 봅니다.

그러면 이번 편에는 저번보다 약간 고급 기능들을 설명해 보기로 하겠습니다.

번호 메기기& 들여쓰기

표준 HTML에서 왕따를 당하는 테그들 중에 훌륭한 테그중에 하나인 <UL> / <OL> / <LI> 등을 위키위키로 작성하는 방법을 설명 해 볼까 합니다. 일단 다음의 예를 먼저 봐 주세요.
예1
If you indent text
  like this, then it is indented in the output
    you can have multiple levels of indent

And if you put asterisks at the start of the line
  * you get a 
  * bulleted
  * list
    * which can also be indented
      * to several levels

A numbered list, mixed with bullets:
  1. one
  1. two
    1. one
      * bullet 1
      * bullet 2
    1. two
  1. three
    * bullet
      1. one

Variations of numbered lists:
  * Lowercase roman
    i. one
    i. two
  * Uppercase roman (with start offset 42)
    I.#42 forty-two
    I. forty-three
  * Lowercase alpha
    a. one
    a. two
  * Uppercase alpha
    A. one
    A. two
결과1
If you indent text
like this, then it is indented in the output
you can have multiple levels of indent

And if you put asterisks at the start of the line
  • you get a
  • bulleted
  • list
    • which can also be indented
      • to several levels

A numbered list, mixed with bullets:
  1. one
  2. two
    1. one
      • bullet 1
      • bullet 2
    2. two
  3. three
    • bullet
      1. one

Variations of numbered lists:
  • Lowercase roman
    1. one
    2. two
  • Uppercase roman (with start offset 42)
    1. forty-two
    2. forty-three
  • Lowercase alpha
    1. one
    2. two
  • Uppercase alpha
    1. one
    2. two


글쓴이가 아주 게으르다는 이유로, 그냥 위키위키의 HELP페이지를 슬쩍 복사해서 붙였습니다~.~ 하지만 위의 예1과 결과1을 보시면 대강 어떤 기능을 하는지는 짐작하셨으리라고 생각합니다. 또한 눈치가 빠르신 분들은 문단 시작의 가장 첫번째 칸에 공백문자(스페이스바)를 한개씩 넣으면 해당 단락이 오른쪽으로 일정 공간씩 이동하게 되는것도 짐작 하셨을 것 같습니다. 그럼 공백문자를 이용하여 들여쓰기를 하는 간단한 예를 하나 더 들어보고 이번 섹션을 마치기로 하겠습니다.

예2

 들여쓰기 테스트중이지요.

들여쓰기..

 들여쓰기
  들여쓰기
  들여쓰기이이이이
   들여쓰기

결과 2
들여쓰기 테스트중이지요.

들여쓰기..

들여쓰기
들여쓰기
들여쓰기이이이이
들여쓰기

인용문/ 소스코드/ 테이블

이번에는 인용문/소스코드/테이블 등을 입력하는 방법을 알아보겠습니다. 블로그를 쓰다보면 뉴스 기사나 다른이의 글, 유명한 격언이나 일화 등등을 인용해와야 할 일이 많습니다. 이럴때 해당하는 출처를 밝히는 것이 가장큰 예의이겠습니다만, 해당 내용이 인용되었음을 확실히 나타내어 주는것 또한 예의가 아닐까 생각됩니다. 이럴때 다음의 예제와 같이 실제 본문과 차별되게 보여진다면 좀 더 좋겠지요?

예3 인용하기
{{{:
나는 생각한다 고로 존재한다
'''''-르네 데카르트'''''
}}}

결과3 인용하기
나는 생각한다 고로 존재한다
-르네 데카르트

  • 재미있는 점은 인용시에 대괄호 안에서 한정된 위키용 코드를 사용할 수 있다는 점인데, 다음 소개할 소스코드 보여주기 부분과 비교가 되는 점 중에 하나라고 할 수 있습니다.

    예4 소스코드 보여주기(자유입력)
    {{{
    HTML에 <PRE> 테그가 있는것 처럼 위키위키에서도 형식에 구애 받지 않고 입력하고 싶을때가 있
    습니다. 예를 들어 소스 코드라던가, 지금처럼 위키위키 테그를 설명하고 싶다던가, 이럴때는
    지금과 같은 방법으로 자유 입력을 할 수 가 있습니다.
    
    '''굵은 글씨로 나올까??'''
    }}}
    

    HTML에 <PRE> 테그가 있는것 처럼 위키위키에서도 형식에 구애 받지 않고 입력하고 싶을때가 있
    습니다. 예를 들어 소스 코드라던가, 지금처럼 위키위키 테그를 설명하고 싶다던가, 이럴때는
    지금과 같은 방법으로 자유 입력을 할 수 가 있습니다.
    
    '''굵은 글씨로 나올까??'''
    

    {{{#!c++
    /* C++ 등과 같은 소스코드를 넣고 싶을때는 좀더 특화된 문법을 이용해서 
        Syntax Highlight 기능도 사용이 가능합니다. 
    */
    #include <bliss.h>
    
    int main(void) {
       char atssa;
       int merong;
    
       cout << "안녕하세요? 블리스 입니다." << endl;
    }
    //    앞으로는 다양한 언어의 Highlight를 지원할 예정이라고 합니다.
    }}}
    

    /* C++ 등과 같은 소스코드를 넣고 싶을때는 좀더 특화된 문법을 이용해서 
        Syntax Highlight 기능도 사용이 가능합니다. 
    */

    #include <bliss.h>

    int main(void) {
       char atssa;
       int merong;

       cout << "안녕하세요? 블리스 입니다." << endl;
    }
    //    앞으로는 다양한 언어의 Highlight를 지원할 예정이라고 합니다.

    예4 테이블
    ||||||'''Heading'''||
    ||cell 1||cell2||cell 3||
    ||cell 1||||spanning 2 columns||

    ||||'''Hybrid table'''||
    ||<|21||1-1||
    ||1-2||

    ||||||'''BG Color'''||
    ||<#fcfcfc>cell 1||cell2||cell 3||

  • Heading
    cell 1cell2cell 3
    cell 1spanning 2 columns

    Hybrid table
    11-1
    1-2

    BG Color
    cell 1cell2cell 3

    아~ 점점 게을러지다 보니 복잡해 보이는 테이블 넣기는 대충 무성의 하게 예제만 딸랑...


    이것으로 썰렁한 2편도 마쳐야 할 시간이 돌아왔습니다. (글쓰다가 벌써 지쳤네요 ~.~ )
    다음편에는 첨부 이미지를 다양하게 보여주는 방법과, URL링크 하기, IMG 링크하기 등등에 대해서 알아 보겠습니다.

      추천수 (4)  답글 (19)  참조글 (1)  스크랩 (13) http://kr.blog.yahoo.com/moooogirl2003/1364028 주소복사 
    인쇄 | 추천 | 스크랩
    답글 보임/숨김 답글쓰기 (19)
    나는 생각한다 고로 나는 존재한다.
    06/09/14 (목) 오후 7:57   [촌부]
    푸하하하
    06/11/16 (목) 오후 8:43   [박예진] from 221.141.110.247
    잘 보고 가여~~~~
    07/01/14 (일) 오후 10:02   [쪼아쪼아]
    잘많들었어요
    07/01/17 (수) 오후 5:34   [초원공주]
    저홈피에
    07/01/17 (수) 오후 5:34   [초원공주]
    잘보고 갑니다. 좋은글과 아이디어 정보글 제 블로그에도 남겨 주시기 바랍니다.
    07/01/27 (토) 오후 5:49   [t05056784972]
    좋은자료 보고갑니다.
    블로그에 행운이 가득하길 바래요
    제 블로그에도 놀러오세요 좋은정보 많습니다.
    07/02/15 (목) 오후 4:38   [ehappyshop]
    질문 있습니다. 위에 보면 초록색 테두리선에 노란색이 감도는 부분 있죠? 그거 태그가 어떻게 되는가요? <pre class='wiki'>를 소스에 넣어보니까 갑자기 글 전체가 엉망이 되어서 부랴부랴 원상복구...깔끔하게 박스 안에 글을 넣고 싶은데 태그를 당체 알아야 말이지...^ㄴ^;;
    07/02/15 (목) 오후 5:04   Schutz
    정말이야
    07/02/15 (목) 오후 6:34   [돼지삼겹살]
    Schutz 님,
    테이블 테두리에 색이 들어간건 html 태그이구요 twiki 에는 지원이 안된답니다. ^^
    07/02/16 (금) 오전 10:44   FAQ블로그
    제가 새로 노트북을 구입하려고 하는데요, 여기에 윈도우 비스타가 깔려있습니다. 혹시, 블로그 편집기 구동에 문제가 없을까 걱정이 되는데요...왜냐하면 제가 집에서 쓰는 컴이 아무리 무슨 짓을 해도 편집기가 설치되지 않아서 집에서는 업데이트를 못하는 형편이거든요. 야후측에서는 혹시 점검을 해보셨는지 궁금해서 질문 드립니다.
    07/02/16 (금) 오전 11:54   [제니퍼] from 76.213.153.169
    제니퍼 님,
    비스타에서 편집기는 특별한 이상은 없습니다만 비스타에 IE7이 기본 설치되므로 사진꾸미기 기능은 사용하실수 없습니다.
    07/02/20 (화) 오후 4:21   FAQ블로그
    ㄳ합니다 잘배웠습니다! 꾸벅^^
    07/04/15 (일) 오후 8:52   [꼼꼼한노력가]
    http://kr.blog.yahoo.com/moooogirl2003/trackback/1364028
    07/04/17 (화) 오후 1:53   [권오철] from 59.21.126.58
    조금씩 배워우면 재미있는 글쓰기가 가능하겠네요
    07/04/30 (월) 오후 3:56   하늘배
    많이 배우면 되지
    07/05/13 (일) 오후 5:02   [inseo710]
    로어아나나로ㅗㅇ
    07/08/02 (목) 오후 1:00   [정초롬] from 211.253.115.156
    1
    08/03/21 (금) 오후 2:47   [leeys7614]
    1
    08/03/21 (금) 오후 2:47   [leeys7614]
    이름   비밀번호   블로그
    등록
    참조글 보임/숨김 참조글보기 (1) 참조글 쓰기
    부업
    성공합시다 낙서장 2007/04/16 10:48 http://blog.naver.com/baejoonchul/100036474294 4천원으로 8억벌기 만만하게 볼 수 없는 부업의 금액 용감하게 룰을 지키며 해보자구요~!! 딱!! 5분만 읽어봐주세요! 후회없을 겁니다. 저두 첨엔 안 믿었는데 믿져야 본전이구 해서 시작했답니다~ 직장 다니면서도 하루 2시간이면 ok! 재택업무!! 해결 ...
    07/05/09 (수) 오후 11:28   [jyj0695의 블로그]
    참조한 글
    참조한 글이 없습니다.
    블로그 통합 검색 열기
     
    최근 글
    사진 편집기 사용법..
    우리끼리 기능 사용법...
    Flickr의 사진을 ..
    Flickr에 야후! ..
    Flickr는 무슨 서..
    최근 답글 전체보기
    블로그 첫화면이 뜨질안..
    안녕하세요^^^* 맨..
    오랫동안 사용하던 글쓰..
    갑자기 제 머리가 이상..
    시키는 대로 해도 안되..
    최근 참조글 전체보기
    태아보험 알고 보장 잘..
    이게 트랙백..
    참조글 연습입니다.
    laptopworld
    흑설탕과 미용