어떻게 Python 으로 간단 한 Markdown 변환 기 를 실현 합 니까?

오늘 은 심혈 을 기울 여 마크 다운 컨버터 를 썼 다.

import os, re,webbrowser
text = '''
# TextHeader
 ## Header1
  List
   - 1 
   - 2
   - 3
  > **quote**
  》 quote2
 ## Header2
  1. *  *
  2. [@    ](https://www.jb51.net/people/e4f87c3476a926c1e2ef51b4fcd18fa3)
  3、 ![](https://www.jb51.net/v2-8560440c136c746730a63813ed701f52_is.jpg)
  
 ## Header3 
  `*[    ](https://zhuanlan.zhihu.com/p/39742445)*`
  ・**code1**・
  - [x]    
'''
프로그램 시작 부분 에서 먼저 줄 안의 문법 을 처리 합 니 다.예 를 들 어 code,strong,i 등 은 정규 로 직접 교체 합 니 다.

text = re.sub(re.compile('([\`・])([^`・]+)[\`・]'), r'<code>\2</code>', text)
text = re.sub(re.compile('\*\*([^\*]+)\*\*'), r'<strong>\1</strong>', text)
text = re.sub(re.compile('([^\*])\*([^\*]+)\*'), r'\1<i>\2</i>', text)
다음은 복잡 한 그림 과 링크 입 니 다.

text = re.sub(re.compile('([^\!])\[([^\]]+)\]\(([^)]+)\)'),
    r'\1<a href="\3" rel="external nofollow" target="_blank">\2</a>', text)
text = re.sub(re.compile('\!\[([^\]]*)\]\(([^)]+)\)'),
    r'<img src="\2" >', text)
그 다음 에 다른 문법 을 처리 하고 먼저 텍스트 를 줄 마다 나 눕 니 다.

lines = text.split('
') html = '' list_flag = ''
목록 과 업무 처리 문제:

for line in lines:
 line = line.strip(' ')
 if re.match('- \[[ x]\]', line):
  print('matched')
  p_html = ''
  if re.match('- \[x\]', line):
   p_html = ' checked="checked"'
  line = re.sub('- \[[ x]\]', '', line)
  html += '''<label class="cssCheckbox">
  <input type="checkbox" %s />
  <span></span>%s
  </label>''' % (p_html, line)
질서 있 는 목록 과 무질서 한 목록 의 차 이 는 머리 끝의 ol 과 ul 이기 때문에 listflag 변 수 를 판단 합 니 다.

elif re.match('[\+\-\*] ', line):
 if list_flag == '':
  html += '<ul>
' list_flag = 'ul' line = re.sub('[\+\-\*] ', '', line) html += '<li>%s</li>
' % (line) elif re.match('[\d]+[.、] ', line): if list_flag == '': list_flag = 'ol' html += '<ol>
' line = re.sub('[\d]+[.、] ', '', line) html += '<li>%s</li>
' % (line)
처리 후 다른 문법 처리 하기:

else:
  if list_flag != '':
   html += '</%s>
' % list_flag list_flag = '' if re.match('\#+', line): well = re.match('\#+', line).group().count('#') line = re.sub('\#+', '', line) html += '<h%i>%s</h%i>
' % (well, line, well) elif re.match('[>》 ]', line): line = re.sub('^\s*[>》 ]', '', line) html += '<blockquote>%s</blockquote>
' % (line) # elif re.match('[>》 ]', line): # line = re.sub('^\s*[>》 ]', '', line) # html += '<blockquote>%s</blockquote>
' % (line) else: html += line
여기 서 제 가 조금 수정 해서>와'를 모두 인용 으로 바 꿀 수 있 게 했 습 니 다.주로 영어 문장 을 바 꾸 는 것 이 너무 어 려 웠 습 니 다.
그 다음 에 CSS 를 추가 해서 마크 이미지 의 입력 을 조금 고 쳤 습 니 다.왜냐하면 그의 인용 은 매우 아름 답 기 때 문 입 니 다.

with open('markdown.html', 'w', encoding='utf-8')as f:
 f.write('''
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>body{
 margin: 0 auto;
 font-family: "ubuntu", "Tahoma", "Microsoft YaHei", arial,sans-serif;
 color: #444444;
 line-height: 1;
 padding: 30px;
} 
input[type='checkbox']+span::before {
 content:' ';/*     */
 display: inline-block;
 vertical-align: 0.2em;
 width:0.8em;
 height:0.8em;
 margin-right: .2em;
 border-radius:.2em;
 background: silver;/*       */
 text-indent:0.15em;
 line-height: 0.65;
}
input[type='checkbox'] {
 /*         checkbox  ,      display:none;          ,              tab              */
 
 position: absolute;
 clip:rect(0,0,0,0);
}
input[type='checkbox']:checked+span::before {
 content:'\u221a'; /*    Unicode  */
 background: yellowgreen;/*     */
}
img {
 max-width: 100%;
}
@media screen and (min-width: 1000px) {
 body {
  width: 842px;
  margin: 10px auto;
 }

 
}
h1, h2, h3, h4 {
 color: #111111;
 font-weight: 400;
 margin-top: 1em;
}

h1, h2, h3, h4, h5 {
 font-family: Georgia, Palatino, serif;
}
h1, h2, h3, h4, h5, dl{
 margin-bottom: 16px;
 padding: 0;
}

p {
 margin-top: 8px;
 margin-bottom: 3px;
}
h1 {
 font-size: 48px;
 line-height: 54px;
}
h2 {
 font-size: 36px;
 line-height: 42px;
}
h1, h2 {
 border-bottom: 1px solid #EFEAEA;
 padding-bottom: 10px;
}
h3 {
 font-size: 24px;
 line-height: 30px;
}
h4 {
 font-size: 21px;
 line-height: 26px;
}
h5 {
 font-size: 18px;
 line-height: 23px;
}
a {
 color: #0099ff;
 margin: 0 2px;
 padding: 0;
 vertical-align: baseline;
 text-decoration: none;
}
a:hover {
 text-decoration: none;
 color: #ff6600;
}
a:visited {
 /*color: purple;*/
}
ul, ol {
 padding: 0;
 padding-left: 18px;
 margin: 0;
}
li {
 line-height: 24px;
}
p, ul, ol {
 font-size: 16px;
 line-height: 24px;
}

ol ol, ul ol {
 list-style-type: lower-roman;
}

code, pre {
 font-family: Consolas, Monaco, Andale Mono, monospace;
 background-color:#f7f7f7;
 color: inherit;
}

code {
 font-family: Consolas, Monaco, Andale Mono, monospace;
 margin: 0 2px;
}

pre {
 font-family: Consolas, Monaco, Andale Mono, monospace;
 line-height: 1.7em;
 overflow: auto;
 padding: 6px 10px;
 border-left: 5px solid #6CE26C;
}

pre > code {
 font-family: Consolas, Monaco, Andale Mono, monospace;
 border: 0;
 display: inline;
 max-width: initial;
 padding: 0;
 margin: 0;
 overflow: initial;
 line-height: 1.6em;
 font-size: .95em;
 white-space: pre;
 background: 0 0;

}

code {
 color: #666555;
}

aside {
 display: block;
 float: right;
 width: 390px;
}
blockquote {
 border-left-width: 10px;
 background-color: rgba(102,128,153,0.05);
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 padding: 15px 20px;
}
blockquote cite {
 font-size:14px;
 line-height:20px;
 color:#bfbfbf;
}
blockquote cite:before {
 content: '\2014 \00A0';
}

blockquote p {
 color: #666;
}
hr {
 text-align: left;
 color: #999;
 height: 2px;
 padding: 0;
 margin: 16px 0;
 background-color: #e7e7e7;
 border: 0 none;
}

dl {
 padding: 0;
}

dl dt {
 padding: 10px 0;
 margin-top: 16px;
 font-size: 1em;
 font-style: italic;
 font-weight: bold;
}

dl dd {
 padding: 0 16px;
 margin-bottom: 16px;
}

dd {
 margin-left: 0;
}

table {
 *border-collapse: collapse; /* IE7 and lower */
 border-spacing: 0;
 width: 100%;
}
table {
 border: solid #ccc 1px;
}

table thead {
 background: #f7f7f7;
}

table thead tr:hover {
 background: #f7f7f7
}
table tr:hover {
 background: #fbf8e9;
 -o-transition: all 0.1s ease-in-out;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}
table td, .table th {
 border-left: 1px solid #ccc;
 border-top: 1px solid #ccc;
 padding: 10px;
 text-align: left;
}

table th {
 border-top: none;
 text-shadow: 0 1px 0 rgba(255,255,255,.5);
 padding: 5px;
 border-left: 1px solid #ccc;
}

table td:first-child, table th:first-child {
 border-left: none;
}</style></head>''')
 f.write(html)
 f.write('</html>')

Chrome 으로 웹 페이지 열기:

webbrowser.get('C:/Program Files (x86)/CentBrowser/Application/chrome.exe %s').open(
 'file:///'+os.getcwd()+'/markdown.html')
그런데 여기 도 구덩이 라 서 시스템 이 자체 적 으로 가지 고 있 는 Edge 가 계속 열 리 는 데 실 패 했 습 니 다.그 등록 기로 크롬 을 등록 해도 소 용이 없 었 고 결국은 외부 네트워크 에서 해결 방안 을 찾 았 습 니 다.
마지막 효과:

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기