somb
Version:
light exquisite markdown blog
233 lines (230 loc) • 4.96 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>这是一个markdown</title>
<link rel="stylesheet" href="../theme.css">
</head>
<body>
<section class="page-header" style='background-color:#EEAD92;background-image: linear-gradient(120deg, #EEAD92 , #6018DC);'>
<h1 class="project-name">这是一个markdown</h1>
<a href="https://github.com/leinov/somb" class="btn">View on GitHub</a>
</section>
<div class='markdown-body' ><h4>代码高亮</h4>
<pre><code class="language-js">let a = 1;
conosole.log(1);
</code></pre>
<hr>
<h4>无序列表</h4>
<ul>
<li>一年级
<ul>
<li>一年级1班</li>
<li>一年级2班</li>
</ul>
</li>
<li>二年级
<ul>
<li>二年级1班级</li>
</ul>
</li>
<li>三年级</li>
</ul>
<hr>
<h4>有序列表</h4>
<ol>
<li>国产
<ol>
<li>哈弗</li>
<li>吉利</li>
</ol>
</li>
<li>日产
<ol>
<li>本田</li>
<li>丰田</li>
</ol>
</li>
<li>德系
<ol>
<li>奔驰</li>
<li>宝马</li>
<li>奥迪</li>
</ol>
</li>
</ol>
<hr>
<h4>斜体</h4>
<p><em>look at me</em></p>
<hr>
<h4>粗体</h4>
<p>你粗不粗</p>
<p><em><strong>我粗</strong></em></p>
<hr>
<h4>引用</h4>
<blockquote>
<p>这是一段文字描述</p>
</blockquote>
<hr>
<h4>插入链接</h4>
<p><a href="https://facebook.github.io/react/">React官方网站</a></p>
<hr>
<h4>插入图片</h4>
<p><img src="https://avatars0.githubusercontent.com/u/6204210?s=460&v=4" alt="这是一张图片"></p>
<hr>
<h4>分割线</h4>
<hr>
<hr>
<h4>表格</h4>
<h5>1.默认标题居中，内容居左</h5>
<table>
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>地址</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>男</td>
<td>北京</td>
</tr>
<tr>
<td>李四</td>
<td>增加宽度效果明显</td>
<td>乌兹别克斯坦</td>
</tr>
<tr>
<td>伊丽莎白</td>
<td>女</td>
<td>英国</td>
</tr>
</tbody>
</table>
<h5>2.所有居左</h5>
<table>
<thead>
<tr>
<th style="text-align:left">姓名</th>
<th style="text-align:left">性别</th>
<th style="text-align:left">地址</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">张三</td>
<td style="text-align:left">男</td>
<td style="text-align:left">北京</td>
</tr>
<tr>
<td style="text-align:left">李四</td>
<td style="text-align:left">增加宽度效果明显</td>
<td style="text-align:left">乌兹别克斯坦</td>
</tr>
<tr>
<td style="text-align:left">伊丽莎白</td>
<td style="text-align:left">女</td>
<td style="text-align:left">英国</td>
</tr>
</tbody>
</table>
<h5>3.所有居右边</h5>
<table>
<thead>
<tr>
<th style="text-align:right">姓名</th>
<th style="text-align:right">性别</th>
<th style="text-align:right">地址</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:right">张三</td>
<td style="text-align:right">男</td>
<td style="text-align:right">北京</td>
</tr>
<tr>
<td style="text-align:right">李四</td>
<td style="text-align:right">增加宽度效果明显</td>
<td style="text-align:right">乌兹别克斯坦</td>
</tr>
<tr>
<td style="text-align:right">伊丽莎白</td>
<td style="text-align:right">女</td>
<td style="text-align:right">英国</td>
</tr>
</tbody>
</table>
<h5>4.所有居中</h5>
<table>
<thead>
<tr>
<th style="text-align:center">姓名</th>
<th style="text-align:center">性别</th>
<th style="text-align:center">地址</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">张三</td>
<td style="text-align:center">男</td>
<td style="text-align:center">北京</td>
</tr>
<tr>
<td style="text-align:center">李四</td>
<td style="text-align:center">增加宽度效果明显</td>
<td style="text-align:center">乌兹别克斯坦</td>
</tr>
<tr>
<td style="text-align:center">伊丽莎白</td>
<td style="text-align:center">女</td>
<td style="text-align:center">英国</td>
</tr>
</tbody>
</table>
<h5>5.复合应用</h5>
<table>
<thead>
<tr>
<th style="text-align:center">姓名</th>
<th style="text-align:right">性别</th>
<th style="text-align:left">地址</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">张三</td>
<td style="text-align:right">男</td>
<td style="text-align:left">北京</td>
</tr>
<tr>
<td style="text-align:center">李四</td>
<td style="text-align:right">增加宽度效果明显</td>
<td style="text-align:left">乌兹别克斯坦</td>
</tr>
<tr>
<td style="text-align:center">伊丽莎白</td>
<td style="text-align:right">女</td>
<td style="text-align:left">英国</td>
</tr>
</tbody>
</table>
<h4>制作todolist</h4>
<ul>
<li>[x] 学员端
<ul>
<li>[ ] 美文啊吃呢个</li>
</ul>
</li>
<li>[x] 发大发</li>
</ul>
<hr>
<p><a href="https://github.com/leinov/somb">更详尽的文档参考</a></p>
</div>
<div style="text-align:center; padding:10px 0;">powered by <a style="color:#F05F57" href="https://github.com/leinov/somb">somb!</a></div>
</body>
</html>