Markdown에서 2열 문서를 만들고 싶습니다.

3982 단어 HTMLMarkdown

개요


  • html의 기법을 도입해 버리면 markdown에서도 2 컬럼의 문장을 만들 수 있다.
  • 쉽게 빨리 PDF로 변환하려면 어떻게 하면 좋은지 고민된다. (확장 기능이라면 무너진다)

  • 2 열의 문장을 Markdown으로 만든다



    사실은 Tex로 쓰는 2열 문서처럼 하고 싶지만 아무래도 엄격할 것 같기 때문에 단순히 영역을 좌우로 2분할해 문장을 철하는 형식으로 한다.

    전제



    VS Code와 아래 패키지를 사용하여 2열 문서를 만든다.
  • Markdown All in One
  • Markdown PDF

  • 2 칼럼 표기로 한다



    다음과 같이 style로 미리 선언함으로써 좌우의 배분을 바꿀 수 있다. 오른쪽 위의 설명도 style로 설정할 수 있다.
    <style>
    .column-left{
      float: left;
      width: 47.5%;
      text-align: left;
    }
    .column-right{
      float: right;
      width: 47.5%;
      text-align: left;
    }
    .column-one{
      float: left;
      width: 100%;
      text-align: left;
    }
    </style>
    

    그 후 본문중에서는 다음과 같이 쓴다.
    
    <div class="column-left">
    
    # Left Column
    
    </div>
    <div class="column-right">
    
    # Right Column
    
    </div>
    

    Preview에서 표기



    Preview상에서는 제대로 2열로 표시된다.

    머리가 약한 문장이 적혀 있지만 용서해 주었으면 한다. 여기에 있는 대로 그림의 붙여넣기 등도 html의 기법을 사용하면 구한다. 참고



    PDF로 변환



    PDF로 단발로 깨끗하게 변환할 수 없다. pandoc도 별로 사용하고 싶지 않기 때문에 확장 기능 내에서 처리 할 수 ​​있다면 기쁘지만 ...

    Markdown-PDF에서 PDF 변환



    VScode에는 Markdown-PDF라는 편리한 확장 기능이 존재하지만, PDF로 직접 변환하면 2열이 무너져 버린다.



    Markdown-PDF에서 HTML 변환



    HTML 변환에서는 2 컬럼은 무너지지 않으므로 HTML로 하고 나서 인쇄되어 PDF로 변환된다.
    문자가 꽉 막혀 이쪽이 좋아.



    Markdown Preview Enhanced에서 브라우저를 통해 PDF 변환



    Preview의 고기능판을 사용하면 PDF 변환도 할 수 있지만, 가장 외형이 좋았던 것은 브라우저에서 Preview를 열어 거기로부터 인쇄한다고 하는 수법. 돌아다니지만 깨끗한 PDF가 완성된다.



    요약



    너무 번거롭다면 Tex로 쓰면 좋을까? 되기 때문에 가감이 어렵다. 그리고 별도로 이 타입의 2컬럼에 수요가 있는가 하면 잘 모르게 되었다.

    좋은 웹페이지 즐겨찾기