Shenlin / markdown-view

Go to a project
Toggle navigation Toggle navigation pinning
lintry
d33daf7e 1 parent 202c4cbc

增加新的样式 

调整文档编写说明
Inline Side-by-side
Showing 3 changed files with 163 additions and 3 deletions
......@@ -2,14 +2,16 @@
> 每个描述目标简历一个子目录，在子目录下建立readme.md编写当前文档，本文档内需要的图片也存放在此目录下。
## 章节：文章的主要结构（H2）
## 章节：文章内划分段落结构（H2）
### 小节：针对每个章节的具体描述（H3）
### 小节：针对每个章节的分层描述（H3）
#### 段落：小节内需要分层次描述时使用（H4）
##### 节点：段落内需要重点提出时（H5）
###### 提醒：段落内重点提醒（H6）
正文：每个文件用一个H1作为标题，后续章节可以用到H2-H5
可以使用截图描述操作界面
......
......@@ -7,7 +7,7 @@
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/markdown.css">
<link rel="stylesheet" href="<%- '/' + theme + '/' + theme + '.css'%>">
<link rel="stylesheet" href="<%= '/' + theme + '/' + theme + '.css' %>">
</head>
<body>
<div class='markdown <%= theme %>'>
......
@media screen and (min-width: 1025px) {
.markdown {
position: relative;
}
}
@media screen and (min-width: 1024px) {
.markdown {
width: 740px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1025px) {
.markdown {
position: relative;
}
}
@media screen and (min-width: 1024px) {
.markdown {
width: 740px;
margin-left: auto;
margin-right: auto;
}
}
.news {
font-family: system, -apple-system, BlinkMacSystemFont,
"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "SimSun",
"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", 'Segoe UI',
AppleSDGothicNeo-Medium, "Malgun Gothic", Verdana, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0;
color: #333;
background: #ffffff;
-webkit-font-smoothing: antialiased;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.news a {
color: #3269a0;
}
.news a:hover {
color: #4183c4;
}
.news blockquote {
border-left: 3px solid #bbb;
padding: 0 15px;
font-style: italic;
color: #777;
margin: 2rem;
}
.news h1,
.news h2,
.news h3,
.news h4,
.news h5 {
font-weight: 400;
color: #444;
letter-spacing: 2px;
}
.news h2,
.news h3,
.news h4,
.news h5 {
margin-bottom: 1.2rem;
}
.news h1 {
text-align: center;
line-height: 2rem;
font-size: 2rem;
margin-bottom: 2rem;
}
.news h2 {
width: max-content;
margin: 0.8rem auto;
font-size: 1.6rem;
border-bottom: 1px solid #bbb;
padding-bottom: 0.5rem;
text-align: center;
}
.news blockquote h2:before {
content: '';
padding-right: 0;
}
.news h3 {
font-size: 1.4rem;
}
.news h4 {
font-size: 1.2rem;
}
.news h5 {
font-size: 1rem;
font-weight: bold;
}
.news h6 {
color: #666;
margin: 2rem;
}
.news hr {
border-top: none;
border-right: none;
border-bottom: 5px dashed;
border-left: none;
border-color: #ddd;
margin: 10px 0 10px;
}
.news p {
line-height: 1.6rem;
margin-bottom: 2rem;
}
.news p > code {
color: #777777;
font-size: 14px;
padding: 3px;
}
.news pre > code {
font-size: 14px;
letter-spacing: -1px;
font-weight: normal;
}
.news strong {
font-weight: 600;
}
.news table {
width: 100%;
background-color: #fafafa;
}
.news table tr th,
.news table tr td {
border: 1px solid #e6e6e6;
}
.news table tr:nth-child(2n) {
background-color: #f2f2f2;
}
\ No newline at end of file