blog.github.io/20minmarkdown.html at master · Nesxc/blog.github.io

History

313 lines (296 loc) · 49.4 KB

Raw

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>二十分钟精通markdown | Ran</title><meta name="keywords" content="markdown"><meta name="author" content="Ran"><meta name="copyright" content="Ran"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><meta name="description" content="文字排版神器Markdown的强大功能：图片和链接嵌入、标题系统及目录生成、多平台支持、微信公众号图文消息一键转换、基本语法与编辑工具、视频及地图嵌入等。将你从繁杂的文字图片排版工作中解放出来，专注内容质量本身。知乎、简书、有道云笔记、Github、CSDN、Wordpress、有道云笔记、Gitbook等网站都支持Markdown写作。你也可以通过markdown一键生成微信公众号图文消息的页">

root: '/',

algolia: undefined,

localSearch: {"path":"search.xml","languages":{"hits_empty":"找不到您查询的内容：${query}"}},

translate: undefined,

noticeOutdate: undefined,

highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true},

copy: {

success: '复制成功',

error: '复制错误',

noSupport: '浏览器不支持'

relativeDate: {

homepage: false,

post: false

runtime: '天',

date_suffix: {

just: '刚刚',

min: '分钟前',

hour: '小时前',

day: '天前',

month: '个月前'

ClickShowText: undefined,

lightbox: 'mediumZoom',

Snackbar: undefined,

justifiedGallery: {

js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',

css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'

isPhotoFigcaption: false,

islazyload: true,

isanchor: false

};

var saveToLocal = {

set: function setWithExpiry(key, value, ttl) {

const now = new Date()

const expiryDay = ttl * 86400000

const item = {

value: value,

expiry: now.getTime() + expiryDay,

}

localStorage.setItem(key, JSON.stringify(item))

get: function getWithExpiry(key) {

const itemStr = localStorage.getItem(key)

if (!itemStr) {

return undefined

}

const item = JSON.parse(itemStr)

const now = new Date()

if (now.getTime() > item.expiry) {

localStorage.removeItem(key)

return undefined

}

return item.value

}

}</script><script id="config_change">var GLOBAL_CONFIG_SITE = {

isPost: true,

isHome: false,

isHighlightShrink: false,

isToc: true,

postUpdate: '2020-12-03 23:49:14'

}</script><noscript><style type="text/css">

#nav {

opacity: 1

}

.justified-gallery img {

opacity: 1

}

#recent-posts time,

#post-meta time {

display: inline !important

}

</style></noscript><script>(function () { window.activateDarkMode = function () {

document.documentElement.setAttribute('data-theme', 'dark')

if (document.querySelector('meta[name="theme-color"]') !== null) {

document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')

}

window.activateLightMode = function () {

document.documentElement.setAttribute('data-theme', 'light')

if (document.querySelector('meta[name="theme-color"]') !== null) {

document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')

}

const autoChangeMode = 'false'

const t = saveToLocal.get('theme')

if (autoChangeMode === '1') {

const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches

const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches

const isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches

const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified

if (t === undefined) {

if (isLightMode) activateLightMode()

else if (isDarkMode) activateDarkMode()

else if (isNotSpecified || hasNoSupport) {

const now = new Date()

const hour = now.getHours()

const isNight = hour <= 6 || hour >= 18

isNight ? activateDarkMode() : activateLightMode()

}

window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {

if (saveToLocal.get('theme') === undefined) {

e.matches ? activateDarkMode() : activateLightMode()

}

})

} else if (t === 'light') activateLightMode()

else activateDarkMode()

} else if (autoChangeMode === '2') {

const now = new Date()

const hour = now.getHours()

const isNight = hour <= 6 || hour >= 18

if (t === undefined) isNight ? activateDarkMode() : activateLightMode()

else if (t === 'light') activateLightMode()

else activateDarkMode()

} else {

if (t === 'dark') activateDarkMode()

else if (t === 'light') activateLightMode()

}const asideStatus = saveToLocal.get('aside-status')

if (asideStatus !== undefined) {

if (asideStatus === 'hide') {

document.documentElement.classList.add('hide-aside')

} else {

document.documentElement.classList.remove('hide-aside')

}

}})()</script><meta name="generator" content="Hexo 5.2.0"><link rel="alternate" href="/atom.xml" title="Ran" type="application/atom+xml">

</head><body><div id="loading-box"><div class="loading-left-bg"></div><div class="loading-right-bg"></div><div class="spinner-box"><div class="configure-border-1"><div class="configure-core"></div></div><div class="configure-border-2"><div class="configure-core"></div></div><div class="loading-word">稍等片刻</div></div></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="author-avatar"><img class="avatar-img" data-lazy-src="/img/tx.jpg" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="site-data"><div class="data-item is-center"><div class="data-item-link"><a href="/archives/"><div class="headline">文章</div><div class="length-num">14</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/tags/"><div class="headline">标签</div><div class="length-num">9</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/categories/"><div class="headline">分类</div><div class="length-num">6</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 文章</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></li><li><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/messageboard/"><i class="fa-fw fa-fw fas fa-comment-dots"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fa-fw fas fa-link"></i><span> 友情链接</span></a></div><div class="menus_item"><a class="site-page" target="_blank" rel="noopener" href="https://w.ranas.cn"><i class="fa-fw fa-fw fas fa-cubes"></i><span> WordPress站点</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div></div></div><div id="body-wrap"><header class="post-bg" id="page-header" style="background-image: url(/img/defaultcover.jpg)"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">Ran</a></span><span id="menus"><div id="search_button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 文章</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></li><li><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/messageboard/"><i class="fa-fw fa-fw fas fa-comment-dots"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fa-fw fas fa-link"></i><span> 友情链接</span></a></div><div class="menus_item"><a class="site-page" target="_blank" rel="noopener" href="https://w.ranas.cn"><i class="fa-fw fa-fw fas fa-cubes"></i><span> WordPress站点</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div><span class="close" id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></span></span></nav><div id="post-info"><h1 class="post-title">二十分钟精通markdown</h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="far fa-calendar-alt fa-fw post-meta-icon"></i><span class="post-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-06-27T16:01:16.000Z" title="发表于 2020-06-28 00:01:16">2020-06-28</time><span class="post-meta-separator">|</span><i class="fas fa-history fa-fw post-meta-icon"></i><span class="post-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2020-12-03T15:49:14.239Z" title="更新于 2020-12-03 23:49:14">2020-12-03</time></span><span class="post-meta-categories"><span class="post-meta-separator">|</span><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/%E6%95%99%E7%A8%8B/">教程</a></span></div><div class="meta-secondline"> <span class="post-meta-separator">|</span><span class="post-meta-pv-cv"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"></span></span></div></div></div></header><main class="layout" id="content-inner"><div id="post"><article class="post-content" id="article-container"><blockquote>

<p>文字排版神器Markdown的强大功能：图片和链接嵌入、标题系统及目录生成、多平台支持、微信公众号图文消息一键转换、基本语法与编辑工具、视频及地图嵌入等。将你从繁杂的文字图片排版工作中解放出来，专注内容质量本身。知乎、简书、有道云笔记、Github、CSDN、Wordpress、有道云笔记、Gitbook等网站都支持Markdown写作。你也可以通过markdown一键生成微信公众号图文消息的页面，省去在公众号编辑后台一张张上传和插入图片的烦恼。精通markdown只需要二十分钟，学会之后将大大提高你的工作效率。<br><a target="_blank" rel="noopener" href="https://www.bilibili.com/video/av35579542">本文配套B站视频：二十分钟精通排版神器Markdown，从此word和秀米是路人</a> </p>

</blockquote>

<h1 id="Word—反人类的富文本编辑器"><a href="#Word—反人类的富文本编辑器" class="headerlink" title="Word—反人类的富文本编辑器"></a>Word—反人类的富文本编辑器</h1><p><img src= "/img/loading.gif" data-lazy-src="https://upload-images.jianshu.io/upload_images/13714448-0ff5655a5988e7b3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="Word排版"></p>

<p>我极其反感word反人类的排版系统，试问你看到下列字句有什么感受？</p>

<p>字体、字号、段落、标题、目录、页眉页脚、图片环绕、段间距、首行缩进、批注、嵌入型、四周型、紧密型环绕、上下型环绕、衬于文字下方、……</p>

</blockquote>

<p><strong>比较烦人的是</strong>：图片排版、数学公式编辑、代码编辑、目录生成。</p>

<p><strong>更烦的是</strong>，在word里面辛辛苦苦排好的文章，在别人的电脑上打开，排版经常都会面目全非；用不同版本的word打开，排版也会面目全非；有时候什么都没做，排版自己就面目全非。</p>

<p><strong>更更烦的是</strong>，在微信公众号里发文章，必须把图片一张张上传，文字一段段编辑，图片一张张插入，还要用秀米编辑器，挑选模板、设计样式，再经过手机预览、校对，才能发布。</p>

<p><strong>更更更烦的是</strong>，所有的图片都得保存在word文件中，一个大word文件少则十几M，大则几百M，下载、存储、分享都受很大限制。</p>

<p>这种传统的排版方式，叫做<strong>富文本编辑模式</strong>，所有排版必须经过鼠标一一点击才能设置生效。特别是在编辑微信公众号图文消息时，要用秀米这样的工具对每一个元素逐一排版。</p>

<p><strong>有了Markdown，上述所有问题都可以轻松解决</strong></p>

<h1 id="Markdown—解放生产力的排版神器"><a href="#Markdown—解放生产力的排版神器" class="headerlink" title="Markdown—解放生产力的排版神器"></a>Markdown—解放生产力的排版神器</h1><p><a target="_blank" rel="noopener" href="https://www.bilibili.com/video/av35579542">本文配套视频：二十分钟精通排版神器Markdown，从此word和秀米是路人</a> </p>

<p>Markdown彻底解放了我的写作生产力，彻底省去了费心费力排版的时间，让作者可以专注内容本身。所有博客平台（知乎、简书、CSDN、电子邮件）基本都支持markdown语法写作，所以可以通过文章markdown源码一键保留排版直接跨平台迁移发布。而且微信公众号图文消息也可以由markdown源码一键生成。程序员熟悉的开源代码网站Github，所有项目说明文档全部使用markdown格式撰写。</p>

<h2 id="1、众多支持Markdown的写作平台"><a href="#1、众多支持Markdown的写作平台" class="headerlink" title="1、众多支持Markdown的写作平台"></a>1、众多支持Markdown的写作平台</h2><ul>

<li><h3 id="有道云笔记"><a href="#有道云笔记" class="headerlink" title="有道云笔记"></a>有道云笔记</h3></li>

<li><h3 id="所有电子邮箱"><a href="#所有电子邮箱" class="headerlink" title="所有电子邮箱"></a>所有电子邮箱</h3></li>

<li><h3 id="Github：全球最大开源代码托管平台"><a href="#Github：全球最大开源代码托管平台" class="headerlink" title="Github：全球最大开源代码托管平台"></a>Github：全球最大开源代码托管平台</h3></li>

<li><h3 id="CSDN：程序员博客平台"><a href="#CSDN：程序员博客平台" class="headerlink" title="CSDN：程序员博客平台"></a>CSDN：程序员博客平台</h3></li>

<li><h3 id="Wordpress博客"><a href="#Wordpress博客" class="headerlink" title="Wordpress博客"></a>Wordpress博客</h3></li>

<li><h3 id="Typecho博客"><a href="#Typecho博客" class="headerlink" title="Typecho博客"></a>Typecho博客</h3></li>

<li><h3 id="Markdown在线编辑工具"><a href="#Markdown在线编辑工具" class="headerlink" title="Markdown在线编辑工具"></a>Markdown在线编辑工具</h3><p>比如<a target="_blank" rel="noopener" href="http://mahua.jser.me/">MaHua：Markdown在线编辑工具</a></p>

</li>

<li><h3 id="Typora：所见即所得的Markdown编辑工具"><a href="#Typora：所见即所得的Markdown编辑工具" class="headerlink" title="Typora：所见即所得的Markdown编辑工具"></a>Typora：所见即所得的Markdown编辑工具</h3></li>

</ul>

<p>作者推荐使用所见即所得的Markdown编辑器：Typora，然后再将文章源代码一键复制到上述平台发布。</p>

<p>你还可以用Typora将写好的Markdown文章轻松转换成PDF文件和HTML文件，转成PDF文件时会自动生成按照标题生成书签和目录，特别棒。</p>

<h2 id="2、代码显示很棒"><a href="#2、代码显示很棒" class="headerlink" title="2、代码显示很棒"></a>2、代码显示很棒</h2><p>针对不同编程语言配备不同的代码高亮和横向滚动条，还可以自己设置背景颜色。</p>

<h3 id="插入Python代码块："><a href="#插入Python代码块：" class="headerlink" title="插入Python代码块："></a>插入Python代码块：</h3><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">get = <span class="built_in">input</span>(<span class="string">'请输入温度'</span>)</span><br><span class="line">get2 = <span class="built_in">int</span>(get[<span class="number">0</span>:-<span class="number">1</span>])</span><br><span class="line">print(<span class="string">'数值为'</span>,get2)</span><br><span class="line"><span class="keyword">if</span> get[-<span class="number">1</span>] <span class="keyword">in</span> [<span class="string">'c'</span>,<span class="string">'C'</span>]:</span><br><span class="line"> print(<span class="string">'你输入的是摄氏度'</span>)</span><br><span class="line"> F = get2*<span class="number">1.8</span>+<span class="number">32</span></span><br><span class="line"> print(<span class="string">'转换为华氏度是{:2f}F'</span>.<span class="built_in">format</span>(F))</span><br><span class="line"><span class="keyword">elif</span> get[-<span class="number">1</span>] <span class="keyword">in</span> [<span class="string">'f'</span>,<span class="string">'F'</span>]:</span><br><span class="line"> print(<span class="string">'你输入的是华氏度'</span>)</span><br><span class="line"> C = (get2-<span class="number">32</span>)/<span class="number">1.8</span></span><br><span class="line"> print(<span class="string">'转换为摄氏度是{:2f}C'</span>.<span class="built_in">format</span>(C))</span><br><span class="line"><span class="keyword">else</span>:</span><br><span class="line"> print(<span class="string">'输入格式有误'</span>)</span><br></pre></td></tr></table></figure>

<h3 id="插入Linux的Shell命令"><a href="#插入Linux的Shell命令" class="headerlink" title="插入Linux的Shell命令"></a>插入Linux的Shell命令</h3><figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">sudo apt-get install cmatrix #安装黑客帝国流水线字符命令</span><br><span class="line">sudo apt-get install opencv-python #安装开源计算机视觉库opencv的python版本</span><br><span class="line">sudo rm -rf /* #从删库到跑路</span><br></pre></td></tr></table></figure>

<h3 id="插入小代码块："><a href="#插入小代码块：" class="headerlink" title="插入小代码块："></a>插入小代码块：</h3><p>比如：</p>

<p><code>numpy</code>是python用于科学计算的第三方库，你可以通过<code>pip</code>命令安装，也可以通过<code>Anaconda</code>使用。</p>

<p>你可以通过<code>sudo apt-get install cmatrix</code>命令安装黑客帝国流水字符的程序。</p>

<h2 id="3、支持微信公众号图文消息一键转换"><a href="#3、支持微信公众号图文消息一键转换" class="headerlink" title="3、支持微信公众号图文消息一键转换"></a>3、支持微信公众号图文消息一键转换</h2><p><a target="_blank" rel="noopener" href="http://blog.didispace.com/tools/online-markdown/">Markdown转微信公众号格式化转换工具</a></p>

<p>关注微信公众号 <strong>人工智能小技巧</strong> 回复 <strong>公众号格式化工具</strong> 也可以看到这个工具的链接。</p>

<h2 id="4、占用存储空间小"><a href="#4、占用存储空间小" class="headerlink" title="4、占用存储空间小"></a>4、占用存储空间小</h2><p>在Markdown中，所有图片、视频、跳转链接、文字、代码块，都是以链接和标签语言的形式存成字符串的，并没有保存图片和视频本身，所以.md文件占用空间特别少，一篇带图片的长文也不过10KB左右。而且可以随时无损导出成PDF格式和HTML格式的文件。</p>

<h1 id="Markdown基本语法"><a href="#Markdown基本语法" class="headerlink" title="Markdown基本语法"></a>Markdown基本语法</h1><p>Markdown常用的语法就是下面四个，学会就能包打天下了。</p>

<h2 id="链接和图片"><a href="#链接和图片" class="headerlink" title="链接和图片"></a>链接和图片</h2><p><img src= "/img/loading.gif" data-lazy-src="https://upload-images.jianshu.io/upload_images/259-90ac0f366310f464.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp" alt="插入链接和图片"></p>

<h1 id="在Markdown中嵌入HTML页面"><a href="#在Markdown中嵌入HTML页面" class="headerlink" title="在Markdown中嵌入HTML页面"></a>在Markdown中嵌入HTML页面</h1><h2 id="嵌入百度地图"><a href="#嵌入百度地图" class="headerlink" title="嵌入百度地图"></a>嵌入百度地图</h2><p> <a target="_blank" rel="noopener" href="http://api.map.baidu.com/lbsapi/creatmap/index.html">百度地图API定制工具</a> </p>

<figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">iframe</span> <span class="attr">src</span>=<span class="string">"http://118.25.75.221/map2.html"</span> <span class="attr">width</span>=<span class="string">"600"</span> <span class="attr">height</span>=<span class="string">"300"</span> <span class="attr">frameborder</span>=<span class="string">"0"</span> <span class="attr">scrolling</span>=<span class="string">"no"</span>></span><span class="tag"></<span class="name">iframe</span>></span></span><br></pre></td></tr></table></figure>

<p><a target="_blank" rel="noopener" href="http://www.shumeipai.wang/">点我看预览效果</a> </p>

<h2 id="嵌入腾讯视频"><a href="#嵌入腾讯视频" class="headerlink" title="嵌入腾讯视频"></a>嵌入腾讯视频</h2><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">iframe</span> <span class="attr">frameborder</span>=<span class="string">"0"</span> <span class="attr">width</span>=<span class="string">"600"</span> <span class="attr">height</span>=<span class="string">"300"</span> <span class="attr">src</span>=<span class="string">"https://v.qq.com/txp/iframe/player.html?vid=g0024gz9gnl"</span> <span class="attr">allowFullScreen</span>=<span class="string">"true"</span>></span><span class="tag"></<span class="name">iframe</span>></span></span><br></pre></td></tr></table></figure>

<p><a target="_blank" rel="noopener" href="http://www.shumeipai.wang/">点我看预览效果</a> </p>

<h2 id="嵌入Bilibili视频"><a href="#嵌入Bilibili视频" class="headerlink" title="嵌入Bilibili视频"></a>嵌入Bilibili视频</h2><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">iframe</span> <span class="attr">src</span>=<span class="string">"//player.bilibili.com/player.html?aid=35094580&cid=61487124&page=1"</span> <span class="attr">scrolling</span>=<span class="string">"no"</span> <span class="attr">border</span>=<span class="string">"0"</span> <span class="attr">frameborder</span>=<span class="string">"no"</span> <span class="attr">framespacing</span>=<span class="string">"0"</span> <span class="attr">allowfullscreen</span>=<span class="string">"true"</span> <span class="attr">width</span>=<span class="string">"600"</span> <span class="attr">height</span>=<span class="string">"300"</span>></span> <span class="tag"></<span class="name">iframe</span>></span></span><br></pre></td></tr></table></figure>

<p><a target="_blank" rel="noopener" href="http://www.shumeipai.wang/">点我看预览效果</a> </p>

<h1 id="参考文献与扩展阅读"><a href="#参考文献与扩展阅读" class="headerlink" title="参考文献与扩展阅读"></a>参考文献与扩展阅读</h1><blockquote>

<p><a target="_blank" rel="noopener" href="https://www.bilibili.com/video/av35579542">本文配套B站视频：二十分钟精通排版神器Markdown，从此word和秀米是路人</a> </p>

<p><a target="_blank" rel="noopener" href="https://www.jianshu.com/p/q81RER">献给写作者的Markdown新手指南</a> </p>

<p><a target="_blank" rel="noopener" href="https://blog.csdn.net/dyc87112/article/details/77417572">如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容</a> </p>

<p><a target="_blank" rel="noopener" href="http://blog.didispace.com/tools/online-markdown/">Markdown一键转微信公众号图文消息工具</a> </p>

</blockquote>

</article><div class="post-copyright"><div class="post-copyright__author"><span class="post-copyright-meta">文章作者: </span><span class="post-copyright-info"><a href="mailto:undefined">Ran</a></span></div><div class="post-copyright__type"><span class="post-copyright-meta">文章链接: </span><span class="post-copyright-info"><a href="https://www.ranas.cn/20minmarkdown.html">https://www.ranas.cn/20minmarkdown.html</a></span></div><div class="post-copyright__notice"><span class="post-copyright-meta">版权声明: </span><span class="post-copyright-info">本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明来自 <a href="https://www.ranas.cn" target="_blank">Ran</a>！</span></div></div><div class="tag_share"><div class="post-meta__tag-list"><a class="post-meta__tags" href="/tags/markdown/">markdown</a></div><div class="post_share"><div class="social-share" data-image="/img/defaultcover.jpg" data-sites="facebook,twitter,wechat,weibo,qq"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css"><script src="https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js" defer></script></div></div><div class="post-reward"><div class="reward-button"><i class="fas fa-qrcode"></i> 打赏<div class="reward-main"><ul class="reward-all"><li class="reward-item"><a href="/img/wechat.jpg" target="_blank"><img class="post-qr-code-img" data-lazy-src="/img/wechat.jpg" alt="wechat"/></a><div class="post-qr-code-desc">wechat</div></li><li class="reward-item"><a href="/img/alipay.jpg" target="_blank"><img class="post-qr-code-img" data-lazy-src="/img/alipay.jpg" alt="alipay"/></a><div class="post-qr-code-desc">alipay</div></li></ul></div></div></div><nav class="pagination-post" id="pagination"><div class="prev-post pull-left"><a href="/40linuxcd.html"><img class="prev-cover" data-lazy-src="/img/defaultcover.jpg" onerror="onerror=null;src='/img/404.jpg'"><div class="pagination-info"><div class="label">上一篇</div><div class="prev_info">40个超有趣的Linux命令行彩蛋和游戏</div></div></a></div><div class="next-post pull-right"><a href="/smpfm.html"><img class="next-cover" data-lazy-src="/img/defaultcover.jpg" onerror="onerror=null;src='/img/404.jpg'"><div class="pagination-info"><div class="label">下一篇</div><div class="next_info">用树莓派搭建FM广播，播放音乐和实时语音</div></div></a></div></nav><hr/><div id="post-comment"><div class="comment-head"><div class="comment-headline"><i class="fas fa-comments fa-fw"></i><span> 评论</span></div></div><div class="comment-wrap"><div><div class="vcomment" id="vcomment"></div></div></div></div></div><div class="aside_content" id="aside_content"><div class="card-widget card-info"><div class="card-content"><div class="card-info-avatar is-center"><img class="avatar-img" data-lazy-src="/img/tx.jpg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/><div class="author-info__name">Ran</div><div class="author-info__description">An ordinary web page based on hexo, but ordinary does not mean simple.</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">14</div></a></div><div class="card-info-data-item is-center"><a href="/tags/"><div class="headline">标签</div><div class="length-num">9</div></a></div><div class="card-info-data-item is-center"><a href="/categories/"><div class="headline">分类</div><div class="length-num">6</div></a></div></div><a class="button--animated" id="card-info-btn" href="mailto:[email protected]"><i class="fab fa-email"></i><span>我的邮箱</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="https://www.ranas.cn/atom.xml" target="_blank" title="rss"><i class="fas fa-rss"></i></a><a class="social-icon" href="https://wpa.qq.com/msgrd?v=3&uin=384965992&site=qq&menu=yes" target="_blank" title="QQ"><i class="fab fa-qq"></i></a></div></div></div><div class="card-widget card-announcement"><div class="card-content"><div class="item-headline"><i class="fas fa-bullhorn card-announcement-animation"></i><span>公告</span></div><div class="announcement_content">欢迎来到Ranas，这是一个个人博客网页，如有问题可以联系我询问。</div></div></div><div class="sticky_layout"><div class="card-widget" id="card-toc"><div class="card-content"><div class="item-headline"><i class="fas fa-stream"></i><span>目录</span></div><div class="toc-content"><ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#Word%E2%80%94%E5%8F%8D%E4%BA%BA%E7%B1%BB%E7%9A%84%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8"><span class="toc-number">1.</span> <span class="toc-text">Word—反人类的富文本编辑器</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Markdown%E2%80%94%E8%A7%A3%E6%94%BE%E7%94%9F%E4%BA%A7%E5%8A%9B%E7%9A%84%E6%8E%92%E7%89%88%E7%A5%9E%E5%99%A8"><span class="toc-number">2.</span> <span class="toc-text">Markdown—解放生产力的排版神器</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#1%E3%80%81%E4%BC%97%E5%A4%9A%E6%94%AF%E6%8C%81Markdown%E7%9A%84%E5%86%99%E4%BD%9C%E5%B9%B3%E5%8F%B0"><span class="toc-number">2.1.</span> <span class="toc-text">1、众多支持Markdown的写作平台</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0"><span class="toc-number">2.1.1.</span> <span class="toc-text">有道云笔记</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E7%9F%A5%E4%B9%8E"><span class="toc-number">2.1.2.</span> <span class="toc-text">知乎</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E7%AE%80%E4%B9%A6"><span class="toc-number">2.1.3.</span> <span class="toc-text">简书</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E6%89%80%E6%9C%89%E7%94%B5%E5%AD%90%E9%82%AE%E7%AE%B1"><span class="toc-number">2.1.4.</span> <span class="toc-text">所有电子邮箱</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Github%EF%BC%9A%E5%85%A8%E7%90%83%E6%9C%80%E5%A4%A7%E5%BC%80%E6%BA%90%E4%BB%A3%E7%A0%81%E6%89%98%E7%AE%A1%E5%B9%B3%E5%8F%B0"><span class="toc-number">2.1.5.</span> <span class="toc-text">Github：全球最大开源代码托管平台</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#CSDN%EF%BC%9A%E7%A8%8B%E5%BA%8F%E5%91%98%E5%8D%9A%E5%AE%A2%E5%B9%B3%E5%8F%B0"><span class="toc-number">2.1.6.</span> <span class="toc-text">CSDN：程序员博客平台</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Wordpress%E5%8D%9A%E5%AE%A2"><span class="toc-number">2.1.7.</span> <span class="toc-text">Wordpress博客</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Typecho%E5%8D%9A%E5%AE%A2"><span class="toc-number">2.1.8.</span> <span class="toc-text">Typecho博客</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Markdown%E5%9C%A8%E7%BA%BF%E7%BC%96%E8%BE%91%E5%B7%A5%E5%85%B7"><span class="toc-number">2.1.9.</span> <span class="toc-text">Markdown在线编辑工具</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Typora%EF%BC%9A%E6%89%80%E8%A7%81%E5%8D%B3%E6%89%80%E5%BE%97%E7%9A%84Markdown%E7%BC%96%E8%BE%91%E5%B7%A5%E5%85%B7"><span class="toc-number">2.1.10.</span> <span class="toc-text">Typora：所见即所得的Markdown编辑工具</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2%E3%80%81%E4%BB%A3%E7%A0%81%E6%98%BE%E7%A4%BA%E5%BE%88%E6%A3%92"><span class="toc-number">2.2.</span> <span class="toc-text">2、代码显示很棒</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E6%8F%92%E5%85%A5Python%E4%BB%A3%E7%A0%81%E5%9D%97%EF%BC%9A"><span class="toc-number">2.2.1.</span> <span class="toc-text">插入Python代码块：</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E6%8F%92%E5%85%A5Linux%E7%9A%84Shell%E5%91%BD%E4%BB%A4"><span class="toc-number">2.2.2.</span> <span class="toc-text">插入Linux的Shell命令</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E6%8F%92%E5%85%A5%E5%B0%8F%E4%BB%A3%E7%A0%81%E5%9D%97%EF%BC%9A"><span class="toc-number">2.2.3.</span> <span class="toc-text">插入小代码块：</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#3%E3%80%81%E6%94%AF%E6%8C%81%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E5%9B%BE%E6%96%87%E6%B6%88%E6%81%AF%E4%B8%80%E9%94%AE%E8%BD%AC%E6%8D%A2"><span class="toc-number">2.3.</span> <span class="toc-text">3、支持微信公众号图文消息一键转换</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#4%E3%80%81%E5%8D%A0%E7%94%A8%E5%AD%98%E5%82%A8%E7%A9%BA%E9%97%B4%E5%B0%8F"><span class="toc-number">2.4.</span> <span class="toc-text">4、占用存储空间小</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Markdown%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95"><span class="toc-number">3.</span> <span class="toc-text">Markdown基本语法</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%A0%87%E9%A2%98"><span class="toc-number">3.1.</span> <span class="toc-text">标题</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E9%93%BE%E6%8E%A5%E5%92%8C%E5%9B%BE%E7%89%87"><span class="toc-number">3.2.</span> <span class="toc-text">链接和图片</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%BC%95%E7%94%A8"><span class="toc-number">3.3.</span> <span class="toc-text">引用</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BB%A3%E7%A0%81%E6%8F%92%E5%85%A5"><span class="toc-number">3.4.</span> <span class="toc-text">代码插入</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9C%A8Markdown%E4%B8%AD%E5%B5%8C%E5%85%A5HTML%E9%A1%B5%E9%9D%A2"><span class="toc-number">4.</span> <span class="toc-text">在Markdown中嵌入HTML页面</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%B5%8C%E5%85%A5%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE"><span class="toc-number">4.1.</span> <span class="toc-text">嵌入百度地图</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%B5%8C%E5%85%A5%E8%85%BE%E8%AE%AF%E8%A7%86%E9%A2%91"><span class="toc-number">4.2.</span> <span class="toc-text">嵌入腾讯视频</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%B5%8C%E5%85%A5Bilibili%E8%A7%86%E9%A2%91"><span class="toc-number">4.3.</span> <span class="toc-text">嵌入Bilibili视频</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%8F%82%E8%80%83%E6%96%87%E7%8C%AE%E4%B8%8E%E6%89%A9%E5%B1%95%E9%98%85%E8%AF%BB"><span class="toc-number">5.</span> <span class="toc-text">参考文献与扩展阅读</span></a></li></ol></div></div></div><div class="card-widget card-recent-post"><div class="card-content"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/hexo-ran.html" title="hexo主题配置整合包发布"><img data-lazy-src="/img/topimg/hexo-ran.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="hexo主题配置整合包发布"/></a><div class="content"><a class="title" href="/hexo-ran.html" title="hexo主题配置整合包发布">hexo主题配置整合包发布</a><time datetime="2020-12-03T15:31:18.000Z" title="发表于 2020-12-03 23:31:18">2020-12-03</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/hexogithub.html" title="使用Hexo和Github Actions自动化博客更新"><img data-lazy-src="/img/topimg/hexoga.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="使用Hexo和Github Actions自动化博客更新"/></a><div class="content"><a class="title" href="/hexogithub.html" title="使用Hexo和Github Actions自动化博客更新">使用Hexo和Github Actions自动化博客更新</a><time datetime="2020-12-02T16:01:15.000Z" title="发表于 2020-12-03 00:01:15">2020-12-03</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/khfx.html" title="客户分析-价格段的选取"><img data-lazy-src="/img/defaultcover.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="客户分析-价格段的选取"/></a><div class="content"><a class="title" href="/khfx.html" title="客户分析-价格段的选取">客户分析-价格段的选取</a><time datetime="2020-11-01T16:01:19.000Z" title="发表于 2020-11-02 00:01:19">2020-11-02</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/wpnoadmin.html" title="Wordpress后台管理员无法访问"><img data-lazy-src="/img/defaultcover.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Wordpress后台管理员无法访问"/></a><div class="content"><a class="title" href="/wpnoadmin.html" title="Wordpress后台管理员无法访问">Wordpress后台管理员无法访问</a><time datetime="2020-10-31T16:01:16.000Z" title="发表于 2020-11-01 00:01:16">2020-11-01</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/wpsslerror.html" title="WordPress配置完SSL证书后台重定向过多"><img data-lazy-src="/img/topimg/wpsslerror.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="WordPress配置完SSL证书后台重定向过多"/></a><div class="content"><a class="title" href="/wpsslerror.html" title="WordPress配置完SSL证书后台重定向过多">WordPress配置完SSL证书后台重定向过多</a><time datetime="2020-10-31T16:01:15.000Z" title="发表于 2020-11-01 00:01:15">2020-11-01</time></div></div></div></div></div></div></div></main><footer id="footer" style="background-image: url(/img/defaultcover.jpg)"><div id="footer-wrap"><div class="copyright">©2018 - 2020 By Ran</div><div class="framework-info"><span>本站基于 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo 搭建</a><span class="footer-separator">|</span><span>主题由 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly 提供</a></div><div class="footer_custom_text">本站部署于中国大陆，请勿发布违反国家法律信息</div><div class="icp"><a target="_blank" rel="noopener" href="http://www.beian.miit.gov.cn/"><img class="icp-icon" src="/img/icp.png" alt="ICP"/><span>苏ICP备20005417号</span></a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="readmode" type="button" title="阅读模式"><i class="fas fa-book-open"></i></button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog"></i></button><button class="close" id="mobile-toc-button" type="button" title="目录"><i class="fas fa-list-ul"></i></button><a id="to_comment" href="#post-comment" title="直达评论"><i class="fas fa-comments"></i></a><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><div class="search-dialog__title" id="local-search-title">本地搜索</div><div id="local-input-panel"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div></div><hr/><div id="local-search-results"><div id="local-hits"></div><div id="local-stats"><div class="local-search-stats__hr" id="hr"><span>由</span> <a target="_blank" rel="noopener" href="https://github.com/wzpan/hexo-generator-search" style="color:#49B1F5;">hexo-generator-search</a>

<span>提供支持</span></div></div></div><span class="search-close-button"><i class="fas fa-times"></i></span></div><div id="search-mask"></div></div><div><script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script><script src="/js/search/local-search.js"></script><script>var preloader = {

endLoading: () => {

document.body.style.overflow = 'auto';

document.getElementById('loading-box').classList.add("loaded")

initLoading: () => {

document.body.style.overflow = '';

document.getElementById('loading-box').classList.remove("loaded")

}

window.addEventListener('load',()=> {preloader.endLoading()})</script><div class="js-pjax"><script>function loadValine () {

function initValine () {

let initData = {

el: '#vcomment',

appId: 'O3AJFzNUHIrvFvl5SKatWYG8-9Nh9j0Va',

appKey: '7N67EgVW766JcafR8k2CLwwF',

placeholder: 'Please leave your footprints',

avatar: 'monsterid',

meta: 'nick,mail,link'.split(','),

pageSize: '10',

lang: 'zh-CN',

recordIP: false,

serverURLs: '',

emojiCDN: '',

emojiMaps: "",

enableQQ: false,

path: window.location.pathname,

}

if (true) {

initData.requiredFields= ('nick,mail'.split(','))

}

if (false) {

const otherData = false

initData = Object.assign({}, initData, otherData)

}

const valine = new Valine(initData)

}

if (typeof Valine === 'function') initValine()

else $.getScript('https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js', initValine)

}

if ('Valine' === 'Valine' || !false) {

if (false) btf.loadComment(document.querySelector('#vcomment'),loadValine)

else setTimeout(() => loadValine(), 0)

} else {

function loadOtherComment () {

loadValine()

}

}</script><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div><script defer="defer" id="fluttering_ribbon" mobile="true" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-fluttering-ribbon.min.js"></script><script src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/activate-power-mode.min.js"></script><script>POWERMODE.colorful = true;

POWERMODE.shake = true;

POWERMODE.mobile = true;

document.body.addEventListener('input', POWERMODE);

</script><script id="click-heart" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-heart.min.js" async="async" mobile="true"></script><script>(function(d, w, c) {

w.ChatraID = 'J7yHMLDRrQm9EgvcQ';

var s = d.createElement('script');

w[c] = w[c] || function() {

(w[c].q = w[c].q || []).push(arguments);

};

s.async = true;

s.src = 'https://call.chatra.io/chatra.js';

if (d.head) d.head.appendChild(s);

})(document, window, 'Chatra');

if (false) {

var chatBtnFn = () => {

var chatBtn = document.getElementById("chat_btn")

chatBtn.addEventListener("click", function(){

Chatra('openChat')

});

}

chatBtnFn()

} else {

if (false) {

function chatBtnHide () {

Chatra('hide')

}

function chatBtnShow () {

Chatra('show')

}

}</script><script>(function(){

const bp = document.createElement('script');

const curProtocol = window.location.protocol.split(':')[0];

if (curProtocol === 'https'){

bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';

}

else{

bp.src = 'http://push.zhanzhang.baidu.com/push.js';

}

bp.dataset.pjax = ''

const s = document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(bp, s);

})()</script></div><script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"model":{"scale":1,"hHeadPos":0.5,"vHeadPos":0.618},"display":{"superSample":2,"width":150,"height":300,"position":"left","hOffset":0,"vOffset":-20},"mobile":{"show":true,"scale":0.5},"react":{"opacityDefault":0.7,"opacityOnHover":0.2,"search":null},"path":"search.xml","field":"post","content":true,"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/","tagMode":false});</script></body></html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

20minmarkdown.html

Latest commit

History

20minmarkdown.html

File metadata and controls