Blogger에서 글쓰기 효율을 높이는 Markdown 사용법

  • 테마 > HTML 수정
Blogger Markdown 예제
  • Head 에 다음정보를 넣습니다. 
    <head>
    …
       <!-- 외부 스크립트 로드 -->
       <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script>
       <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/default.min.css" rel="stylesheet"/>
</head>

    • 





    

  • Body 내에 아래 코드넣습니다.
    • 



  <body>
      ...
       <!-- Markdown 변환 및 하이라이팅 스크립트 -->
       <script>
          document.addEventListener("DOMContentLoaded", function () {
             var converter = new showdown.Converter({ 
                tables: true, 
                strikethrough: true, 
                openLinksInNewWindow: true 
             });

             // 각 'pre.markdown' 요소를 Markdown 변환
             document.querySelectorAll("pre.markdown").forEach(function (block) {
                var rawMarkdown = block.innerText;
                var htmlContent = converter.makeHtml(rawMarkdown);

                // 변환된 HTML을 삽입하고 원래 pre 요소 숨기기
                var div = document.createElement("div");
                div.className = "markdown-content";
                div.innerHTML = htmlContent;
                block.parentNode.insertBefore(div, block);
                block.style.display = "none";
             });

             // 하이라이트 적용
             document.querySelectorAll("pre code").forEach(function (block) {
                hljs.highlightElement(block);
             });
          });
           </script>

           <!-- 추가 CSS: 링크 스타일 명확히 정의 -->
           <style>

         /* 테이블 스타일 */
         .markdown-content table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
         }

         .markdown-content th, .markdown-content td {
            border: 1px solid #ddd; /* 테두리 색 */
            padding: 8px;
            text-align: left;
         }

         .markdown-content th {
            background-color: #f2f2f2; /* 헤더 배경색 */
            font-weight: bold;
         }

          .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content h5, .markdown-content h6 {
             font-weight: bold;
             margin-top: 20px;
          }
          .markdown-content p {
             line-height: 1.6;
             color: #c7c7c7;
          }
          .markdown-content pre, .markdown-content code {
             background-color: #333333;
             padding: 10px;
             border-radius: 5px;
             color: #ffffff;
             overflow-x: auto;
          }
          .markdown-content a {
             color: #1a73e8; /* 링크 클릭 가능 색상 */
             text-decoration: underline;
             cursor: pointer;
          }
          img, video {
             max-width: 100%;
             height: auto;
          }
           </style>
    </body>





    

  • 글 쓸때는 다음과 같이 진행합니다.
    • 

  • html 모드
    • 







    

  • 본문에 아래포맷 필요
    • 

  • Body에 아래 젛보 넣습니다.
    • 



   
   <pre class="markdown">
        # 제목
        이곳에 Markdown 형식으로 작성된 콘텐츠가 들어갑니다. [여기 링크](https://example.com) 확인
   </pre>





예제 및 동작 (Markdown syntax guide)


## Headers

# This is a Heading h1
## This is a Heading h2
###### This is a Heading h6



Headers


This is a Heading h1


This is a Heading h2


This is a Heading h6




Emphasis


*This text will be italic*  
_This will also be italic_

**This text will be bold**  
__This will also be bold__

_You **can** combine them_



This text will be italic

This will also be italic


This text will be bold

This will also be bold


You can combine them




Lists


### Unordered

* Item 1
* Item 2
* Item 2a
* Item 2b

### Ordered

1. Item 1
2. Item 2
3. Item 3
    1. Item 3a
    2. Item 3b



Unordered


    

  • Item 1
    • 

  • Item 2
    • 

  • Item 2a
    • 

  • Item 2b
    • 



Ordered


    

  1. Item 1
    2. 

  2. Item 2
    3. 

  3. Item 3
      

    1. Item 3a
      2. 

    2. Item 3b
    4. 





Images


![This is an alt text.](/image/sample.webp "This is a sample image.")



This is an alt text.





You may be using [Markdown Live Preview](https://markdownlivepreview.com/).



You may be using Markdown Live Preview.




Blockquotes


> Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.
>
>> Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.




  
Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.

  

    
Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.

  






Tables


| Left columns  | Right columns |
| ------------- |:-------------:|
| left foo      | right foo     |
| left bar      | right bar     |
| left baz      | right baz     |







Left columns
Right columns






left foo
right foo




left bar
right bar




left baz
right baz








Blocks of code


```
let message = 'Hello world';
alert(message);
```



let message = 'Hello world';
alert(message);





Inline code


This web site is using `markedjs/marked`.



This web site is using markedjs/marked.






    
Related Links

    
    
        
    























































댓글











댓글 쓰기



















이 블로그의 인기 게시물









윤석열 계엄령 선포! 방산주 대폭발? 관련주 투자 전략 완벽 분석














이미지







      ## 1. 배경  2024년 12월 3일, 윤석열 대통령이 국가 비상사태를 이유로 계엄령을 선포하였습니다. 계엄령은 전시나 사변 등 국가의 안녕과 공공질서가 심각하게 위협받을 때 대통령이 군사적 권한을 통해 이를 방어하고 유지하기 위해 발효하는 특별한 조치입니다.  이러한 조치는 국내 정치·경제 전반에 큰 영향을 미치며, 특히 주식시장에서는 관련 기업들의 주가 변동이 예상됩니다.  24.12.03 오전 5시 계엄 해제로 아래 관련주 추천 - [윤석열 계엄령 해제! 이재명 관련주 급등? 투자자 필독 전략](https://warguss.blogspot.com/2024/12/yoon-martial-law-lift-lee-jaemyung-stocks.html)  ---  ## 2. 기업 및 관련주  ### 2-1 식품 관련주 - 계엄령이 선포되면 사회적 불안정성이 증가할 수 있으며, 이에 따라 생필품 및 음식 관련 주식이 단기적으로 강세를 보일 가능성이 있습니다.  #### 1. CJ제일제당 (KOSPI: 097950) [시가총액: 약 10조 원]  - **주요 산업**: 식품 및 생필품 제조 - **관련주 근거**: 국가적 위기 상황에서 식료품 수요가 증가하며, 즉석밥, 가공식품 등의 판매가 확대될 가능성이 있습니다. - **주가정보**: [네이버 차트](https://finance.naver.com/item/main.nhn?code=097950)  #### 2. 오뚜기 (KOSPI: 007310) [시가총액: 약 3조 원]  - **주요 산업**: 식품 제조 및 유통 - **관련주 근거**: 라면, 즉석식품 등 비축 가능한 식품 수요가 증가하며, 매출 상승이 기대됩니다. - **주가정보**: [네이버 차트](https://finance.naver.com/item/main.nhn?code=007310)  #### 3. 대상 (KOSPI: 001680) [시가총액: 약 2조 원]  - **주요 산업**: 식품 제조 및 발효제품 - **관련주 근거**: 계엄...








Read more »










한국 핵무장 논의와 방위산업 관련주: 핵무기 개발 과정과 유망 종목 분석














이미지







      한국의 독자적 핵무장 논의가 주요 이슈로 떠오르며 방위산업 관련 주식들이 주목받고 있습니다. 특히, 핵무기 및 방어 관련 기술력을 보유한 기업들이 관심을 끌고 있어 투자자들에게 큰 잠재적 수혜가 예상됩니다. 트럼프 전 미국 대통령의 재집권 가능성 등 외교적 변화는 이러한 방위산업 관련주를 더욱 부각시키고 있습니다.  ---  ### 핵무기 생산과정 요약    #### **핵연료 확보**  : 고농축 우라늄-235 또는 플루토늄-239와 같은 핵분열 물질을 확보하는 과정입니다.   - **우라늄 농축**: 우라늄-235의 비율을 약 90% 이상으로 높이는 과정입니다. - **플루토늄 생산**: 원자로에서 우라늄-238을 중성자로 포획하여 플루토늄을 생성하고 이를 화학적으로 분리합니다.  #### **폭발 장치 개발** : 확보한 핵연료를 폭발할 수 있도록 설계된 장치입니다.   - **충돌 방식 (Gun-type)**: 고농축 우라늄을 이용해 두 덩어리를 빠르게 결합시켜 핵분열을 유도합니다. - **내부 압축 방식 (Implosion-type)**: 고폭압력으로 플루토늄을 압축하여 임계 질량을 초과하도록 합니다.  ####. **무기화 및 배치**   - 폭발 장치를 무기 형태로 조립하여 배치 가능한 상태로 만드는 과정입니다. 미사일, 폭격기 등에 탑재될 수 있도록 설계합니다.  ---  ### 핵심적인 부분    가장 중요한 부분은 **핵연료 확보**와 **폭발 장치 개발**입니다.  - **핵연료 확보**: 핵분열 물질 확보가 핵무기 개발의 필수 조건입니다. 우라늄 농축과 플루토늄 생산은 고도의 기술력을 요구하며, 보안과 국제적인 감시가 강화된 부분입니다. - **폭발 장치 개발**: 핵연료가 있어도 이를 효과적으로 폭발시키는 장치가 없다면 무기화가 불가능합니다. 압축 방식 등 폭발 장치 개발 기술이 핵무기의 폭발력과 신뢰성을 좌우하는 중요한 요소입니다.   ---  ### 핵연료 확보 관련 기업  - **한전원자력연료 (KEPCO NF)**  :...








Read more »










[로스트아크] 제작 효율 최적화 위한 영지 세팅














이미지







    ### 1. 대성공 확률 증가 vs. 제작 수수료 절감    - **대성공 확률 증가**: 대성공 확률이 2% 증가해도 실제 효과는 크지 않습니다. 예를 들어, 기본 대성공 확률 5%에 2% 증가를 적용해도 실질적인 효과는 0.1% 증가에 불과합니다.    - **제작 수수료 절감**: 제작 수수료를 2% 절감할 경우, 제작할 때마다 발생하는 골드 비용을 직접적으로 줄일 수 있어 비용 절약 효과가 훨씬 큽니다.    - 결과적으로, 제작 수수료 절감이 대성공 확률 증가보다 약 10배 더 많은 이득을 제공합니다. 따라서 대성공 확률보다는 수수료 절감에 집중하는 것이 권장됩니다.  ---  ### 2. 효율적인 영지 세팅을 위한 이득 극대화 세팅     - 영지 내 필수 세팅 아이템으로 "곡예사의 대기실," "찬란한 소원 나무," "여신의 가호"가 추천됩니다.    - **곡예사의 대기실**: 마리샵에서 블루 크리스탈로 구매할 수 있으며, 기본적인 제작 효율을 높이는 데 필수 아이템입니다.    - **찬란한 소원 나무**: 수수료 절감을 제공하여 제작 비용을 절감하는 효과가 있어 이득 극대화에 도움이 됩니다.    - **여신의 가호**: 미술품 42개를 모아 획득할 수 있으며, 추가적인 제작 효율을 제공합니다. 여유가 있다면 필수로 장착하는 것이 좋습니다.    - 여신의 가호 대신, **곡예사의 무기 진열대**를 구매해 사용할 수도 있으며, 경제적인 선택지로 활용할 수 있습니다.  ---  ### 3. 의상 세팅 (선택적 적용)      - 특정 의상을 착용하면 제작 효율이 약간 증가하지만, 최적의 의상 옵션은 없기 때문에 필수는 아닙니다. 크리스탈 비용이 부담스러울 경우 생략 가능하며, 다른 세팅을 우선적으로 강화하는 것이 좋습니다.     - **드레스룸 이용**: 크리스탈을 사용하여 드레스룸에서 특정 NPC와의 호감도로 얻을 수 있는 의상을 구매할 수 있습니다.    - **추천 의상**: 페...








Read more »