优化侧边栏markdown组件

_config.yml

@@ -43,16 +43,16 @@ sidebar:
     welcome:
       layout: markdown
       title: Stellar 入门指南
-      content:
+      content: | # support markdown
-        - '欢迎使用 [Stellar](https://github.com/xaoxuu/hexo-theme-stellar/) 主题，下面是您的入门指南，祝您使用愉快！'
+        欢迎使用 [Stellar](https://github.com/xaoxuu/hexo-theme-stellar/) 主题，下面是您的入门指南，祝您使用愉快！
-        - '<br>'
+        <br>
-        - '**第一步**'
+        **第一步**
-        - '创建 `blog/_config.stellar.yml` 文件，在此文件中填写需要自定义的主题配置。'
+        创建 `blog/_config.stellar.yml` 文件，在此文件中填写需要自定义的主题配置。
-        - '<br>'
+        <br>
-        - '**第二步**'
+        **第二步**
-        - '创建 `blog/source/_data/widgets.yml` 文件，此文件中填写需要自定义的侧边栏组件，例如 `welcome` 组件。'
+        创建 `blog/source/_data/widgets.yml` 文件，此文件中填写需要自定义的侧边栏组件，例如 `welcome` 组件。
-        - '<br>'
+        <br>
-        - '如果有任何疑问，请先查阅[文档](https://xaoxuu.com/wiki/stellar/)，如果文档中没有提供，请提 [issue](https://github.com/xaoxuu/hexo-theme-stellar/issues/) 向开发中询问。'
+        如果有任何疑问，请先查阅[文档](https://xaoxuu.com/wiki/stellar/)，如果文档中没有提供，请提 [issue](https://github.com/xaoxuu/hexo-theme-stellar/issues/) 向开发中询问。
 
 
 

layout/_partial/sidebar/widgets/markdown.ejs

@@ -1,10 +1,18 @@
-<div class='widget-wrap' id='markdown'>
+<%
-  <div class='widget-header cap dis-select'>
+function layoutDiv() {
-    <span class='name'><%- item.title %></span>
+  var el = '';
-  </div>
+  if (item.content == undefined || item.content.length == 0) {
-  <div class='widget-body fs14'>
+    return el;
-    <% (item.content||[]).forEach(function(row){ %>
+  }
-      <%- markdown(row) %>
+  el += '<div class="widget-wrap" id="markdown">';
-    <% }) %>
+    el += '<div class="widget-header cap dis-select">';
-  </div>
+      el += '<span class="name">' + item.title + '</span>';
-</div>
+    el += '</div>';
+    el += '<div class="widget-body fs14">';
+      el += markdown(item.content);
+    el += '</div>';
+  el += '</div>';
+  return el;
+}
+%>
+<%- layoutDiv() %>

source/css/_layout/sidebar/sidebar.styl

@@ -183,8 +183,9 @@ nav.menu
       margin: 0.5rem 0
       color: var(--text-p1)
       p
-        margin-top: 0.5em
+        margin-top: .5em
-        margin-bottom: 0.5em
+        margin-bottom: .5em
+        line-height: 1.5
         >a:hover
           text-decoration: underline
     .widget-header+.widget-body