Blogger에서 글쓰기 효율을 높이는 Markdown 사용법
- 테마 > HTML 수정
- 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 형식으로 작성된 콘텐츠가 들어갑니다. 여기 링크 확인 </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. Item 2 3. Item 3 1. Item 3a 2. Item 3b
Images
```  ```
Links
``` You may be using Markdown Live Preview. ```
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. 대성공 확률 증가 vs. 제작 수수료 절감 - 대성공 확률 증가 : 대성공 확률이 2% 증가해도 실제 효과는 크지 않습니다. 예를 들어, 기본 대성공 확률 5%에 2% 증가를 적용해도 실질적인 효과는 0.1% 증가에 불과합니다. - 제작 수수료 절감 : 제작 수수료를 2% 절감할 경우, 제작할 때마다 발생하는 골드 비용을 직접적으로 줄일 수 있어 비용 절약 효과가 훨씬 큽니다. - 결과적으로, 제작 수수료 절감이 대성공 확률 증가보다 약 10배 더 많은 이득을 제공합니다. 따라서 대성공 확률보다는 수수료 절감에 집중하는 것이 권장됩니다. 2. 효율적인 영지 세팅을 위한 이득 극대화 세팅 - 영지 내 필수 세팅 아이템으로 "곡예사의 대기실," "찬란한 소원 나무," "여신의 가호"가 추천됩니다. - 곡예사의 대기실 : 마리샵에서 블루 크리스탈로 구매할 수 있으며, 기본적인 제작 효율을 높이는 데 필수 아이템입니다. - 찬란한 소원 나무 : 수수료 절감을 제공하여 제작 비용을 절감하는 효과가 있어 이득 극대화에 도움이 됩니다. - 여신의 가호 : 미술품 42개를 모아 획득할 수 있으며, 추가적인 제작 효율을 제공합니다. 여유가 있다면 필수로 장착하는 것이 좋습니다. - 여신의 가호 대신, 곡예사의 무기 진열대 를 구매해 사용할 수도 있으며, 경제적인 선택지로 활용할 수 있습니다. 3. 의상 세팅 (선택적 적용) - 특정 의상을 착용하면 제작 효율이 약간 증가하지만, 최적의 의상 옵션은 없기 때문에 필수는 아닙니다. 크리스탈 비용이 부담스러울 경우 생략 가능하며, 다른 세팅을 우선적으로 강화하는 것이 좋습니다. - 드레스룸 이용 : 크리스탈을 사용하여 드레스룸에서 특정 NPC와의 호감도로 얻을 수 있는 의상을 구매할 수 있습니다. - 추천 의상 : 페일린, 실리안, 엘리제로나운 의상이 추천되며, 각각 350 크리스탈로 구매할 수 있습니다. - 비용 절약 방법 : 크리스탈이 부족하거나 가성비...
[로스트아크] 로스트아크 생활 도구 옵션
생활 도구 옵션 및 확률 | 옵션 | 고급 | 희귀 | 영웅 | 전설 | 유물 | |-------------------------|-------------|------------|-------------|-------------|-------------| | 기본 보상 추가 획득률 | 5~10% | 10~20% | 15~30% | 20~40% | 25~50% | | 희귀 재료 획득률 | 5~10% | 10~20% | 15~30% | 20~40% | 25~50% | | 특수 획득 확률 | 0.5~1% | 1~2% | 1.5~3% | 2~4% | 2.5~5% | | 내구도 미차감 확률 | 2.5~5% | 5~10% | 7.5~15% | 10~20% | 12.5~25% | | 채집속도 | 1.25~2.5% | 2.5~5% | 3.75~7.5% | 5~10% | 6.25~12.5% | | 미니게임 난이도 하락 | 1 | 1~2 | 1~2 | 2~3 | 2~3 | | 미니게임 보상 획득 확률 | 5~10% | 10~20% | 15~30% | 20~40% | 25~50% | | 낚시 캐스팅 등급 | 1~2 | 2~4 | 4~6 | 6~8 | 8~10 | 생활 키트 옵션 정리 - 영웅 등급 생활 도구가 제작 비용면에서 효율 좋음 | 생활 유형 | 필수 옵션 (빨간색) ...
한국 핵무장 논의와 방위산업 관련주: 핵무기 개발 과정과 유망 종목 분석
한국의 독자적 핵무장 논의가 주요 이슈로 떠오르며 방위산업 관련 주식들이 주목받고 있습니다. 특히, 핵무기 및 방어 관련 기술력을 보유한 기업들이 관심을 끌고 있어 투자자들에게 큰 잠재적 수혜가 예상됩니다. 트럼프 전 미국 대통령의 재집권 가능성 등 외교적 변화는 이러한 방위산업 관련주를 더욱 부각시키고 있습니다. ( 참조: https://gussconomy.tistory.com/entry/한국-핵무장-시나리오-관련주-투자-포인트-총정리 ) 핵무기 생산과정 요약 #### 핵연료 확보 : 고농축 우라늄-235 또는 플루토늄-239와 같은 핵분열 물질을 확보하는 과정입니다. - 우라늄 농축 : 우라늄-235의 비율을 약 90% 이상으로 높이는 과정입니다. - 플루토늄 생산 : 원자로에서 우라늄-238을 중성자로 포획하여 플루토늄을 생성하고 이를 화학적으로 분리합니다. #### 폭발 장치 개발 : 확보한 핵연료를 폭발할 수 있도록 설계된 장치입니다. - 충돌 방식 (Gun-type) : 고농축 우라늄을 이용해 두 덩어리를 빠르게 결합시켜 핵분열을 유도합니다. - 내부 압축 방식 (Implosion-type) : 고폭압력으로 플루토늄을 압축하여 임계 질량을 초과하도록 합니다. ####. 무기화 및 배치 - 폭발 장치를 무기 형태로 조립하여 배치 가능한 상태로 만드는 과정입니다. 미사일, 폭격기 등에 탑재될 수 있도록 설계합니다. 핵심적인 부분 가장 중요한 부분은 핵연료 확보 와 폭발 장치 개발 입니다. - 핵연료 확보 : 핵분열 물질 확보가 핵무기 개발의 필수 조건입니다. 우라늄 농축과 플루토늄 생산은 고도의 기술력을 요구하며, 보안과 국제적인 감시가 강화된 부분입니다. - 폭발 장치 개발 : 핵연료가 있어도 이를 효과적으로 폭발시키는 장치가 없다면 무기화가 불가능합니다. 압축 방식 등 폭발 장치 개발 기술이 핵무기의 폭발력과 신뢰성을 좌우하는 중요한 요소입니다. 핵연료 확보 관련 기업 - 한전원자력연료 (KEPCO NF) :...
댓글
댓글 쓰기