Showing
3 changed files
with
163 additions
and
3 deletions
| ... | @@ -2,14 +2,16 @@ | ... | @@ -2,14 +2,16 @@ |
| 2 | 2 | ||
| 3 | > 每个描述目标简历一个子目录，在子目录下建立readme.md编写当前文档，本文档内需要的图片也存放在此目录下。 | 3 | > 每个描述目标简历一个子目录，在子目录下建立readme.md编写当前文档，本文档内需要的图片也存放在此目录下。 |
| 4 | 4 | ||
| 5 | -## 章节：文章的主要结构（H2） | 5 | +## 章节：文章内划分段落结构（H2） |
| 6 | 6 | ||
| 7 | -### 小节：针对每个章节的具体描述（H3） | 7 | +### 小节：针对每个章节的分层描述（H3） |
| 8 | 8 | ||
| 9 | #### 段落：小节内需要分层次描述时使用（H4） | 9 | #### 段落：小节内需要分层次描述时使用（H4） |
| 10 | 10 | ||
| 11 | ##### 节点：段落内需要重点提出时（H5） | 11 | ##### 节点：段落内需要重点提出时（H5） |
| 12 | 12 | ||
| 13 | +###### 提醒：段落内重点提醒（H6） | ||
| 14 | + | ||
| 13 | 正文：每个文件用一个H1作为标题，后续章节可以用到H2-H5 | 15 | 正文：每个文件用一个H1作为标题，后续章节可以用到H2-H5 |
| 14 | 16 | ||
| 15 | 可以使用截图描述操作界面 | 17 | 可以使用截图描述操作界面 | ... | ... |
| ... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
| 7 | </title> | 7 | </title> |
| 8 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | 8 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 9 | <link rel="stylesheet" href="/markdown.css"> | 9 | <link rel="stylesheet" href="/markdown.css"> |
| 10 | - <link rel="stylesheet" href="<%- '/' + theme + '/' + theme + '.css'%>"> | 10 | + <link rel="stylesheet" href="<%= '/' + theme + '/' + theme + '.css' %>"> |
| 11 | </head> | 11 | </head> |
| 12 | <body> | 12 | <body> |
| 13 | <div class='markdown <%= theme %>'> | 13 | <div class='markdown <%= theme %>'> | ... | ... |
themes/news/news.css
0 → 100644
| 1 | +@media screen and (min-width: 1025px) { | ||
| 2 | + .markdown { | ||
| 3 | + position: relative; | ||
| 4 | + } | ||
| 5 | +} | ||
| 6 | + | ||
| 7 | +@media screen and (min-width: 1024px) { | ||
| 8 | + .markdown { | ||
| 9 | + width: 740px; | ||
| 10 | + margin-left: auto; | ||
| 11 | + margin-right: auto; | ||
| 12 | + } | ||
| 13 | +} | ||
| 14 | + | ||
| 15 | +@media screen and (min-width: 1025px) { | ||
| 16 | + .markdown { | ||
| 17 | + position: relative; | ||
| 18 | + } | ||
| 19 | +} | ||
| 20 | + | ||
| 21 | +@media screen and (min-width: 1024px) { | ||
| 22 | + .markdown { | ||
| 23 | + width: 740px; | ||
| 24 | + margin-left: auto; | ||
| 25 | + margin-right: auto; | ||
| 26 | + } | ||
| 27 | +} | ||
| 28 | + | ||
| 29 | +.news { | ||
| 30 | + font-family: system, -apple-system, BlinkMacSystemFont, | ||
| 31 | + "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "SimSun", | ||
| 32 | + "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", 'Segoe UI', | ||
| 33 | + AppleSDGothicNeo-Medium, "Malgun Gothic", Verdana, Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| 34 | + padding: 0; | ||
| 35 | + color: #333; | ||
| 36 | + background: #ffffff; | ||
| 37 | + -webkit-font-smoothing: antialiased; | ||
| 38 | + word-wrap: break-word; | ||
| 39 | + -webkit-hyphens: auto; | ||
| 40 | + -ms-hyphens: auto; | ||
| 41 | + hyphens: auto; | ||
| 42 | +} | ||
| 43 | + | ||
| 44 | +.news a { | ||
| 45 | + color: #3269a0; | ||
| 46 | +} | ||
| 47 | + | ||
| 48 | +.news a:hover { | ||
| 49 | + color: #4183c4; | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +.news blockquote { | ||
| 53 | + border-left: 3px solid #bbb; | ||
| 54 | + padding: 0 15px; | ||
| 55 | + font-style: italic; | ||
| 56 | + color: #777; | ||
| 57 | + margin: 2rem; | ||
| 58 | +} | ||
| 59 | + | ||
| 60 | +.news h1, | ||
| 61 | +.news h2, | ||
| 62 | +.news h3, | ||
| 63 | +.news h4, | ||
| 64 | +.news h5 { | ||
| 65 | + font-weight: 400; | ||
| 66 | + color: #444; | ||
| 67 | + letter-spacing: 2px; | ||
| 68 | +} | ||
| 69 | + | ||
| 70 | +.news h2, | ||
| 71 | +.news h3, | ||
| 72 | +.news h4, | ||
| 73 | +.news h5 { | ||
| 74 | + margin-bottom: 1.2rem; | ||
| 75 | +} | ||
| 76 | + | ||
| 77 | +.news h1 { | ||
| 78 | + text-align: center; | ||
| 79 | + line-height: 2rem; | ||
| 80 | + font-size: 2rem; | ||
| 81 | + margin-bottom: 2rem; | ||
| 82 | +} | ||
| 83 | + | ||
| 84 | +.news h2 { | ||
| 85 | + width: max-content; | ||
| 86 | + margin: 0.8rem auto; | ||
| 87 | + font-size: 1.6rem; | ||
| 88 | + border-bottom: 1px solid #bbb; | ||
| 89 | + padding-bottom: 0.5rem; | ||
| 90 | + text-align: center; | ||
| 91 | +} | ||
| 92 | + | ||
| 93 | +.news blockquote h2:before { | ||
| 94 | + content: ''; | ||
| 95 | + padding-right: 0; | ||
| 96 | +} | ||
| 97 | + | ||
| 98 | +.news h3 { | ||
| 99 | + font-size: 1.4rem; | ||
| 100 | +} | ||
| 101 | + | ||
| 102 | +.news h4 { | ||
| 103 | + font-size: 1.2rem; | ||
| 104 | +} | ||
| 105 | + | ||
| 106 | +.news h5 { | ||
| 107 | + font-size: 1rem; | ||
| 108 | + font-weight: bold; | ||
| 109 | +} | ||
| 110 | + | ||
| 111 | +.news h6 { | ||
| 112 | + color: #666; | ||
| 113 | + margin: 2rem; | ||
| 114 | +} | ||
| 115 | + | ||
| 116 | +.news hr { | ||
| 117 | + border-top: none; | ||
| 118 | + border-right: none; | ||
| 119 | + border-bottom: 5px dashed; | ||
| 120 | + border-left: none; | ||
| 121 | + border-color: #ddd; | ||
| 122 | + margin: 10px 0 10px; | ||
| 123 | +} | ||
| 124 | + | ||
| 125 | +.news p { | ||
| 126 | + line-height: 1.6rem; | ||
| 127 | + margin-bottom: 2rem; | ||
| 128 | +} | ||
| 129 | + | ||
| 130 | +.news p > code { | ||
| 131 | + color: #777777; | ||
| 132 | + font-size: 14px; | ||
| 133 | + padding: 3px; | ||
| 134 | +} | ||
| 135 | + | ||
| 136 | +.news pre > code { | ||
| 137 | + font-size: 14px; | ||
| 138 | + letter-spacing: -1px; | ||
| 139 | + font-weight: normal; | ||
| 140 | +} | ||
| 141 | + | ||
| 142 | +.news strong { | ||
| 143 | + font-weight: 600; | ||
| 144 | +} | ||
| 145 | + | ||
| 146 | +.news table { | ||
| 147 | + width: 100%; | ||
| 148 | + background-color: #fafafa; | ||
| 149 | +} | ||
| 150 | + | ||
| 151 | +.news table tr th, | ||
| 152 | +.news table tr td { | ||
| 153 | + border: 1px solid #e6e6e6; | ||
| 154 | +} | ||
| 155 | + | ||
| 156 | +.news table tr:nth-child(2n) { | ||
| 157 | + background-color: #f2f2f2; | ||
| 158 | +} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment