目 录CONTENT

文章目录

MdNice本地部署使用

米尔嘉
2022-07-20 / 0 评论 / 5 点赞 / 353 阅读 / 24,016 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2024-01-20,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

首先我们需要把项目下载到本地并导入到IDEA,项目地址:https://github.com/mdnice/markdown-nice

下载安装yarn并且配置

在Terminal中启动项目

yarn start

项目启动后即可访问,访问地址:http://localhost:3000

我们会发现没有主题可以选择,需要在项目的src\json目录下添加localThemeList.json用于定义主题,文件地址:https://github.com/macrozheng/mall-learning/blob/master/document/json/localThemeList.json

[
  {
    "themeId": "1",
    "itemId": null,
    "name": "橙心",
    "cover": "https://files.mdnice.com/pic/9322d897-85d5-4be1-9c9d-c392d4d39bff.png",
    "css": "/* 全局属性\n * 页边距 padding: 30px;\n * 全文字体 font-family: ptima-Regular;\n * 英文换行 word-break: break-all;\n */\n#nice {\n}\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top: 5px;\n * 下边距 margin-bottom: 5px;\n * 行高 line-height: 26px;\n * 词间距 word-spacing: 3px;\n * 字间距 letter-spacing: 3px;\n * 对齐 text-align: left;\n * 颜色 color: #3e3e3e;\n * 字体大小 font-size: 16px;\n * 首行缩进 text-indent: 2em;\n */\n#nice p {\n}\n/* 一级标题 */\n#nice h1 {\n}\n/* 一级标题内容 */\n#nice h1 .content {\n}\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n/* 二级标题 */\n#nice h2 {\n  border-bottom: 2px solid rgb(239, 112, 96);\n  font-size: 1.3em;\n}\n/* 二级标题内容 */\n#nice h2 .content {\n  display: inline-block;\n  font-weight: bold;\n  background: rgb(239, 112, 96);\n  color: #ffffff;\n  padding: 3px 10px 1px;\n  border-top-right-radius: 3px;\n  border-top-left-radius: 3px;\n  margin-right: 3px;\n}\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {\n  display: inline-block;\n  content: \" \";\n  vertical-align: bottom;\n  border-bottom: 36px solid #efebe9;\n  border-right: 20px solid transparent;\n}\n/* 三级标题 */\n#nice h3 {\n}\n/* 三级标题内容 */\n#nice h3 .content {\n}\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n}\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n/* 列表内容,不要设置li\n */\n#nice li section {\n}\n/* 引用\n * 左边缘颜色 border-left-color: black;\n * 背景色 background: gray;\n */\n#nice .multiquote-1 {\n  border-left-color: rgb(239, 112, 96);\n  background: #fff9f9;\n}\n/* 引用文字 */\n#nice .multiquote-1 p {\n}\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n  color: rgb(239, 112, 96);\n  border-bottom: 1px solid rgb(239, 112, 96);\n}\n/* 加粗 */\n#nice strong {\n}\n/* 斜体 */\n#nice em {\n}\n/* 加粗斜体 */\n#nice em strong {\n}\n/* 删除线 */\n#nice del {\n}\n/* 分隔线\n * 粗细、样式和颜色\n * border-top: 1px solid #3e3e3e;\n */\n#nice hr {\n}\n/* 图片\n * 宽度 width: 80%;\n * 居中 margin: 0 auto;\n * 居左 margin: 0 0;\n */\n#nice img {\n}\n/* 图片描述文字 */\n#nice figcaption {\n}\n/* 行内代码 */\n#nice p code, #nice li code {\n  color: rgb(239, 112, 96);\n}\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre code {\n}\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n}\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #ff3502;\n}\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: rgb(239, 112, 96);\n}\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n}\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n/* 参考资料文字 */\n#nice .footnote-item p { \n}\n/* 参考资料解释 */\n#nice .footnote-item p em {\n}\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}",
    "article": "https://mp.weixin.qq.com/s?__biz=MzIwNTA4NzI1Mw==&mid=2247485062&idx=1&sn=0eaa314bb165c71a8f57c8baf4226f57&source=41#wechat_redirect",
    "html": null,
    "exampleHtml": null,
    "authorName": "zhning12",
    "authorEmail": null,
    "description": "橙心的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21231,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T09:57:55.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "3",
    "itemId": null,
    "name": "姹紫",
    "cover": "https://files.mdnice.com/pic/e989865f-32c6-4201-a486-9f85fe7c2fab.png",
    "css": "/* 全局属性\n * 页边距 padding: 30px;\n * 全文字体 font-family: ptima-Regular;\n * 英文换行 word-break: break-all;\n */\n#nice {\n  font-size: 15px;\n  letter-spacing: 0.05em;\n  color:#595959\n}\n\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top: 5px;\n * 下边距 margin-bottom: 5px;\n * 行高 line-height: 26px;\n * 词间距 word-spacing: 3px;\n * 字间距 letter-spacing: 3px;\n * 对齐 text-align: left;\n * 颜色 color: #3e3e3e;\n * 字体大小 font-size: 16px;\n * 首行缩进 text-indent: 2em;\n */\n#nice p {\n  margin: 1em 4px;\n}\n\n/* 一级标题 */\n#nice h1 {\n  margin: 1.2em 0 1em;\n  padding: 0;\n  font-weight: bold;\n  color:#773098;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n\n/* 二级标题 */\n#nice h2 {\n  min-height: 32px;\n  line-height: 28px;\n  border-bottom: solid 1px #000000;\n  color: #773098;\n  display: inline-block;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  border-color: #773098;\n  padding-top: 5px;\n  padding-right: 0.5em;\n  padding-left: 0.5em;\n  margin-bottom: -3px;\n  font-size: 22px;\n  margin:1em auto;\n  padding: 0.5em 0;\n  text-align: center;\n  width: 85%;\n  font-weight: bold;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {\n}\n\n/* 三级标题 */\n#nice h3 {\n  margin: 1.2em 0 1em;\n  padding: 0;\n  font-weight: bold;\n  color:#773098;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n}\n\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n\n/* 列表内容,不要设置li\n */\n#nice li section {\n  margin: 10px 0;\n}\n\n/* 引用\n * 左边缘颜色 border-left-color: black;\n * 背景色 background: gray;\n */\n#nice .multiquote-1 {\n  margin: 10px 5px;\n  border-left: 3px solid #9654B5;\n  border-right: 1px solid #9654B5;\n  color: #616161;\n  quotes: none;\n  background:#FBF9FD\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n}\n\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n  color: #773098;\n  border-bottom: 1px solid #773098;\n}\n\n/* 加粗 */\n#nice strong {\n  color:#773098;\n}\n\n/* 斜体 */\n#nice em {\n}\n\n/* 加粗斜体 */\n#nice em strong {\n}\n\n/* 删除线 */\n#nice del {\n}\n\n/* 分隔线\n* 粗细、样式和颜色\n* border-top: 1px solid #3e3e3e;\n*/\n#nice hr {\n  border: 1px solid #773098;\n  margin: 1.5em auto;\n}\n\n/* 图片\n* 宽度 width: 80%;\n* 居中 margin: 0 auto;\n* 居左 margin: 0 0;\n*/\n#nice img {\n}\n\n/* 行内代码 */\n#nice p code, #nice li code {\n  color: #9654B5;\n}\n\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre code {\n}\n\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #773098;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: #773098;\n}\n\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p { \n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}",
    "article": null,
    "html": null,
    "exampleHtml": null,
    "authorName": "djmaxwow",
    "authorEmail": null,
    "description": "姹紫的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21232,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:14:00.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "4",
    "itemId": null,
    "name": "嫩青",
    "cover": "https://files.mdnice.com/pic/94cff81b-a086-46aa-a70e-1b9771b67cfc.png",
    "css": "/* 全局属性\n * 页边距 padding: 30px;\n * 全文字体 font-family: ptima-Regular;\n * 英文换行 word-break: break-all;\n */\n#nice {\n}\n\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top: 5px;\n * 下边距 margin-bottom: 5px;\n * 行高 line-height: 26px;\n * 词间距 word-spacing: 3px;\n * 字间距 letter-spacing: 3px;\n * 对齐 text-align: left;\n * 颜色 color: #3e3e3e;\n * 字体大小 font-size: 16px;\n * 首行缩进 text-indent: 2em;\n */\n#nice p {\n  color: rgb(89,89,89);\n}\n\n/* 一级标题 */\n#nice h1 {\n  color: rgb(89,89,89);\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n\n/* 二级标题 */\n#nice h2 {\n  border-bottom: 2px solid rgb(89,89,89);\n  margin-bottom: 30px;\n  color: rgb(89,89,89);\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n  font-size: 22px;\n  display: inline-block;\n  border-bottom: 2px solid rgb(89,89,89);\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {\n}\n\n/* 三级标题 */\n#nice h3 {\n  color: rgb(89,89,89);\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n}\n\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n\n/* 列表内容,不要设置li\n */\n#nice li section {\n}\n\n/* 引用\n* 左边缘颜色 border-left-color: black;\n* 背景色 background: gray;\n*/\n#nice .multiquote-1 {\n  font-style: normal;\n  padding: 10px;\n  position: relative;\n  line-height: 1.8;\n  text-indent: 0;\n  border: none;\n  color: #888;\n}\n\n#nice .multiquote-1:before {\n  content: \"“\";\n  display: inline;\n  color: #555555;\n  font-size: 4em;\n  font-family: Arial, serif;\n  line-height: 1em;\n  font-weight: 700;\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n  display: inline;\n}\n\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n  color: rgb(71, 193, 168);\n  border-bottom: 1px solid rgb(71, 193, 168);\n}\n\n/* 加粗 */\n#nice strong {\n  color: rgb(71, 193, 168);\n}\n\n/* 斜体 */\n#nice em {\n  color: rgb(71, 193, 168);\n}\n\n/* 加粗斜体 */\n#nice em strong {\n  color: rgb(71, 193, 168);\n}\n\n/* 删除线 */\n#nice del {\n}\n\n/* 分隔线\n* 粗细、样式和颜色\n* border-top: 1px solid #3e3e3e;\n*/\n#nice hr {\n}\n\n/* 图片\n* 宽度 width: 80%;\n* 居中 margin: 0 auto;\n* 居左 margin: 0 0;\n*/\n#nice img {\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n}\n\n/* 行内代码 */\n#nice p code, #nice li code {\n  color: rgb(71, 193, 168);\n}\n\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre code {\n}\n\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: rgb(71, 193, 168);\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: rgb(71, 193, 168);\n}\n\n#nice .footnote-item em {\n  color: black;\n}\n\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p { \n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}",
    "article": null,
    "html": null,
    "exampleHtml": null,
    "authorName": "画手",
    "authorEmail": null,
    "description": "嫩青的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21233,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:14:06.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "5",
    "itemId": null,
    "name": "绿意",
    "cover": "https://files.mdnice.com/pic/02f3f593-3380-4aa6-9d90-6e2b6f276558.png",
    "css": "/* 全局属性\n * 页边距 padding: 30px;\n * 全文字体 font-family: ptima-Regular;\n * 英文换行 word-break: break-all;\n */\n#nice {\n  font-size: 15px;\n  letter-spacing: 0.05em;\n  color:#595959\n}\n\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top: 5px;\n * 下边距 margin-bottom: 5px;\n * 行高 line-height: 26px;\n * 词间距 word-spacing: 3px;\n * 字间距 letter-spacing: 3px;\n * 对齐 text-align: left;\n * 颜色 color: #3e3e3e;\n * 字体大小 font-size: 16px;\n * 首行缩进 text-indent: 2em;\n */\n#nice p {\n  margin: 1em 4px;\n}\n\n/* 一级标题 */\n#nice h1 {\n  margin: 1.2em 0 1em;\n  padding: 0;\n  font-weight: bold;\n  color:#35b378;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n\n/* 二级标题 */\n#nice h2 {\n  bmin-height: 32px;\n  line-height: 32px;\n  border-bottom: solid 1px #000000;\n  color: #35b378;\n  display: inline-block;\n  border-bottom-width: 0px;\n  border-bottom-style: solid;\n  border-color: #35b378;\n  padding-top: 5px;\n  padding-right: 0.5em;\n  padding-left: 0.5em;\n  font-size: 23px;\n  margin: 1em 0 0rem 0;\n  padding: 0.5em 0;\n  text-align: leftt;\n  font-weight: bold;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {\n}\n\n/* 三级标题 */\n#nice h3 {\n  margin: 1.2em 0 1em;\n  padding: 0;\n  font-weight: bold;\n  color: #35b378;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n}\n\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n\n/* 列表内容,不要设置li\n */\n#nice li section {\n  margin: 10px 0;\n}\n\n/* 引用\n * 左边缘颜色 border-left-color: black;\n * 背景色 background: gray;\n */\n#nice .multiquote-1 {\n  margin: 10px 5px;\n  border-left: 3px solid #35b378;\n  border-right: 0px solid #35b378;\n  color: #616161;\n  quotes: none;\n  background: #FBF9FD\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n}\n\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n  color: #35b378;\n  border-bottom: 1px solid #35b378;\n}\n\n/* 加粗 */\n#nice strong {\n  color:#35b378;\n}\n\n/* 斜体 */\n#nice em {\n}\n\n/* 加粗斜体 */\n#nice em strong {\n}\n\n/* 删除线 */\n#nice del {\n}\n\n/* 分隔线\n * 粗细、样式和颜色\n * border-top: 1px solid #3e3e3e;\n */\n#nice hr {\n  border: 1px solid #35b378;\n  margin: 1.5em auto;\n}\n\n/* 图片\n * 宽度 width: 80%;\n * 居中 margin: 0 auto;\n * 居左 margin: 0 0;\n */\n#nice img {\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n}\n\n/* 行内代码 */\n#nice p code, #nice li code {\n  color: #35b378;\n}\n\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre code {\n}\n\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #35b378;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: #35b378;\n}\n\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p { \n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}",
    "article": "https://mp.weixin.qq.com/s/gpancJ62Dkd4ccXzFg2g5Q",
    "html": null,
    "exampleHtml": null,
    "authorName": "夜尽天明",
    "authorEmail": null,
    "description": "绿意的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21234,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:14:12.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "6",
    "itemId": null,
    "name": "红绯",
    "cover": "https://files.mdnice.com/pic/9f008265-8511-4f9c-aafd-87027c94bd58.png",
    "css": "/*自定义样式,实时生效*/\n\n/* 全局属性\n * 页边距 padding:30px;\n * 全文字体 font-family:ptima-Regular;\n * 英文换行 word-break:break-all;\n */\n#nice {\n    font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, \"PingFang SC\", Cambria, Cochin, Georgia, Times, \"Times New Roman\", serif;\n    padding: 5px;\n    font-size: 16px;\n    color: #353535;\n    word-spacing: 0.8px;\n    letter-spacing: 0.8px;\n    border-radius: 16px;\n}\n\n/* 段落,下方未标注标签参数均同此处\n   * 上边距 margin-top:5px;\n   * 下边距 margin-bottom:5px;\n   * 行高 line-height:26px;\n   * 词间距 word-spacing:3px;\n   * 字间距 letter-spacing:3px;\n   * 对齐 text-align:left;\n   * 颜色 color:#3e3e3e;\n   * 字体大小 font-size:16px;\n   * 首行缩进 text-indent:2em;\n   */\n#nice p {\n    line-height: 1.75;\n    margin: 0.8em 0;\n    font-size: 16px;\n    color: #353535;\n}\n\n/* 一级标题 */\n#nice h1 {\n    border-top: 2px solid rgb(248, 57, 41);\n    text-align: center;\n    font-size: 1.3em;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n    display: inline-block;\n    font-weight: normal;\n    background: rgb(248, 57, 41);\n    color: #ffffff;\n    padding: 3px 10px 1px;\n    border-radius: 0 0 13px 13px;\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {}\n\n/* 二级标题 */\n#nice h2 {\n    text-align: left;\n    margin: 20px 10px 0px 0px;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n    font-size: 18px;\n    font-weight: 700;\n    color: #222;\n    display: inline-block;\n    padding-left: 10px;\n    border-left: 5px solid rgb(248, 57, 41);\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {}\n\n/* 三级标题 */\n#nice h3 {}\n\n/* 三级标题内容 */\n#nice h3 .content {\n    font-size: 16px;\n    color: #222;\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {}\n\n/* 无序列表整体样式\n   * list-style-type: square|circle|disc;\n   */\n#nice ul {\n    color: #f83929;\n    font-size: 16px;\n}\n\n/* 有序列表整体样式\n   * list-style-type: upper-roman|lower-greek|lower-alpha;\n   */\n#nice ol {\n    color: #f83929;\n    font-size: 16px;\n}\n\n/* 列表内容,不要设置li\n   */\n#nice li section {\n    color: #353535;\n}\n\n/* 引用\n   * 左边缘颜色 border-left-color:black;\n   * 背景色 background:gray;\n   */\n#nice .multiquote-1 {\n    font-style: normal;\n    border-left: none;\n    padding: 15px 10px;\n    line-height: 1.75;\n    border-radius: 13px;\n    color: #353535;\n    background: #f5f5f5;\n}\n\n#nice .multiquote-1:before {\n    content: \"“\";\n    display: block;\n    font-size: 2em;\n    color: rgb(248, 57, 41);\n    font-family: Arial, serif;\n    line-height: 1em;\n    font-weight: 700;\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n    color: #353535;\n    font-size: 16px;\n    margin: 0 10px;\n    display: block;\n}\n\n#nice .multiquote-1:after {\n    content: \"”\";\n    float: right;\n    display: block;\n    font-size: 2em;\n    color: rgb(248, 57, 41);\n    font-family: Arial, serif;\n    line-height: 1em;\n    font-weight: 700;\n}\n\n/* 链接 \n* border-bottom: 1px solid #009688;\n*/\n#nice a {\n    color: rgb(248, 57, 41);\n    font-weight: 400;\n    border-bottom: 1px solid rgb(248, 57, 41);\n\n}\n\n/* 加粗 */\n#nice strong {\n    font-weight: 700;\n    color: rgb(248, 57, 41);\n}\n\n/* 斜体 */\n#nice em {\n    color: rgb(248, 57, 41);\n}\n\n/* 加粗斜体 */\n#nice em strong {\n    color: rgb(248, 57, 41);\n}\n\n/* 删除线 */\n#nice del {}\n\n/* 分隔线\n   * 粗细、样式和颜色\n   * border-top:1px solid #3e3e3e;\n   */\n#nice hr {\n    height: 1px;\n    padding: 0;\n    border: none;\n    border-top: medium solidid #333;\n    text-align: center;\n    background-image: linear-gradient(to right, rgba(248, 57, 41, 0), rgba(248, 57, 41, 0.75), rgba(248, 57, 41, 0));\n}\n\n/* 图片\n   * 宽度 width:80%;\n   * 居中 margin:0 auto;\n   * 居左 margin:0 0;\n   */\n#nice figure {\n    border-radius: 16px;\n    overflow: hidden;\n}\n\n#nice figure a img {\n    border-radius: 16px;\n    width: 100%;\n    max-width: 100%;\n}\n\n#nice img {\n    border-radius: 6px;\n    display: block;\n    margin: 20px auto;\n    max-width: 95%;\n    object-fit: contain;\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n    display: block;\n    font-size: 12px;\n}\n\n/* 行内代码 */\n#nice p code,\n#nice li code {\n    color: rgb(271, 93, 108);\n}\n\n/* 非微信代码块\n   * 代码块不换行 display:-webkit-box !important;\n   * 代码块换行 display:block;\n   */\n#nice pre code {}\n\n/*\n   * 表格内的单元格\n   * 字体大小 font-size: 16px;\n   * 边框 border: 1px solid #ccc;\n   * 内边距 padding: 5px 10px;\n   */\n#nice table tr th,\n#nice table tr td {\n    font-size: 16px;\n    color: #645647;\n}\n\n#nice table tr th {\n    color: #353535;\n    background-color: #dbd9d8;\n}\n\n#nice .footnotes {\n    font-size: 16px;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n    font-weight: normal;\n    color: #f83929;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n    font-weight: normal;\n    color: #f83929;\n}\n\n/*脚注链接样式*/\n#nice .footnote-item em {\n    font-size: 16px;\n    display: block;\n}\n\n/* \"参考资料\"四个字 \n  * 内容 content: \"参考资料\";\n  */\n#nice .footnotes-sep:before {\n    content: '参考资料 ';\n    color: #f83929;\n    letter-spacing: 1px;\n    text-align: left;\n    display: block;\n    font-weight: 500;\n    padding-bottom: .1em;\n    border-bottom: 3px double #f83929;\n    font-size: 20px;\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n    color: #f83929;\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p {\n    font-weight: 400;\n    color: #f83929;\n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n    font-weight: 400;\n    font-size: 14px;\n    color: #353535;\n}\n\n/* 行间公式\n  * 最大宽度 max-width: 300% !important;\n  */\n#nice .block-equation svg {\n    color: #353535;\n}\n\n/* 行内公式\n  */\n#nice .inline-equation svg {\n    color: #353535;\n}\n\n/* 滑动图片\n   */\n#nice .imageflow-img {\n    display: inline-block;\n    width: 100%;\n    margin-bottom: 0;\n}",
    "article": "",
    "html": null,
    "exampleHtml": null,
    "authorName": "HeyRain",
    "authorEmail": null,
    "description": "红绯的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21238,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:14:19.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "8",
    "itemId": null,
    "name": "蓝莹",
    "cover": "https://files.mdnice.com/pic/248727f4-d81c-42a3-9723-3a1e5bdbda30.png",
    "css": "/* 全局属性 */\n\n#nice {\n  font-family: \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\n  word-break: break-all;\n}\n\n/* 标题 */\n#nice h1 {\n  font-size: 1.7em;\n  font-weight: normal;\n  border-bottom: 2px solid hsl(216, 100%, 68%);\n}\n\n#nice h1 .content {\n  background: hsl(216, 100%, 68%);\n  color: white;\n  padding: 3px 10px;\n  border-top-right-radius: 3px;\n  border-top-left-radius: 3px;\n  margin-right: 3px;\n}\n\n#nice h2 {\n  font-weight: normal;\n  color: #333;\n  font-size: 1.4em;\n  border-bottom: 1px solid hsl(216, 100%, 68%);\n}\n\n#nice h2 .content {\n  border-bottom: 1px solid hsl(216, 100%, 68%);\n}\n\n#nice h3 {\n  font-weight: normal;\n  color: #333;\n  font-size: 1.2em;\n}\n\n/* 特殊规定:\n * h4 → 摘要\n * h5 → 强调\n * h6 → 序号\n * em → 高亮\n */\n\n#nice h4 {\n  font-weight: normal;\n  font-size: 1em;\n  width: 80%;\n  border: 1px solid hsl(216, 100%, 68%);\n  border-top: 4px solid hsl(216, 100%, 68%);\n  padding: 10px;\n  margin: 30px auto;\n  color: #333;\n}\n\n#nice h5 {\n  font-weight: normal;\n  font-size: 1.3em;\n  text-align: center;\n  background: hsl(216, 100%, 68%);\n  border: 3px double #fff;\n  width: 80%;\n  padding: 10px;\n  margin: 30px auto;\n  color: #fff;\n}\n\n#nice h6 {\n  font-size: 1.5em;\n  font-weight: normal;\n  color: hsl(216, 100%, 68%);\n  border-bottom: 1px solid hsl(216, 100%, 68%);\n}\n\n#nice em {\n  font-style: normal;\n  font-weight: normal;\n  color: white;\n  background: hsl(244, 100%, 75%);\n  padding: 2px 4px;\n\tmargin: 0px 2px;\n}\n\n/* 其他块元素 */\n\n#nice ol,\n#nice ul {\n  padding-left: 2em;\n}\n\n#nice hr {\n  width: 90%;\n  margin: 1.5em auto;\n  border-top: 2px dashed hsl(216, 100%, 68%);\n}\n\n#nice table {\n  margin: 1.5em auto;\n  width: auto;\n}\n\n#nice img {\n  width: 90%;\n  margin: 0 auto;\n  box-shadow: #CCC 0 10px 15px;\n}\n\n#nice .multiquote-1 {\n  background: #f9f9f9;\n  border-left-color: hsl(216, 100%, 68%);\n}\n\n#nice .multiquote-1 p {\n  color: #999;\n  padding: 3px 0;\n}\n\n#nice a {\n  color: hsl(187, 100%, 45%);\n  font-weight: normal;\n  border-bottom-color: hsl(187, 100%, 45%);\n}\n\n#nice strong {\n  color: hsl(216, 80%, 44%);\n}\n\n#nice s,\n#nice del {\n  color: #999;\n}\n\n#nice p,\n#nice li,\n#nice li span,\n#nice h4,\n#nice table tr td {\n  color: #666;\n}\n\n#nice table tr th {\n  color: #333;\n  font-weight: normal;\n}\n\n#nice p code,\n#nice li code {\n  color: hsl(216, 100%, 68%);\n}\n\n#nice sup {\n  line-height: 0;\n}\n\n#nice .footnote-word,\n.footnote-ref {\n  font-weight: normal;\n  color: hsl(187, 100%, 45%);\n}\n\n#nice .footnotes-sep {\n  font-family: inherit;\n}\n\n#nice .footnote-num {\n  font-family: inherit;\n}\n\n#nice .footnote-item p {\n  color: #666;\n}\n\n#nice .footnote-item p em {\n  color: #999;\n  background: transparent;\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}\n\n/* 滑动图片\n */\n#nice .imageflow-img {\n  display: inline-block;\n  width:100%;\n  margin-bottom: 0;\n}",
    "article": "https://mp.weixin.qq.com/s/OfRQaBe3XVXXjE7f84nSwA",
    "html": null,
    "exampleHtml": null,
    "authorName": "谭淞宸",
    "authorEmail": null,
    "description": "蓝莹的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21239,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:14:33.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "10",
    "itemId": null,
    "name": "兰青",
    "cover": "https://files.mdnice.com/pic/c65c74bf-37c7-4b0b-97b9-1c8c47615535.png",
    "css": "/*自定义样式,实时生效*/\n\n/* 全局属性\n * 页边距 padding: 30px;\n * 全文字体 font-family: ptima-Regular;\n * 英文换行 word-break: break-all;\n */\n#nice {\n}\n\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top: 5px;\n * 下边距 margin-bottom: 5px;\n * 行高 line-height: 26px;\n * 词间距 word-spacing: 3px;\n * 字间距 letter-spacing: 3px;\n * 对齐 text-align: left;\n * 颜色 color: #3e3e3e;\n * 字体大小 font-size: 16px;\n * 首行缩进 text-indent: 2em;\n */\n#nice p {\n  text-align: justify;\n}\n\n/* 一级标题 */\n#nice h1 {\n  font-size: 1.8em;\n  color: #009688;\n \tmargin: 1.2em auto;\n  text-align: center;\n  border-bottom: 1px solid #009688;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n\n/* 二级标题 */\n#nice h2 {\n  color: #009688;\n  padding-left: 10px;\n  margin: 1em auto;\n  border-left: 3px solid #009688;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {\n}\n\n/* 三级标题 */\n#nice h3 {\n  margin: 0.6em auto;\n  padding-left: 10px;\n  border-left: 2px solid #009688;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n\n/* 四级标题 */\n#nice h4 {\n  margin: 0.6em auto;\n  font-size: 1.2em;\n  padding-left: 10px;\n  border-left: 2px dashed #009688;\n}\n\n/* 五级标题 */\n#nice h5 {\n  margin: 0.6em auto;\n  font-size: 1.1em;\n  padding-left: 10px;\n  border-left: 1px dashed #009688;\n}\n\n/* 六级标题 */\n#nice h6 {\n  margin: 0.6em auto;\n  font-size: 1em;\n  padding-left: 10px;\n  border-left: 1px dotted #009688;\n}\n\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n}\n\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n\n/* 列表内容,不要设置li\n */\n#nice li section {\n}\n\n/* 引用\n * 左边缘颜色 border-left-color: black;\n * 背景色 background: gray;\n */\n#nice .multiquote-1 {\n  border-left: 2px solid #888;\n  border-right: 2px solid #888;\n  padding-left: 1em;\n  color: #777;\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n}\n\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n  color: #009688;\n  border-bottom: 1px solid #009688;\n}\n\n/* 加粗 */\n#nice strong {\n}\n\n/* 斜体 */\n#nice em {\n}\n\n/* 加粗斜体 */\n#nice em strong {\n}\n\n/* 删除线 */\n#nice del {\n}\n\n/* 分隔线\n * 粗细、样式和颜色\n * border-top: 1px solid #3e3e3e;\n */\n#nice hr {\n  margin: 20px 0;\n}\n\n/* 图片\n * 宽度 width: 80%;\n * 居中 margin: 0 auto;\n * 居左 margin: 0 0;\n */\n#nice img {\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n}\n\n/* 行内代码 */\n#nice p code, #nice li code {\n  color: #009688;\n}\n\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre code {\n}\n\n/* 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th {\n  border: 1px solid #009688;\n  background-color: #009688;\n  color: #f8f8f8;\n  border-bottom: 0;\n}\n\n#nice table tr td {\n  border: 1px solid #009688;\n}\n\n#nice table tr:nth-child(2n) {\n  background-color: #f8f8f8;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #009688;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: #009688;\n}\n\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p { \n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}",
    "article": "https://mp.weixin.qq.com/s/iL8xlH0I3yOEOrhcBqc0kg",
    "html": null,
    "exampleHtml": null,
    "authorName": "Krahets",
    "authorEmail": null,
    "description": "兰青的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21240,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:14:47.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "11",
    "itemId": null,
    "name": "山吹",
    "cover": "https://files.mdnice.com/pic/2d041c6f-564b-4392-9636-9998f2b056bb.png",
    "css": "/*自定义样式,实时生效*/\n#nice {\n}\n\n#nice p {\n\tmargin: 0 0 20px;\n\tpadding: 0;\n\tline-height: 1.8em;\n\tcolor: #3a3a3a;\n}\n\n/* 一级标题 */\n#nice h1 {\n  font-size: 2.1em;\n\tline-height: 1.1em;\n\tpadding-top: 16px;\n  padding-bottom: 10px;\n  margin-bottom: 4px;\n  border-bottom: 1px solid #c99833;\n}\n/* 一级标题内容 */\n#nice h1 .content {\n  color: #515151;\n  font-weight: 700;\n}\n\n#nice h2, h3, h4, h5, h6 {\n line-height: 1.5em;\n margin-top: 2.2em;\n margin-bottom: 4px;\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {}\n\n/* 二级标题 */\n#nice h2 {\n margin-bottom: 35px;\n}\n\n/* 二级标题内容 */\n\n#nice h2 .content {\n  display: inline-block;\n  font-weight: bold;\n  background: linear-gradient(#fff 60%, #ffb11b 40%);\n  color: #515151;\n  padding: 2px 13px 2px;\n  margin-right: 3px;\n  height: 50%;\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {}\n\n/* 三级标题 */\n#nice h3 {\n  line-height: 1.4;\n  padding-top: 10px;\n  margin: 10px 0 5px;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n  color: #515151;\n  font-weight: 700;\n font-size: 1.0em;\n  padding-left: 20px;\n  border-left: 3px solid #f9bf45;\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {}\n\n/* 引用\n* 左边缘颜色 border-left-color: black;\n* 背景色 background: gray;\n*/\n#nice .multiquote-1 {\n  border-left-color: #ffb11b;\n background: #fff5e3;\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n  color: #595959;\n}\n\n/* 链接 */\n#nice a {\n  border: none;\n  text-decoration: none;\n  color: #dda52d;\n}\n\n#nice a:hover {\n  color: #f9bf45;\n  text-decoration: underline;\n}\n\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n}\n\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n\n/* 列表内容,不要设置li\n */\n#nice li section {\n}\n\n/* 加粗 */\n#nice strong {}\n\n/* 斜体 */\n#nice em {}\n\n/* 加粗斜体 */\n#nice em strong {}\n\n/* 删除线 */\n#nice del {\n  color: #d19826;\n}\n\n/* 分隔线\n* 粗细、样式和颜色\n* border-top: 1px solid #3e3e3e;\n*/\n#nice hr {\n  border-top: 1px solid #f9bf45;\n  margin: 20px 0px;\n}\n\n/* 图片\n* 宽度 width: 80%;\n* 居中 margin: 0 auto;\n* 居左 margin: 0 0;\n*/\n#nice img {\n  width: 100%;\n border-radius: 5px;\n display: block;\n margin-bottom: 15px;\n height: auto;\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n  color: #dda52d;\n  font-size: 14px;\n}\n\n/* 行内代码 */\n#nice p code, #nice li code {\n  color: #9b6e23;\n  background-color: #fff5e3;\n  padding: 3px;\n  margin: 3px;\n}\n\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre code {}\n\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n  text-align: center;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #ffb11b;\n  padding: 3px;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: #dda52d;\n  margin: 2px;\n  padding: 3px;\n}\n\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n  margin: 30px 0px 15px 0px;\n  font-weight: 800;\n}\n\n\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p { \n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}\n\n/* 滑动图片\n */\n#nice .imageflow-img {\n  display: inline-block;\n  width:100%;\n  margin-bottom: 0;\n}",
    "article": "",
    "html": null,
    "exampleHtml": null,
    "authorName": "ElyhG",
    "authorEmail": null,
    "description": "山吹的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21235,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:14:53.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "12",
    "itemId": null,
    "name": "前端之巅同款",
    "cover": "https://files.mdnice.com/pic/473ace64-588c-4bcb-9ef3-0b005c78c1f2.png",
    "css": "/*初始化格式*/\n\n#nice {\n  line-height: 1.6;\n  letter-spacing: .034em;\n  color: rgb(63, 63, 63);\n  font-size: 16px;\n  word-break:all;\n}\n\n#nice p {\n  padding-top: 23px;\n  color: rgb(74,74,74);\n  line-height: 1.75em;\n}\n\n/* 一级标题 */\n#nice h1 {\n  text-align:center;\n  background-image: url(http://img.macrozheng.com/mall/md/mountain_2.png); \n  background-position: center top;\n  background-repeat: no-repeat;\n  background-size: 95px;\n  line-height:95px;\n  margin-top: 38px;\n  margin-bottom: 10px;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n  font-size: 20px;\n  color: rgb(60, 112, 198);\n  border-bottom:2px solid #3C7076;\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n \n/* 二级标题 */\n#nice h2 {\n  display:block;\n  text-align:center;\n  background-image: url(http://img.macrozheng.com/mall/md/mountain_2.png); \n  background-position: center center;\n  background-repeat: no-repeat;\n  background-attachment: initial;\n  background-origin: initial;\n  background-clip: initial;\n  background-size: 63px;\n  margin-top: 38px;\n  margin-bottom: 10px;\n}\n\n/*二级标题伪元素*/\n#nice h2:before {\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n  text-align:center;\n  display: inline-block;\n  height: 38px;\n  line-height: 42px;\n  color: rgb(60, 112, 198);\n  background-position: left center;\n  background-repeat: no-repeat;\n  background-attachment: initial;\n  background-origin: initial;\n  background-clip: initial;\n  background-size: 63px;\n  margin-top: 38px;\n  font-size:18px;\n  margin-bottom: 10px;\n}\n\n/* 三级标题 */\n#nice h3:before {\n  content: \"\";\n  background-image:url(http://img.macrozheng.com/mall/md/mountain_1.png);\n  background-size:15px 15px;\n  display: inline-block;\n  width: 15px;\n  height: 15px;\n  line-height:15px;\n  margin-bottom:-1px;\n}\n\n#nice h3 {\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n  font-size:16px;\n  font-weight:bold;\n  display:inline-block;\n  margin-left:8px;\n  color:rgb(60,112,198);\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n\n/* 列表内容 */\n#nice li {\n}\n\n/* 引用\n * 左边缘颜色 border-left-color:black;\n * 背景色 background:gray;\n */\n#nice .multiquote-1 {\n  padding: 15px 20px;\n  line-height: 27px;\n  background-color: rgb(239, 239, 239);\n  border-left:none;\n  display:block;\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n  padding: 0px;\n  font-size:15px;\n  color:rgb(89,89,89);\n}\n\n/* 链接 */\n#nice a {\n  color: rgb(60, 112, 198);\n  text-decoration:none;\n  border-bottom: 1px solid rgb(60, 112, 198);\n}\n\n/* 加粗 */\n#nice strong {\n  line-height: 1.75em;\n  color: rgb(74,74,74);\n}\n\n/* 斜体 */\n#nice em {\n}\n\n/* 加粗斜体 */\n#nice em strong {\n  color:rgb(248,57,41);\n  letter-spacing:0.3em;\n}\n\n/* 删除线 */\n#nice del {\n}\n \n/* 分割线 */\n#nice hr {\n  height:1px;\n  padding:0;\n  border:none;\n  text-align:center;\n  background-image:linear-gradient(to right,rgba(60,122,198,0),rgba(60,122,198,0.75),rgba(60,122,198,0));\n}\n\n/* 图片 */\n#nice img {\n    border-radius:4px;\n    margin-bottom:25px;\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n  display:block;\n  font-size:12px;\n  font-family:PingFangSC-Light;\n}\n\n/* 行内代码 */\n#nice p code, #nice li code {\n\tcolor: rgb(60, 112, 198);;\n}\n\n/* 非微信代码块\n * 代码块不换行 display:-webkit-box !important;\n * 代码块换行 display:block;\n */\n#nice pre code {\n}\n\n/* 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n  font-size: 14px;\n}\n\n#nice .footnotes{\n  padding-top: 8px;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: rgb(60, 112, 198);\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: rgb(60, 112, 198);\n}\n\n/* 脚注超链接样式 */\n#nice .footnote-item em {\n  color: rgb(60, 112, 198);\n  font-size:13px;\n  font-style:normal;\n  border-bottom-color:1px dashed rgb(60, 112, 198); \n}\n\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n  background-image: none;\n  background-size: none;\n  display: block;\n  width: auto;\n  height: auto;\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n  color: rgb(60, 112, 198);\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p {\n  color: rgb(60, 112, 198);\n  font-weight:bold;\n}\n\n/* 参考资料超链接 */\n#nice .footnote-item a {\n  color:rgb(60, 112, 198);\n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n  font-size:14px;\n  font-weight:normal;\n  border-bottom:1px dashed rgb(60, 112, 198);\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n  \n}\n\n/* 行内公式*/\n#nice .inline-equation svg {  \n}\n\n/* 滑动图片\n */\n#nice .imageflow-img {\n  display: inline-block;\n  width:100%;\n  margin-bottom: 0;\n}",
    "article": "https://mp.weixin.qq.com/s/sSJwPflpzan1R_7kmBRwmQ",
    "html": null,
    "exampleHtml": null,
    "authorName": "HeyRain",
    "authorEmail": null,
    "description": "前端之巅的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21236,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:15:02.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "13",
    "itemId": null,
    "name": "极客黑\n\n",
    "cover": "https://files.mdnice.com/pic/d160f5ec-26cb-4de8-8509-a8b29e8dd20c.png",
    "css": "/*自定义样式,实时生效*/\n\n/* 全局属性\n * 页边距 padding: 30px;\n * 全文字体 font-family: ptima-Regular;\n * 英文换行 word-break: break-all;\n */\n#nice {\n}\n\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top: 5px;\n * 下边距 margin-bottom: 5px;\n * 行高 line-height: 26px;\n * 词间距 word-spacing: 3px;\n * 字间距 letter-spacing: 3px;\n * 对齐 text-align: left;\n * 颜色 color: #3e3e3e;\n * 字体大小 font-size: 16px;\n * 首行缩进 text-indent: 2em;\n */\n#nice p {\n  box-sizing: border-box;\n  margin-bottom: 16px;\n  font-family: \"Helvetica Neue\", Helvetica, \"Segoe UI\", Arial, freesans, sans-serif;\n  font-size: 15px;\n  text-align: start;\n  white-space: normal;\n  text-size-adjust: auto;\n  line-height: 1.75em;\n}\n\n/* 一级标题 */\n#nice h1 {\n  margin-top: -0.46em;\n  margin-bottom: 0.1em;\n  border-bottom: 2px solid rgb(198, 196, 196);\n  box-sizing: border-box;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n  padding-top: 5px;\n  padding-bottom: 5px;\n  color: rgb(160, 160, 160);\n  font-size: 13px;\n  line-height: 2;\n  box-sizing: border-box;\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n\n/* 二级标题 */\n#nice h2 {\n  margin: 10px auto;\n  height: 40px;\n  background-color: rgb(251, 251, 251);\n  border-bottom: 1px solid rgb(246, 246, 246);\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n  margin-left: -10px;\n  display: inline-block;\n  width: auto;\n  height: 40px;\n  background-color: rgb(33, 33, 34);\n  border-bottom-right-radius:100px;\n  color: rgb(255, 255, 255);\n  padding-right: 30px;\n  padding-left: 30px;\n  line-height: 40px;\n  font-size: 16px;\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {\n}\n\n/* 三级标题 */\n#nice h3 {\n  margin: 20px auto 5px;\n  border-top: 1px solid rgb(221, 221, 221);\n  box-sizing: border-box;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n  margin-top: -1px;\n  padding-top: 6px;\n  padding-right: 5px;\n  padding-left: 5px;\n  font-size: 17px;\n  border-top: 2px solid rgb(33, 33, 34);\n  display: inline-block;\n  line-height: 1.1;\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n\n#nice h4 {\n  margin: 10px auto -1px;\n  border-top: 1px solid rgb(221, 221, 221);\n  box-sizing: border-box;\n}\n\n#nice h4 .content {\n  margin-top: -1px;\n  padding-top: 6px;\n  padding-right: 5px;\n  padding-left: 5px;\n  font-size: 16px;\n  border-top: 2px solid rgb(33, 33, 34);\n  display: inline-block;\n  line-height: 1.1;\n}\n\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n}\n\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n\n/* 列表内容,不要设置li\n */\n#nice li section {\n  font-size: 15px;\n  font-family: \"Helvetica Neue\", Helvetica, \"Segoe UI\", Arial, freesans, sans-serif;\n}\n\n/* 引用\n * 左边缘颜色 border-left-color: black;\n * 背景色 background: gray;\n */\n#nice .multiquote-1 {\n  border-left-color: rgb(221, 221, 221);\n  margin-top: 1.2em;\n  margin-bottom: 1.2em;\n  padding-right: 1em;\n  padding-left: 1em;\n  border-left-width: 4px;\n  color: rgb(119, 119, 119);\n  quotes: none;\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n  font-size: 15px;\n  font-family: -apple-system-font, BlinkMacSystemFont, \"Helvetica Neue\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", Arial, sans-serif;\n  color: rgb(119, 119, 119);\n  line-height: 1.75em;\n}\n\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n  color: rgb(239, 112, 96);\n  border-bottom: 1px solid rgb(239, 112, 96);\n}\n\n/* 加粗 */\n#nice strong {\n}\n\n/* 斜体 */\n#nice em {\n}\n\n/* 加粗斜体 */\n#nice em strong {\n}\n\n/* 删除线 */\n#nice del {\n}\n\n/* 分隔线\n * 粗细、样式和颜色\n * border-top: 1px solid #3e3e3e;\n */\n#nice hr {\n}\n\n/* 图片\n * 宽度 width: 80%;\n * 居中 margin: 0 auto;\n * 居左 margin: 0 0;\n */\n#nice img {\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n}\n\n/* 行内代码 */\n#nice p code, #nice li code {\n  color: rgb(239, 112, 96);\n}\n\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre code {\n}\n\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #ff3502;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: rgb(239, 112, 96);\n}\n\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p { \n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}",
    "article": null,
    "html": null,
    "exampleHtml": null,
    "authorName": "hyper-xx",
    "authorEmail": null,
    "description": "极客黑的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21237,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:15:07.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "15",
    "itemId": null,
    "name": "蔷薇紫",
    "cover": "https://files.mdnice.com/pic/06aa2d77-0a16-44c4-93f2-3aff4c67e095.png",
    "css": "/* 全局属性\n* 页边距 padding:30px;\n* 全文字体 font-family:optima-Regular;\n* 英文换行 word-break:break-all;\ncolor:#595959;\n*/\n#nice {\n  line-height: 1.75;\n  color: #595959;\n  font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;\n  letter-spacing: 2px;\n  background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%);\n  background-size: 20px 20px;\n  background-position: center center;\n}\n\n/* 段落,下方未标注标签参数均同此处\n* 上边距 margin-top:5px;\n* 下边距 margin-bottom:5px;\n* 行高 line-height:26px;\n* 词间距 word-spacing:3px;\n* 字间距 letter-spacing:3px;\n* 对齐 text-align:left;\n* 颜色 color:#3e3e3e;\n* 字体大小 font-size:16px;\n* 首行缩进 text-indent:2em;\n*/\n#nice p {\n  color: #595959;\n  margin: 10px 0px;\n  letter-spacing: 2px;\n  font-size: 14px;\n  word-spacing: 2px;\n}\n\n/* 一级标题 */\n#nice h1 {\n  font-size: 25px;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n  display: inline-block;\n  font-weight: bold;\n  color: #595959;\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {}\n\n/* 二级标题 */\n#nice h2 {\n  text-align: left;\n  margin: 20px 10px 0px 0px;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n  font-size: 18px;\n  font-weight: bold;\n  display: inline-block;\n  padding-left: 10px;\n  border-left: 5px solid #DEC6FB;\n  color: #595959;\n\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {}\n\n/* 三级标题 */\n#nice h3 {\n  font-size: 16px;\n  font-weight: bold;\n  text-align: center;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n  border-bottom: 2px solid #DEC6FB;\n  color: #595959;\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {}\n\n/* 无序列表整体样式\n* list-style-type: square|circle|disc;\n*/\n#nice ul {\n  font-size: 15px; /*神奇逻辑,必须比li section的字体大才会在二级中生效*/\n  color: #595959;\n  list-style-type: circle;\n}\n\n\n/* 有序列表整体样式\n* list-style-type: upper-roman|lower-greek|lower-alpha;\n*/\n#nice ol {\n  font-size: 15px;\n  color: #595959;\n}\n\n/* 列表内容,不要设置li\n*/\n#nice li section {\n  font-size: 14px;\n  font-weight: normal;\n  color: #595959;\n}\n\n/* 引用\n* 左边缘颜色 border-left-color:black;\n* 背景色 background:gray;\n*/\n#nice .multiquote-1::before {\n  content: \"❝\";\n  /*   color: #d9b8fa;*/\n  color: #DEC6FB;\n  font-size: 34px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n#nice .multiquote-1 {\n  text-size-adjust: 100%;\n  line-height: 1.55em;\n  font-weight: 400;\n  border-radius: 6px;\n  color: #595959;\n  font-style: normal;\n  text-align: left;\n  box-sizing: inherit;\n  border-left: none;\n  border: 1px solid #DEC6FB;\n  background: #F6EEFF;\n\n}\n\n#nice .multiquote-1 p {\n  color: #595959;\n}\n\n#nice .multiquote-1::after {\n  content: \"❞\";\n  float: right;\n  /*   color: #d9b8fa; */\n  color: #DEC6FB;\n}\n\n/* 链接 \n* border-bottom: 1px solid #009688;\n*/\n#nice a {\n  color: #664D9D;\n  font-weight: normal;\n  border-bottom: 1px solid #664D9D;\n}\n\n#nice strong::before {\n  content: '「';\n}\n\n/* 加粗 */\n#nice strong {\n  color: #595959;\n  font-weight: bold;\n}\n\n#nice strong::after {\n  content: '」';\n}\n\n/* 斜体 */\n#nice em {\n  font-style: normal;\n  color: #595959;\n  background: #F6EEFF;\n}\n\n/* 加粗斜体 */\n#nice em strong {\n  color: #595959;\n}\n\n/* 删除线 */\n#nice del {\n  color: #595959;\n}\n\n/* 分隔线\n* 粗细、样式和颜色\n* border-top:1px solid #3e3e3e;\n*/\n#nice hr {\n  height: 1px;\n  padding: 0;\n  border: none;\n  border-top: 2px solid #d9b8fa;\n}\n\n/* 图片\n* 宽度 width:80%;\n* 居中 margin:0 auto;\n* 居左 margin:0 0;\n*/\n#nice img {\n  border-radius: 6px;\n  display: block;\n  margin: 20px auto;\n  object-fit: contain;\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n  display: block;\n  font-size: 13px;\n  color: #595959;\n}\n\n/* 行内代码 */\n#nice p code,\n#nice li code {\n  color: #595959;\n}\n\n/* 非微信代码块\n* 代码块不换行 display:-webkit-box !important;\n* 代码块换行 display:block;\n*/\n#nice .code-snippet__fix {\n  background: #f7f7f7;\n  border-radius: 2px;\n}\n\n#nice pre code {\n  /* background: #f7f7f7; */\n}\n\n/*\n* 表格内的单元格\n* 字体大小 font-size: 16px;\n* 边框 border: 1px solid #ccc;\n* 内边距 padding: 5px 10px;\n*/\n#nice table tr th,\n#nice table tr td {\n  font-size: 14px;\n  color: #595959;\n}\n\n#nice .footnotes {\n  background: #F6EEFF;\n  padding: 20px 20px 20px 20px;\n  font-size: 14px;\n  border: 0.8px solid #DEC6FB;\n  border-radius: 6px;\n  border: 1px solid #DEC6FB;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  font-weight: normal;\n  color: #595959;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  font-weight: normal;\n  color: #595959;\n}\n\n/*脚注链接样式*/\n#nice .footnote-item em {\n  background: #F6EEFF;\n  font-size: 14px;\n  color: #595959;\n  display: block;\n}\n\n/* \"参考资料\"四个字 \n* 内容 content: \"参考资料\";\n*/\n#nice .footnotes-sep:before {\n  content: 'Reference';\n  color: #595959;\n  letter-spacing: 1px;\n  border-bottom: 2px solid #DEC6FB;\n  display: inline;\n  background: linear-gradient(white 60%, #F6EEFF 40%);\n  font-size: 20px;\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {}\n\n/* 参考资料文字 */\n#nice .footnote-item p {\n  color: #595959;\n  font-weight: bold;\n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n  font-weight: normal;\n}\n\n/* 行间公式\n* 最大宽度 max-width: 300% !important;\n*/\n#nice .block-equation svg {}\n\n/* 行内公式\n*/\n#nice .inline-equation svg {}\n\n/* 滑动图片\n */\n#nice .imageflow-img {\n  display: inline-block;\n  width:100%;\n  margin-bottom: 0;\n}",
    "article": "https://mp.weixin.qq.com/s/x0xqSpQixW2xj5qXCgWSyA",
    "html": null,
    "exampleHtml": null,
    "authorName": "HeyRain",
    "authorEmail": null,
    "description": "蔷薇紫的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21241,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:15:21.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "16",
    "itemId": null,
    "name": "萌绿",
    "cover": "https://files.mdnice.com/pic/168a4408-be49-4706-826f-b63c001f8ba3.png",
    "css": "#nice {\n  line-height: 1.6;\n  letter-spacing: .034em;\n  color: rgb(63, 63, 63);\n  font-size: 16px;\n  word-break:all;\n}\n#nice p {\n  padding-top: 1em;\n  color: rgb(74,74,74);\n  line-height: 1.75em;\n}\n/* 一级标题 */\n#nice h1 {\n  text-align:center;\n  background-image: url(http://img.macrozheng.com/mall/md/koala-1.png); \n  background-position: center top;\n  background-repeat: no-repeat;\n  background-size: 75px;\n  line-height:95px;\n  margin-top: 38px;\n  margin-bottom: 10px;\n}\n/* 一级标题内容 */\n#nice h1 .content {\n  font-size: 20px;\n  color: #48b378;;\n  border-bottom:2px solid #2e7950;\n}\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n \n/* 二级标题 */\n#nice h2 {\n  display:block;\n  text-align:center;\n  background-image: \turl(http://img.macrozheng.com/mall/md/koala-2.png); \n  background-position: center center;\n  background-repeat: no-repeat;\n  background-attachment: initial;\n  background-origin: initial;\n  background-clip: initial;\n  background-size: 50px;\n  margin-top: 1em;\n  margin-bottom: 10px;\n}\n/*二级标题伪元素*/\n#nice h2:before {\n}\n/* 二级标题内容 */\n#nice h2 .content {\n  text-align:center;\n  display: inline-block;\n  height: 38px;\n  line-height: 42px;\n  color: #48b378;\n  background-position: left center;\n  background-repeat: no-repeat;\n  background-attachment: initial;\n  background-origin: initial;\n  background-clip: initial;\n  background-size: 63px;\n  margin-top: 38px;\n  font-size:18px;\n  margin-bottom: 10px;\n}\n/* 三级标题 */\n#nice h3:before {\n  content: \"\";\n  background-image:url(http://img.macrozheng.com/mall/md/koala-3.png);\n  background-size:100% 100%;\n  background-repeat:no-repeat;\n  display: inline-block;\n  width: 16px;\n  height: 15px;\n  line-height:15px;\n  margin-bottom:-1px;\n}\n#nice h3 {\n  margin-top:1.2em;\n}\n#nice h4 {\n  margin-top: 30px;\n}\n/* 三级标题内容 */\n#nice h3 .content {\n  font-size:17px;\n  font-weight:bold;\n  display:inline-block;\n  margin-left:8px;\n  color:#48b378;\n}\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n/* 列表内容 */\n#nice li {\n}\n/* 引用\n * 左边缘颜色 border-left-color:black;\n * 背景色 background:gray;\n */\n#nice .multiquote-1 {\n  padding: 15px 20px;\n  line-height: 27px;\n  background-color:#FBF9FD;\n  border-left:3px solid #35b378;\n  display:block;\n}\n/* 引用文字 */\n#nice .multiquote-1 p {\n  padding: 0px;\n  font-size:15px;\n  color:rgb(89,89,89);\n}\n/* 链接 */\n#nice a {\n  color: #48b378;\n  text-decoration:none;\n  border-bottom: 1px solid #48b378;\n}\n/* 加粗 */\n#nice strong {\n  line-height: 1.75em;\n  color: rgb(74,74,74);\n}\n/* 斜体 */\n#nice em {\n}\n/* 加粗斜体 */\n#nice em strong {\n  color:rgb(248,57,41);\n  letter-spacing:0.3em;\n}\n/* 删除线 */\n#nice del {\n}\n \n/* 分割线 */\n#nice hr {\n  height:1px;\n  padding:0;\n  border:none;\n  text-align:center;\n  background-image:linear-gradient(to right,rgba(93, 186, 133,0),rgba(93, 186, 133,0.75),rgba(93, 186, 133,0));\n}\n/* 图片 */\n#nice img {\n    border-radius:4px;\n    margin-bottom:25px;\n}\n/* 图片描述文字 */\n#nice figcaption {\n  display:block;\n  font-size:12px;\n  font-family:PingFangSC-Light;\n}\n/* 行内代码 */\n#nice p code, #nice li code {\n\tcolor: #28ca71;\n}\n/* 非微信代码块\n * 代码块不换行 display:-webkit-box !important;\n * 代码块换行 display:block;\n */\n#nice pre code {\n}\n/* 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n  font-size: 14px;\n}\n#nice .footnotes{\n  padding-top: 8px;\n}\n/* 脚注文字 */\n#nice .footnote-word {\n  color: rgb(90, 185, 131);\n}\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: rgb(90, 185, 131);\n}\n/* 脚注超链接样式 */\n#nice .footnote-item em {\n  color: rgb(90, 185, 131);\n  font-size:13px;\n  font-style:normal;\n  border-bottom-color:1px dashed rgb(90, 185, 131); \n}\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n  background-image: none;\n  background-size: none;\n  display: block;\n  width: auto;\n  height: auto;\n}\n/* 参考资料编号 */\n#nice .footnote-num {\n  color: rgb(90, 185, 131);\n}\n/* 参考资料文字 */\n#nice .footnote-item p {\n  color: rgb(90, 185, 131);\n  font-weight:bold;\n}\n/* 参考资料超链接 */\n#nice .footnote-item a {\n  color:rgb(93, 186, 133);\n}\n/* 参考资料解释 */\n#nice .footnote-item p em {\n  font-size:14px;\n  font-weight:normal;\n  border-bottom:1px dashed rgb(93, 186, 133);\n}\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n/* 行内公式*/\n#nice .inline-equation svg {  \n}\n\n/* 滑动图片\n */\n#nice .imageflow-img {\n  display: inline-block;\n  width:100%;\n  margin-bottom: 0;\n}",
    "article": "https://mp.weixin.qq.com/s/iK3r9I28NMWApEydH046-w",
    "html": null,
    "exampleHtml": null,
    "authorName": "koala",
    "authorEmail": null,
    "description": "萌绿的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21242,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:15:26.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "17",
    "itemId": null,
    "name": "全栈蓝",
    "cover": "https://files.mdnice.com/pic/39cc0084-e0ca-47e3-b661-6c00c61c23b5.png",
    "css": "/*自定义样式,实时生效*/\n\n/* 全局属性\n* 页边距 padding:30px;\n* 全文字体 font-family:optima-Regular;\n* 英文换行 word-break:break-all;\ncolor:#2b2b2b;\n*/\n#nice {\n  line-height: 1.25;\n  color: #2b2b2b;\n  font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;\n  letter-spacing: 2px;\n  background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%);\n  background-size: 20px 20px;\n  background-position: center center;\n}\n\n/* 段落,下方未标注标签参数均同此处\n* 上边距 margin-top:5px;\n* 下边距 margin-bottom:5px;\n* 行高 line-height:26px;\n* 词间距 word-spacing:3px;\n* 字间距 letter-spacing:3px;\n* 对齐 text-align:left;\n* 颜色 color:#3e3e3e;\n* 字体大小 font-size:16px;\n* 首行缩进 text-indent:2em;\n*/\n#nice p {\n  color: #2b2b2b;\n  margin: 10px 0px;\n  letter-spacing: 2px;\n  font-size: 14px;\n  word-spacing: 2px;\n}\n\n/* 一级标题 */\n#nice h1 {\n  font-size: 25px;\n}\n\n/* 一级标题内容 */\n#nice h1 span {\n  display: inline-block;\n  font-weight: bold;\n  color: #40B8FA;\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {}\n\n/* 二级标题 */\n#nice h2 {\n  display:block;\n  border-bottom: 4px solid #40B8FA;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n  display: flex;\n  color: #40B8FA;\n  font-size: 20px;\n  margin-left: 25px;\n}\n\n/* 二级标题前缀 */\n#nice h2 .prefix {\n  display: flex;\n  width: 20px;\n  height: 20px;\n  background-size: 20px 20px;\n  background-image:url(http://img.macrozheng.com/mall/md/fullstack-1.png);\n  margin-bottom: -22px;\n}\n\n/* 二级标题后缀 */\n#nice h2 .suffix {\n  display: flex;\n  box-sizing: border-box;\n  width: 200px;\n  height: 10px;\n  border-top-left-radius: 20px;\n  background: RGBA(64, 184, 250, .5);\n  color: rgb(255, 255, 255);\n  font-size: 16px;\n  letter-spacing: 0.544px;\n  justify-content: flex-end;\n  box-sizing: border-box !important;\n  overflow-wrap: break-word !important;\n  float: right;\n  margin-top: -10px;\n}\n\n/* 三级标题 */\n#nice h3 {\n  font-size: 17px;\n  font-weight: bold;\n  text-align: center;\n  position:relative;\n  margin-top: 20px;\n  margin-bottom: 20px;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n  border-bottom: 2px solid RGBA(79, 177, 249, .65);\n  color: #2b2b2b;\n  padding-bottom:2px\n}\n\n#nice h3 .content:before{\n  content:'';\n  width:30px;\n  height:30px;\n  display:block;\n  background-image:url(http://img.macrozheng.com/mall/md/fullstack-2.png);\n  background-position:center;\n  background-size:30px;\n  margin:auto;\n  opacity:1;\n  background-repeat:no-repeat;\n  margin-bottom:-8px;\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {}\n\n#nice h4 .content {\n  height:16px;\n  line-height:16px;\n  font-size: 16px;\n}\n\n#nice h4 .content:before{\n  content:'';\n  background-image:url(http://img.macrozheng.com/mall/md/fullstack-3.png);\n  display:inline-block;\n  width:16px;\n  height:16px;\n  background-size:100% ;\n  background-position:left bottom;\n  background-repeat:no-repeat;\n  width: 16px;\n  height: 15px;\n  line-height:15px;\n  margin-right:6px;\n  margin-bottom:-2px;\n}\n\n/* 无序列表整体样式\n* list-style-type: square|circle|disc;\n*/\n#nice ul {\n  font-size: 15px; /*神奇逻辑,必须比li section的字体大才会在二级中生效*/\n  color: #595959;\n  list-style-type: circle;\n}\n\n\n/* 有序列表整体样式\n* list-style-type: upper-roman|lower-greek|lower-alpha;\n*/\n#nice ol {\n  font-size: 15px;\n  color: #595959;\n}\n\n/* 列表内容,不要设置li\n*/\n#nice li section {\n  font-size: 14px;\n  font-weight: normal;\n  color: #595959;\n}\n\n/* 引用\n* 左边缘颜色 border-left-color:black;\n* 背景色 background:gray;\n*/\n#nice .multiquote-1::before {\n  content: \"❝\";\n  color: RGBA(64, 184, 250, .5);\n  font-size: 34px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n#nice .multiquote-1 {\n  text-size-adjust: 100%;\n  line-height: 1.55em;\n  font-weight: 400;\n  border-radius: 6px;\n  color: #595959;\n  font-style: normal;\n  text-align: left;\n  box-sizing: inherit;\n  border-left: none;\n  border: 1px solid RGBA(64, 184, 250, .4);\n  background: RGBA(64, 184, 250, .1);\n\n}\n\n#nice .multiquote-1 p {\n  color: #595959;\n}\n\n#nice .multiquote-1::after {\n  content: \"❞\";\n  float: right;\n  color: RGBA(64, 184, 250, .5);\n}\n\n/* 链接\n* border-bottom: 1px solid #009688;\n*/\n#nice a {\n  color: #40B8FA;\n  font-weight: normal;\n  border-bottom: 1px solid #3BAAFA;\n}\n\n#nice strong::before {\n  content: '「';\n}\n\n/* 加粗 */\n#nice strong {\n  color: #3594F7;\n  font-weight: bold;\n}\n\n#nice strong::after {\n  content: '」';\n}\n\n/* 斜体 */\n#nice em {\n  font-style: normal;\n  color: #3594F7;\n  font-weight:bold;\n}\n\n/* 加粗斜体 */\n#nice em strong {\n  color: #3594F7;\n}\n\n/* 删除线 */\n#nice del {\n  color: #3594F7;\n}\n\n/* 分隔线\n* 粗细、样式和颜色\n* border-top:1px solid #3e3e3e;\n*/\n#nice hr {\n  height: 1px;\n  padding: 0;\n  border: none;\n  border-top: 2px solid #3BAAFA;\n}\n\n/* 图片\n* 宽度 width:80%;\n* 居中 margin:0 auto;\n* 居左 margin:0 0;\n*/\n#nice img {\n  border-radius: 6px;\n  display: block;\n  margin: 20px auto;\n  object-fit: contain;\n  box-shadow:2px 4px 7px #999;\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n  display: block;\n  font-size: 13px;\n  color: #2b2b2b;\n}\n\n#nice figcaption:before{\n  content:'';\n\tbackground-image:url(https://img.alicdn.com/tfs/TB1Yycwyrj1gK0jSZFuXXcrHpXa-32-32.png);\n  display:inline-block;\n  width:18px;\n  height:18px;\n  background-size:18px;\n\tbackground-repeat:no-repeat;\n  background-position:center;\n  margin-right:5px;\n  margin-bottom:-5px;\n}\n\n/* 行内代码 */\n#nice p code,\n#nice li code {\n  color: #3594F7;\n  background: RGBA(59, 170, 250, .1);\n  padding:0 2px;\n  border-radius:2px;\n  height:21px;\n  line-height:22px;\n}\n\n/* 非微信代码块\n* 代码块不换行 display:-webkit-box !important;\n* 代码块换行 display:block;\n*/\n#nice .code-snippet__fix {\n  background: #f7f7f7;\n  border-radius: 2px;\n}\n\n#nice pre code {\n  letter-spacing: 0px;\n}\n\n/*\n* 表格内的单元格\n* 字体大小 font-size: 16px;\n* 边框 border: 1px solid #ccc;\n* 内边距 padding: 5px 10px;\n*/\n#nice table tr th,\n#nice table tr td {\n  font-size: 14px;\n  color: #595959;\n}\n\n#nice .footnotes {\n  background: #F6EEFF;\n  padding: 20px 20px 20px 20px;\n  font-size: 14px;\n  border: 0.8px solid #DEC6FB;\n  border-radius: 6px;\n  border: 1px solid #DEC6FB;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  font-weight: normal;\n  color: #595959;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  font-weight: normal;\n  color: #595959;\n}\n\n/*脚注链接样式*/\n#nice .footnote-item em {\n  font-size: 14px;\n  color: #595959;\n  display: block;\n}\n\n#nice .footnotes{\n  background: RGBA(53, 148, 247, .4);\n  padding: 20px 20px 20px 20px;\n  font-size: 14px;\n  border-radius: 6px;\n  border: 1px solid RGBA(53, 148, 247, 1);\n}\n\n/* \"参考资料\"四个字\n* 内容 content: \"参考资料\";\n*/\n#nice .footnotes-sep:before {\n  content: 'Reference';\n  color: #595959;\n  letter-spacing: 1px;\n  border-bottom: 2px solid RGBA(64, 184, 250, 1);\n  display: inline;\n  background: linear-gradient(white 60%, RGBA(64, 184, 250, .4) 40%);\n  font-size: 20px;\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {}\n\n/* 参考资料文字 */\n#nice .footnote-item p {\n  color: #595959;\n  font-weight: bold;\n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n  font-weight: normal;\n}\n\n/* 行间公式\n* 最大宽度 max-width: 300% !important;\n*/\n#nice .block-equation svg {}\n\n/* 行内公式\n*/\n#nice .inline-equation svg {}\n\n/* 滑动图片\n */\n#nice .imageflow-img {\n  display: inline-block;\n  width:100%;\n  margin-bottom: 0;\n}",
    "article": "https://mp.weixin.qq.com/s/_lO3cd0FcF0Dg3TRnHPdwg",
    "html": null,
    "exampleHtml": null,
    "authorName": "Nealyang",
    "authorEmail": null,
    "description": "全栈蓝的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21243,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:15:33.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "18",
    "itemId": null,
    "name": "极简黑",
    "cover": "https://files.mdnice.com/pic/d4e91acf-c904-4f2d-9ddd-a6bd275bc54b.png",
    "css": "/* 自定义样式,实时生效,浏览器实时缓存 */\n\n/* 全局属性\n * 页边距 padding: 30px;\n * 全文字体 font-family: ptima-Regular;\n * 英文换行 word-break: break-all;\n */\n #nice {\n  font-size:14px;\n  padding:10px;\n}\n\n/*图片下提示*/\n#nice figcaption{\n  font-size:12px;\n}\n#nice .imageflow-caption{\n  font-size:12px;\n}\n\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top: 5px;\n * 下边距 margin-bottom: 5px;\n * 行高 line-height: 26px;\n * 词间距 word-spacing: 3px;\n * 字间距 letter-spacing: 3px;\n * 对齐 text-align: left;\n * 颜色 color: #3e3e3e;\n * 字体大小 font-size: 16px;\n * 首行缩进 text-indent: 2em;\n */\n#nice p {\n  font-size:14px;\n}\n\n/* 一级标题 */\n#nice h1 {\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n}\n\n/* 一级标题前缀 */\n#nice h1 .prefix {\n}\n\n/* 一级标题后缀 */\n#nice h1 .suffix{\n}\n\n/* 二级标题 */\n#nice h2 {\n  \ttext-align:center;\n  \tposition:relative;\n    font-weight: bold;\n    color: black;\n    line-height: 1.1em;\n    padding-top: 12px;\n    padding-bottom: 12px;\n    margin:70px 30px 30px;\n    border: 1px solid #000;\n}\n\n#nice h2:before{\n  content: ' ';\n  float: left;\n  display: block;\n  width: 90%;\n  border-top: 1px solid #000;\n  height: 1px;\n  line-height: 1px;\n  margin-left: -5px;\n  margin-top: -17px;\n}\n#nice h2:after{\n  content: ' ';\n  float: right;\n  display: block;\n  width: 90%;\n  border-bottom: 1px solid #000;\n  height: 1px;\n  line-height: 1px;\n  margin-right: -5px;\n  margin-top: 16px;\n}\n/* 二级标题内容 */\n#nice h2 .content {\n  display: block;\n  -webkit-box-reflect: below 0em -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1)));\n}\n#nice h2 strong {\n}\n/* 二级标题前缀 */\n#nice h2 .prefix {\n  display: block;\n  width: 3px;\n  margin: 0 0 0 5%;\n  height: 3px;\n  line-height: 3px;\n  overflow: hidden;\n  background-color: #000;\n  box-shadow:3px 0 #000,\n    0 3px #000,\n    -3px 0 #000,\n    0 -3px #000;\n}\n\n/* 二级标题后缀 */\n#nice h2 .suffix {\n  display: block;\n  width: 3px;\n  margin: 0 0 0 95%;\n  height: 3px;\n  line-height: 3px;\n  overflow: hidden;\n  background-color: #000;\n  box-shadow:3px 0 #000,\n    0 3px #000,\n    -3px 0 #000,\n    0 -3px #000;\n}\n\n/* 三级标题 */\n#nice h3 {\n  background-color:#000;\n  color:#fff;\n  padding:2px 10px;\n  width:fit-content;\n  font-size:17px;\n  margin:60px auto 10px;\n}\n#nice h3 strong {\n  color:#fff;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n}\n\n/* 三级标题前缀 */\n#nice h3 .prefix {\n}\n\n/* 三级标题后缀 */\n#nice h3 .suffix {\n}\n\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n  list-style-type: square;\n}\n/* 无序二级列表\n */\n#nice ul li ul li{\n  list-style-type: circle;\n}\n\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n\n/* 列表内容,不要设置li\n */\n#nice li section {\n}\n\n/* 引用\n * 左边缘颜色 border-left-color: black;\n * 背景色 background: gray;\n */\n#nice .multiquote-1 {\n  border-left: 3px solid rgba(0, 0, 0, 0.65);\n  border-right: 1px solid rgba(0, 0, 0, 0.65);\n  background: rgb(249, 249, 249);\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n}\n\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n}\n\n/* 加粗 */\n#nice strong {\n}\n\n/* 斜体 */\n#nice em {\n}\n\n/* 加粗斜体 */\n#nice em strong {\n}\n\n/* 删除线 */\n#nice del {\n}\n\n/* 分隔线\n * 粗细、样式和颜色\n * border-top: 1px solid #3e3e3e;\n */\n#nice hr {\n}\n\n/* 图片\n * 宽度 width: 80%;\n * 居中 margin: 0 auto;\n * 居左 margin: 0 0;\n */\n#nice img {\n  box-shadow: rgba(170, 170, 170, 0.48) 0px 0px 6px 0px;\n  border-radius:4px;\n  margin-top:10px;\n}\n/* 行内代码 */\n#nice p code, #nice li code {\n  color:#ff6441;\n}\n\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre.custom {\n  box-shadow: rgba(170, 170, 170, 0.48) 0px 0px 6px 0px;\n  max-width: 100%;\n  border-radius:4px;\n  margin: 10px auto 0 auto;\n}\n#nice pre code {\n}\n\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n  font-size:14px;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n}\n\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep {\n  font-size: 14px;\n  color: #888;\n  border-top: 1px solid #eee;\n  padding: 30px 0 10px 0px;\n  background-color: transparent;\n  margin: 0;\n  width: 100%;\n}\n#nice .footnotes-sep:before {\n  content:'参考资料';\n}\n#nice .footnotes{\n  border-left:5px solid #eee;\n  padding-left:10px;\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n  font-size:14px;\n  color:#999;\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p { \n  font-size:14px;\n  color:#999;\n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n  font-size:14px;\n  color:#999;\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}\n/* 文章结尾 */\n#nice:after{\n  content:'- END -';\n  font-size:15px;\n  display:block;\n  text-align:center;\n  margin-top:50px;\n  color:#999;\n  border-bottom:1px solid #eee;\n}\n\n/*滑动幻灯片*/\n#nice .imageflow-layer1 img{\n  margin:0;\n  box-shadow: none;\n  border-radius: 0;\n}\n",
    "article": "https://mp.weixin.qq.com/s/6UQmAhyXQY6AaYcyd1npIg",
    "html": null,
    "exampleHtml": null,
    "authorName": "小鱼",
    "authorEmail": null,
    "description": "公众号自律神仙ScarSu同款~",
    "sort": null,
    "checked": true,
    "userThemeId": 21244,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-06-24T22:54:03.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "19",
    "itemId": null,
    "name": "橙蓝风",
    "cover": "https://files.mdnice.com/pic/31204a5a-254e-487e-879d-4546ebcce3c3.jpg",
    "css": "/*自定义样式,实时生效*/\n\n/* 全局属性\n * 页边距 padding: 30px;\n * 全文字体 font-family: ptima-Regular;\n * 英文换行 word-break: break-all;\n */\n#nice {\n  margin-top: 0;\n  padding: 0;\n}\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top: 5px;\n * 下边距 margin-bottom: 5px;\n * 行高 line-height: 26px;\n * 对齐 text-align: left;\n * 颜色 color: #3e3e3e;\n * 字体大小 font-size: 16px;\n * 首行缩进 text-indent: 2em;\n */\n#nice p {\n  font-size: 16px;\n  line-height: 26px;\n  word-spacing: 3px;\n  letter-spacing: 1px;\n  color: #424B5D;\n}\n#nice h1, #nice h2, #nice h3, #nice h4, #nice h5, #nice h6 {\n  margin-top: 24px;\n  margin-bottom: 12px;\n  font-weight: bold;\n}\n/* 一级标题 */\n#nice h1 {\n  font-size: 22px;\n  color: #e7642b;\n}\n/* 一级标题内容 */\n#nice h1 .content {\n}\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n/* 二级标题 */\n#nice h2 {\n  font-size: 20px;\n  margin-top: 24px;\n  margin-bottom: 12px;\n}\n/* 二级标题内容 */\n#nice h2 .content {\n  color: #e7642b;\n  text-align: center;\n  display: block;\n  background-color: #e7642b;\n  color: white;\n  padding: 3px 11px;\n  border-radius: 1px;\n}\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {\n}\n/* 三级标题 */\n#nice h3 {\n  font-size: 18px;\n  color: #424B5D;\n}\n/* 三级标题内容 */\n#nice h3 .content {\n}\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n/* 四级标题 */\n#nice h4 {\n  font-size: 16px;\n  color: #424B5D;\n}\n/* 五级标题 */\n#nice h5 {\n  font-size: 16px;\n  color: #424B5D;\n}\n/* 有序、无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul, #nice ol  {\n  font-size: 15px;\n  margin: 0;\n  padding-left: 24px;\n  color: #424B5D;\n}\n/* 列表内容,不要设置li\n */\n#nice li section {\n  margin: 4px 0;\n  line-height: 24px;\n  color: #424B5D;\n}\n/* 引用\n* 左边缘颜色 border-left-color: black;\n* 背景色 background: gray;\n*/\n#nice .multiquote-1 {\n  margin: 0 8px;\n  border: none;\n  background: #ffffff;\n  box-shadow: 0 1px 2px -2px rgba(0,0,0,.16), 0 3px 6px 0 rgba(0,0,0,.12), 0 5px 12px 4px rgba(0,0,0,.09);\n}\n/* 引用文字 */\n#nice .multiquote-1 p {\n  font-size: 14px;\n  color: #424B5D;\n  line-height: 24px;\n}\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n  color: #eb6161;\n  border-bottom: 1px solid #eb6161;\n}\n#nice a::before {\n  content: '?';\n  margin-right: 6px;\n}\n/* 加粗 */\n#nice strong {\n  color: #424B5D;\n}\n/* 斜体 */\n#nice em {\n  color: #424B5D;\n}\n/* 加粗斜体 */\n#nice em strong {\n  color: #424B5D;\n}\n/* 删除线 */\n#nice del { \n}\n/* 分隔线\n* 粗细、样式和颜色\n* border-top: 1px solid #3e3e3e;\n*/\n#nice hr {\n  border-top: 1px dashed #424B5D;\n}\n/* 图片\n* 宽度 width: 80%;\n* 居中 margin: 0 auto;\n* 居左 margin: 0 0;\n*/\n#nice img {\n  border-radius: 5px;\n  margin: 12px auto;\n}\n/* 图片描述文字 */\n#nice figcaption {\n  font-size: 14px;\n  margin: 12px auto;\n  color: #999999;\n}\n/* 行内代码 */\n#nice p code, #nice li code {\n  padding-left: 0;\n  padding-right: 0;\n  background: transparent;\n  border-radius: 0;\n  color: #eb6161;\n  border-bottom: 1px solid #eb6161;\n}\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre {\n  margin: 12px auto;\n  box-shadow: 0 1px 2px -2px rgba(0,0,0,.16), 0 3px 6px 0 rgba(0,0,0,.12), 0 5px 12px 4px rgba(0,0,0,.09) !important;\n  border-radius: 5px;\n}\n#nice pre code {\n}\n/*\n * 表格\n */\n#nice table {\n  margin: 12px auto;\n}\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n  color: #424B5D;\n  font-size: 14px;\n}\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #eb6161;\n}\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: #eb6161;\n}\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n  font-size: 16px;\n}\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n/* 参考资料文字 */\n#nice .footnote-item p { \n  font-size: 12px;\n  color: #424B5D;\n}\n/* 参考资料解释 */\n#nice .footnote-item p em {\n  font-size: 12px;\n  color: #999999;\n}\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n  color: #424B5D;\n}\n/* 行内公式\n */\n#nice .inline-equation svg {  \n  color: #424B5D;\n}\n\n#nice .imageflow-layer1 img {\n  border-radius: 0;\n}\n\n#nice .imageflow-caption {\n  font-size: 14px;\n  margin-top: 8px;\n  color: #999999;\n}\n\n::-webkit-scrollbar {\n  height: 4px;\n}",
    "article": "https://mp.weixin.qq.com/s/TM8WbWJFhDqQL0sL0bcX4g",
    "html": null,
    "exampleHtml": null,
    "authorName": "axuebin",
    "authorEmail": null,
    "description": "简洁的橙蓝风",
    "sort": null,
    "checked": true,
    "userThemeId": 21250,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-06-13T23:32:08.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "35",
    "itemId": null,
    "name": "凝夜紫",
    "cover": "https://files.mdnice.com/pic/73c130f0-a866-45f0-8d96-ecb3bb33da32.jpg",
    "css": "/*自定义样式,实时生效*/\n\n/* 全局属性\n* 页边距 padding:30px;\n* 全文字体 font-family:optima-Regular;\n* 英文换行 word-break:break-all;\n*/\n#nice {\n    line-height: 1.25;\n    font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;\n    letter-spacing: 2px;\n    background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%);\n    background-size: 20px 20px;\n    background-position: center center;\n}\n\n/* 段落,下方未标注标签参数均同此处\n  * 上边距 margin-top:5px;\n  * 下边距 margin-bottom:5px;\n  * 行高 line-height:26px;\n  * 词间距 word-spacing:3px;\n  * 字间距 letter-spacing:3px;\n  * 对齐 text-align:left;\n  * 颜色 color:#3e3e3e;\n  * 字体大小 font-size:16px;\n  * 首行缩进 text-indent:2em;\n  */\n#nice p {\n    margin: 10px 0px;\n    letter-spacing: 2px;\n    font-size: 14px;\n    word-spacing: 2px;\n}\n\n/* 一级标题 */\n#nice h1 {\n    font-size: 25px;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n    display: inline-block;\n    font-weight: bold;\n    color: #773098;\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {}\n\n/* 二级标题 */\n#nice h2 {\n    text-align: left;\n    margin: 20px 10px 0px 0px;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n    font-size: 18px;\n    font-weight: bold;\n    display: inline-block;\n    padding-left: 10px;\n    border-left: 5px solid #916dd5;\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {}\n\n/* 三级标题 */\n#nice h3 {\n    font-size: 16px;\n    font-weight: bold;\n    text-align: center;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n    border-bottom: 2px solid #d89cf6;\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {}\n\n/* 无序列表整体样式\n  * list-style-type: square|circle|disc;\n  */\n#nice ul {\n    font-size: 15px;\n    /*神奇逻辑,必须比li section的字体大才会在二级中生效*/\n    list-style-type: circle;\n}\n\n\n/* 有序列表整体样式\n  * list-style-type: upper-roman|lower-greek|lower-alpha;\n  */\n#nice ol {\n    font-size: 15px;\n}\n\n/* 列表内容,不要设置li\n  */\n#nice li section {\n    font-size: 14px;\n    font-weight: normal;\n}\n\n/* 引用\n  * 左边缘颜色 border-left-color:black;\n  * 背景色 background:gray;\n  */\n#nice .multiquote-1 {\n    border-left-color: #d89cf6;\n    background: #f4eeff;\n}\n\n/* 链接 \n  * border-bottom: 1px solid #009688;\n  */\n#nice a {\n    color: #916dd5;\n    font-weight: bolder;\n    border-bottom: 1px solid #916dd5;\n}\n\n#nice strong::before {\n    content: '「';\n}\n\n/* 加粗 */\n#nice strong {\n    color: #916dd5;\n    font-weight: bold;\n}\n\n#nice strong::after {\n    content: '」';\n}\n\n/* 斜体 */\n#nice em {\n    font-style: normal;\n    color: #916dd5;\n}\n\n/* 加粗斜体 */\n#nice em strong {\n    color: #916dd5;\n}\n\n/* 删除线 */\n#nice del {\n    color: #916dd5;\n}\n\n/* 分隔线\n  * 粗细、样式和颜色\n  */\n#nice hr {\n    height: 1px;\n    padding: 0;\n    border: none;\n    border-top: 2px solid #d9b8fa;\n}\n\n/* 图片\n  * 宽度 width:80%;\n  * 居中 margin:0 auto;\n  * 居左 margin:0 0;\n  */\n#nice img {\n    border-radius: 6px;\n    display: block;\n    margin: 20px auto;\n    object-fit: contain;\n    box-shadow: 2px 4px 7px #999;\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n    display: block;\n    font-size: 13px;\n}\n\n/* 行内代码 */\n#nice p code,\n#nice li code {\n    color: #916dd5;\n    font-weight: bolder;\n    background: none;\n}\n\n/* 非微信代码块\n  * 代码块不换行 display:-webkit-box !important;\n  * 代码块换行 display:block;\n  */\n#nice .code-snippet__fix {\n    background: #f7f7f7;\n    border-radius: 2px;\n}\n\n#nice pre code {}\n\n/*\n  * 表格内的单元格\n  * 字体大小 font-size: 16px;\n  * 边框 border: 1px solid #ccc;\n  * 内边距 padding: 5px 10px;\n  */\n#nice table tr th,\n#nice table tr td {\n    font-size: 14px;\n}\n\n#nice .footnotes {\n    font-size: 14px;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n    font-weight: normal;\n    color: #916dd5;\n    font-weight: bold;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n    font-weight: normal;\n    color: #916dd5;\n}\n\n/*脚注链接样式*/\n#nice .footnote-item em {\n    font-size: 14px;\n    color: #916dd5;\n    display: block;\n}\n\n/* \"参考资料\"四个字 \n  * 内容 content: \"参考资料\";\n  */\n#nice .footnotes-sep:before {\n    font-size: 20px;\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n    color: #916dd5;\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p {\n    color: #916dd5;\n    font-weight: bold;\n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n    font-weight: normal;\n}\n\n/* 行间公式\n  * 最大宽度 max-width: 300% !important;\n  */\n#nice .block-equation svg {}\n\n/* 行内公式\n  */\n#nice .inline-equation svg {}",
    "article": "https://mp.weixin.qq.com/s/0IDhUGxZtMDFGD-Z9Ij_Cg",
    "html": null,
    "exampleHtml": null,
    "authorName": "童欧巴",
    "authorEmail": null,
    "description": "适配微信以及Safari的深色模式。“凝夜紫”,寓意在深色模式中也可以发光。",
    "sort": null,
    "checked": true,
    "userThemeId": 21245,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-05-22T21:00:33.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "45",
    "itemId": null,
    "name": "灵动蓝",
    "cover": "https://files.mdnice.com/pic/31016bf3-0a07-4ebe-8ded-9999a714ea90.png",
    "css": "/*自定义样式,实时生效*/\n\n/* 全局属性 */\n.nice-wx-box {\n\n}\n\n#nice {\n  color: #333;\n  font-family: -apple-system,system-ui,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;\n}\n\n/* 标题的通用设置 */\n#nice h1,\n#nice h2,\n#nice h3,\n#nice h4,\n#nice h5,\n#nice h6 {\n  padding: 30px 0;\n  margin: 0;\n  color: #135ce0;\n}\n\n/* 一级标题 */\n#nice h1 {\n  position: relative;\n  margin-top: 30px;\n  margin-bottom: 10px;\n  text-align: center;\n}\n\n/* 一级标题前缀,用来放背景图,支持透明度控制 */\n#nice h1 .prefix {\n  display: inline-block;\n  top: 0;\n  width: 60px;\n  height: 60px;\n  background: url(http://img.macrozheng.com/mall/md/ape_blue.svg);\n  background-size: 100% 100%;\n  opacity: .12;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n  font-size: 22px;\n  display: block;\n  margin-top: -36px;\n}\n\n/* 二级标题 */\n#nice h2 {\n  position: relative;\n\tfont-size: 20px;\n}\n\n/* 二级标题前缀,有兴趣加内容的可以魔改 */\n#nice h2 .prefix {\n\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n\tborder-left: 4px solid;\n  padding-left: 10px;\n}\n\n/* 一二级标题之间间距控制一下 */\n#nice h1 + h2 {\n  padding-top: 0;\n}\n\n/* 三级标题 */\n#nice h3 {\n  font-size: 16px;\n}\n\n/* 段落 */\n#nice p {\n  font-size: 16px;\n  line-height: 2;\n  font-weight: 400;\n}\n\n/* 段落间距控制 */\n#nice p+p {\n  margin-top: 16px;\n}\n\n/* 无序列表 */\n#nice ul>li ul>li {\n  list-style: circle;\n}\n\n/* 无序列表内容行高 */\n#nice li section {\n  line-height: 2;\n}\n\n/* 引用 */\n#nice .multiquote-1 {\n  border-left-color: #b2aec5;\n  background: #fff9f9;\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n  color: #666;\n  line-height: 2;\n}\n\n/* 链接 */\n#nice a {\n  color: #036aca;\n  border-bottom: 0;\n  font-weight: 400;\n  text-decoration: none;\n}\n\n/* 加粗 */\n#nice strong {\n  background: linear-gradient(to right ,#3299d2,#efbdb5);\n  color: #fff;\n  font-weight: 400;\n  padding: 0 4px;\n  display: inline-block;\n  border-radius: 4px;\n  margin: 0 2px;\n  letter-spacing: 1px;\n}\n\n/* 加粗斜体 */\n#nice em strong {\n  color: #fff;\n}\n\n/* 分隔线 */\n#nice hr {\n  border-top: 1px solid #135ce0;\n}\n\n/* 图片描述文字,隐藏了,如果需要,请删除display */\n#nice figcaption {\n  display: none;\n  opacity: .6;\n  margin-top: 12px;\n  font-size: 12px;\n}\n\n/* 行内代码 */\n#nice p code, li code {\n  color: #1394d8;\n  padding: 2px 6px;\n  word-break: normal;\n}\n\n/* 表格 */\n#nice table {\n  border-spacing: 0;\n}\n\n/*\n * 表格内的单元格\n */\n#nice table tr th {\n  background-color: #d4f1ff;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #135ce0;\n  font-weight: 400;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: #5ba1e2;\n  font-weight: 400;\n}\n\n/* 参考资料 */\n#nice .footnotes-sep:before {\n  text-align: center;\n  color: #135ce0;\n  content: \"参考\";\n}\n\n/* 参考编号 */\n#nice .footnote-num {\n  color: #666;\n}\n\n/* 参考文字 */\n#nice .footnote-item p { \n  color: #999;\n  font-weight: 700;\n  font-style: italic;\n  font-size: 13px;\n}\n\n/* 参考解释 */\n#nice .footnote-item p em {\n  color: #3375e2;\n  font-style: normal;\n  margin-left: 4px;\n}",
    "article": "https://mp.weixin.qq.com/s/3VCR6kJwhNIUCiN-A-24pQ",
    "html": null,
    "exampleHtml": null,
    "authorName": "飞白",
    "authorEmail": null,
    "description": "支持自定义标题背景图透明度,可以在这个基础上换自己的logo或者背景图,免去了ps修改透明度的麻烦。",
    "sort": null,
    "checked": true,
    "userThemeId": 21246,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-05-30T17:49:19.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "48",
    "itemId": null,
    "name": "草原绿",
    "cover": "https://files.mdnice.com/pic/37bae771-dfed-49d0-bda7-21aed462acc2.jpg",
    "css": "/*自定义样式,实时生效*/\n\n/*自定义样式,实时生效*/\n\n/* 全局属性\n* 页边距 padding:30px;\n* 全文字体 font-family:optima-Regular;\n* 英文换行 word-break:break-all;\ncolor:#2b2b2b;\n*/\n#nice {\n  line-height: 1.35;\n  color: #333;\n  font-family: Optima-Regular, PingFangTC-light;\n  letter-spacing: 1.5px;\n}\n\n/* 段落,下方未标注标签参数均同此处\n* 上边距 margin-top:5px;\n* 下边距 margin-bottom:5px;\n* 行高 line-height:26px;\n* 词间距 word-spacing:3px;\n* 字间距 letter-spacing:3px;\n* 对齐 text-align:left;\n* 颜色 color:#3e3e3e;\n* 字体大小 font-size:16px;\n* 首行缩进 text-indent:2em;\n*/\n#nice p {\n  color: #2b2b2b;\n  margin: 10px 0px;\n  letter-spacing: 2px;\n  font-size: 16px;\n  word-spacing: 2px;\n}\n\n/* 一级标题 */\n#nice h1 {\n  font-size: 25px;\n}\n\n/* 一级标题内容 */\n#nice h1 span {\n  display: inline-block;\n  font-weight: bold;\n  color: #4CAF50;\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {}\n\n/* 二级标题 */\n#nice h2 {\n  display:block;\n  border-bottom: 4px solid #4CAF50;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n  display: flex;\n  color: #4CAF50;\n  font-size: 20px;\n\n}\n\n/* 二级标题前缀 */\n#nice h2 .prefix {\n\n}\n\n/* 二级标题后缀 */\n#nice h2 .suffix {\n  display: flex;\n  box-sizing: border-box;\n  width: 20px;\n  height: 10px;\n  border-top-left-radius: 20px;\n  border-top-right-radius: 20px;\n  background: RGBA(76, 175, 80, .5);\n  color: rgb(255, 255, 255);\n  font-size: 16px;\n  letter-spacing: 0.544px;\n  justify-content: flex-end;\n  box-sizing: border-box !important;\n  overflow-wrap: break-word !important;\n  float: right;\n  margin-top: -10px;\n}\n\n/* 三级标题 */\n#nice h3 {\n  font-size: 17px;\n  font-weight: bold;\n  text-align: center;\n  position:relative;\n  margin-top: 20px;\n  margin-bottom: 20px;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n  color: #2b2b2b;\n  padding-bottom:2px\n}\n\n#nice h3 .content:before{\n  content:'';\n  width:30px;\n  height:30px;\n  display:block;\n  background-image:url(http://img.macrozheng.com/mall/md/grass-green.png);\n  background-position:center;\n  background-size:30px;\n  margin:auto;\n  opacity:1;\n  background-repeat:no-repeat;\n  margin-bottom:-8px;\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {}\n\n#nice h4 .content {\n  height:16px;\n  line-height:16px;\n  font-size: 16px;\n}\n\n#nice h4 .content:before{\n\n}\n\n/* 无序列表整体样式\n* list-style-type: square|circle|disc;\n*/\n#nice ul {\n  font-size: 15px; /*神奇逻辑,必须比li section的字体大才会在二级中生效*/\n  color: #595959;\n  list-style-type: circle;\n}\n\n\n/* 有序列表整体样式\n* list-style-type: upper-roman|lower-greek|lower-alpha;\n*/\n#nice ol {\n  font-size: 15px;\n  color: #595959;\n}\n\n/* 列表内容,不要设置li\n*/\n#nice li section {\n  font-size: 16px;\n  font-weight: normal;\n  color: #595959;\n}\n\n/* 引用\n* 左边缘颜色 border-left-color:black;\n* 背景色 background:gray;\n*/\n#nice .multiquote-1::before {\n  content: \"❝\";\n  color: #74b56d;\n  font-size: 34px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n#nice .multiquote-1 {\n  text-size-adjust: 100%;\n  line-height: 1.55em;\n  font-weight: 400;\n  border-radius: 6px;\n  color: #595959;\n  font-style: normal;\n  text-align: left;\n  box-sizing: inherit;\n  border-left: none;\n  border: 1px solid #1b900d;\n  background: #fff;\n\n}\n\n#nice .multiquote-1 p {\n\n}\n\n#nice .multiquote-1::after {\n  content: \"❞\";\n  float: right;\n  color: #74b56d;\n}\n\n/* 链接\n* border-bottom: 1px solid #009688;\n*/\n#nice a {\n  color: #399003;\n  font-weight: normal;\n  border-bottom: 1px solid #399003;\n}\n\n#nice strong::before {\n  content: '「';\n}\n\n/* 加粗 */\n#nice strong {\n  color: #399003;\n  font-weight: bold;\n}\n\n#nice strong::after {\n  content: '」';\n}\n\n/* 斜体 */\n#nice em {\n  font-style: normal;\n  color: #399003;\n  font-weight:bold;\n}\n\n/* 加粗斜体 */\n#nice em strong {\n  color: #399003;\n}\n\n/* 删除线 */\n#nice del {\n  color: #399003;\n}\n\n/* 分隔线\n* 粗细、样式和颜色\n* border-top:1px solid #3e3e3e;\n*/\n#nice hr {\n  height: 1px;\n  padding: 0;\n  border: none;\n  border-top: 2px solid #399003;\n}\n\n/* 图片\n* 宽度 width:80%;\n* 居中 margin:0 auto;\n* 居左 margin:0 0;\n*/\n#nice img {\n  border-radius: 6px;\n  display: block;\n  margin: 20px auto;\n  object-fit: contain;\n  box-shadow:2px 4px 7px #999;\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n  display: block;\n  font-size: 13px;\n  color: #2b2b2b;\n}\n\n/* 行内代码 */\n#nice p code,\n#nice li code {\n  color: #0bb712;\n  background: rgba(127, 226, 159, 0.48);\n  display:inline-block;\n  padding:0 2px;\n  border-radius:2px;\n  height:21px;\n  line-height:22px;\n}\n\n/* 非微信代码块\n* 代码块不换行 display:-webkit-box !important;\n* 代码块换行 display:block;\n*/\n#nice .code-snippet__fix {\n  background: #f7f7f7;\n  border-radius: 2px;\n}\n\n#nice pre code {\n  letter-spacing: 0px;\n}\n\n/*\n* 表格内的单元格\n* 字体大小 font-size: 16px;\n* 边框 border: 1px solid #ccc;\n* 内边距 padding: 5px 10px;\n*/\n#nice table tr th,\n#nice table tr td {\n  font-size: 16px;\n  color: #595959;\n}\n\n#nice .footnotes {\n  background: #F6EEFF;\n  padding: 20px 20px 20px 20px;\n  font-size: 16px;\n  border: 0.8px solid #399003;\n  border-radius: 6px;\n  border: 1px solid #399003;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  font-weight: normal;\n  color: #595959;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  font-weight: normal;\n  color: #595959;\n}\n\n/*脚注链接样式*/\n#nice .footnote-item em {\n  font-size: 16px;\n  color: #595959;\n  display: block;\n}\n\n#nice .footnotes{\n  background: #fff;\n  padding: 20px 20px 20px 20px;\n  font-size: 16px;\n  border-radius: 6px;\n  border: 1px solid #4CAF50;\n}\n\n/* \"参考资料\"四个字\n* 内容 content: \"参考资料\";\n*/\n#nice .footnotes-sep:before {\n  content: 'Reference';\n  color: #595959;\n  letter-spacing: 1px;\n  border-bottom: 2px solid #4CAF50;\n  display: inline;\n  font-size: 20px;\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {}\n\n/* 参考资料文字 */\n#nice .footnote-item p {\n  color: #595959;\n  font-weight: bold;\n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n  font-weight: normal;\n}\n\n/* 行间公式\n* 最大宽度 max-width: 300% !important;\n*/\n#nice .block-equation svg {}\n\n/* 行内公式\n*/\n#nice .inline-equation svg {}\n\n/* 滑动图片\n */\n#nice .imageflow-img {\n  display: inline-block;\n  width:100%;\n  margin-bottom: 0;\n}",
    "article": "https://mp.weixin.qq.com/s/qCiMmHyBgltFrEZuD2LxVA",
    "html": null,
    "exampleHtml": null,
    "authorName": "超人",
    "authorEmail": null,
    "description": "绿油油的大草原",
    "sort": null,
    "checked": true,
    "userThemeId": 21247,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-06-05T11:00:48.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "51",
    "itemId": null,
    "name": "科技蓝",
    "cover": "https://files.mdnice.com/pic/1919fe6a-4e84-4365-bd94-eb66e592c04a.png",
    "css": "/*自定义样式,实时生效*/\n\n/* 全局属性\n * 页边距 padding:30px;\n * 全文字体 font-family:ptima-Regular;\n * 英文换行 word-break:break-all;\n */\n#nice {\n  font-family:PingFangSC-Light;\n}\n\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top:5px;\n * 下边距 margin-bottom:5px;\n * 行高 line-height:26px;\n * 词间距 word-spacing:3px;\n * 字间距 letter-spacing:3px;\n * 对齐 text-align:left;\n * 颜色 color:#3e3e3e;\n * 字体大小 font-size:16px;\n * 首行缩进 text-indent:2em;\n */\n#nice p {\n  margin:10px 10px;\n  line-height:1.75;\n  letter-spacing:0.2em;\n  font-size: 15px;\n  word-spacing:0.1em;\n}\n\n/* 一级标题 */\n#nice h1 {\n  border-bottom: 2px solid #0e88eb;\n  font-size: 1.4em;\n  text-align: center;\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n  font-size: 1.4em;\n  display:inline-block;\n  font-weight: bold;\n  //background: #0e88eb;\n  color:#ffffff;\n  color: #0e88eb;\n  padding:3px 10px 1px;\n  border-top-right-radius:3px;\n  border-top-left-radius:3px;\n  margin-right:3px;\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n \n/* 二级标题 */\n#nice h2 {\n  text-align:left;\n  margin:20px 10px 0px 0px;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n  font-family:STHeitiSC-Light;\n  font-size: 22px;\n  color:#0e88eb;\n  font-weight:bolder;\n  display:inline-block;\n  padding-left:10px;\n  border-left:5px solid #0e88eb;\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {\n}\n\n/* 三级标题 */\n#nice h3 {\n\tfont-size: 18px;\n \tcolor: #0e88eb;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n  font-size: 18px;\n  color: #0e88eb;\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n}\n\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n\n/* 列表内容,不要设置li\n */\n#nice li section {\n  font-size: 15px;\n}\n\n/* 引用\n * 左边缘颜色 border-left-color:black;\n * 背景色 background:gray;\n */\n#nice .multiquote-1 {\n  font-style:normal;\n  border-left:none;\n  padding:10px;\n  position:relative;\n  line-height:1.8;\n  border-radius:0px 0px 10px 10px;\n  color: #0e88eb;\n  background:#fff;\n  box-shadow:#84A1A8 0px 10px 15px;\n}\n#nice .multiquote-1:before {\n  content:\"★ \";\n  display:inline;\n  color: #0e88eb;\n  font-size:4em;\n  font-family:Arial,serif;\n  line-height:1em;\n  font-weight:700;\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n  color: #0e88eb;\n  font-size:15px;\n  display:inline;\n}\n#nice .multiquote-1:after {\n  content:\"”\";\n  float:right;\n  display:inline;\n  color:#0e88eb;\n  font-size:3em;\n  line-height:1em;\n  font-weight:500;\n}\n\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n  color: #0e88eb;\n  border-bottom: 0px solid #ff3502;\n  font-family:STHeitiSC-Light;\n}\n\n/* 加粗 */\n#nice strong {\n  font-weight: border;\n  color: #0e88eb;\n}\n\n/* 斜体 */\n#nice em {\n  color: #0e88eb;\n  letter-spacing:0.3em;\n}\n\n/* 加粗斜体 */\n#nice em strong {\n  color: #0e88eb;\n  letter-spacing:0.3em;\n}\n\n/* 删除线 */\n#nice del {\n}\n \n/* 分隔线\n * 粗细、样式和颜色\n * border-top:1px solid #3e3e3e;\n */\n#nice hr {\n  height:1px;\n  padding:0;\n  border:none;\n  border-top:medium solidid #333;\n  text-align:center;\n  background-image:linear-gradient(to right,rgba(248,57,41,0),#0e88eb,rgba(248,57,41,0));\n}\n\n/* 图片\n * 宽度 width:80%;\n * 居中 margin:0 auto;\n * 居左 margin:0 0;\n */\n#nice img {\n  border-radius:0px 0px 5px 5px;\n  display:block;\n  margin:20px auto;\n  width:85%;\n  height:100%;\n  object-fit:contain;\n  box-shadow:#84A1A8 0px 10px 15px;\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n  display:block;\n  font-size:12px;\n  font-family:PingFangSC-Light;\n}\n\n/* 行内代码 */\n#nice p code, #nice li code {\n  color:/*自定义样式,实时生效*/\n}\n\n/* 非微信代码块\n * 代码块不换行 display:-webkit-box !important;\n * 代码块换行 display:block;\n */\n#nice pre code {\n}\n\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n  font-size: 15px;\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #2d59b3;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: #6a88c5;\n}\n\n/* 非微信代码块\n * 代码块不换行 display:-webkit-box !important;\n * 代码块换行 display:block;\n */\n#nice pre code {\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #0e88eb;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: #0e88eb;\n}\n\n/*脚注链接样式*/\n#nice .footnote-item em {\n  color: #082a71;\n  font-size:12px;\n}\n\n/* \"参考资料\"四个字 \n * 内容 content: \"参考资料\";\n */\n#nice .footnotes-sep:before {\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p { \n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}\n\n/* 滑动图片\n */\n#nice .imageflow-img {\n  display: inline-block;\n  width:100%;\n  margin-bottom: 0;\n}",
    "article": "https://mp.weixin.qq.com/s/hEQA4GEFycBjvScko4DeqQ",
    "html": null,
    "exampleHtml": null,
    "authorName": "夜尽天明",
    "authorEmail": null,
    "description": "科技蓝的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21248,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:14:39.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  },
  {
    "themeId": "62",
    "itemId": null,
    "name": "WeChat-Format",
    "cover": "https://files.mdnice.com/pic/7c426155-27e8-493b-a483-ce966884a8b9.png",
    "css": "/* 全局属性\n * 页边距 padding: 30px;\n * 全文字体 font-family: ptima-Regular;\n * 英文换行 word-break: break-all;\n */\n#nice {\n}\n\n/* 段落,下方未标注标签参数均同此处\n * 上边距 margin-top: 5px;\n * 下边距 margin-bottom: 5px;\n * 行高 line-height: 26px;\n * 词间距 word-spacing: 3px;\n * 字间距 letter-spacing: 3px;\n * 对齐 text-align: left;\n * 颜色 color: #3e3e3e;\n * 字体大小 font-size: 16px;\n * 首行缩进 text-indent: 2em;\n */\n#nice p {\n  line-height: 1.6;\n  color: #3f3f3f;\n  font-size: 16px;\n  margin: 10px 0px;\n}\n\n/* 一级标题 */\n#nice h1 {\n}\n\n/* 一级标题内容 */\n#nice h1 .content {\n}\n\n/* 一级标题修饰 请参考有实例的主题 */\n#nice h1:after {\n}\n\n/* 二级标题 */\n#nice h2 {\n  margin: 80px 10px 40px 10px;\n  text-align: center;\n  font-weight: normal;\n  color: #3f3f3f;\n  font-size: 140%;\n}\n\n/* 二级标题内容 */\n#nice h2 .content {\n}\n\n/* 二级标题修饰 请参考有实例的主题 */\n#nice h2:after {\n}\n\n/* 三级标题 */\n#nice h3 {\n  margin: 40px 0px 20px 0px;\n  font-weight: bold;\n  line-height: 1.5;\n  color: #3f3f3f;\n  font-size: 120%;\n}\n\n/* 三级标题内容 */\n#nice h3 .content {\n}\n\n/* 三级标题修饰 请参考有实例的主题 */\n#nice h3:after {\n}\n\n/* 无序列表整体样式\n * list-style-type: square|circle|disc;\n */\n#nice ul {\n}\n\n/* 有序列表整体样式\n * list-style-type: upper-roman|lower-greek|lower-alpha;\n */\n#nice ol {\n}\n\n/* 列表内容,不要设置li\n */\n#nice li section {\n}\n\n/* 引用\n* 左边缘颜色 border-left-color: black;\n* 背景色 background: gray;\n*/\n#nice .multiquote-1 {\n  color: rgb(91,91,91);\n  border-left: 3px solid rgb(158,158,158);\n  background: rgba(158, 158, 158, 0.1);\n  padding: 1px 0 1px 10px;\n  margin: 20px 0px;\n}\n\n/* 引用文字 */\n#nice .multiquote-1 p {\n  color: #3f3f3f;\n  line-height: 1.5;\n  font-size: 16px;\n  margin: 10px;\n  padding: 0px;\n}\n\n/* 链接 \n * border-bottom: 1px solid #009688;\n */\n#nice a {\n  color: #ff3502;\n  border-bottom: 1px solid #ff3502;\n}\n\n/* 加粗 */\n#nice strong {\n  color: #ff3502;\n  line-height: 1.5;\n  font-size: 16px;\n}\n\n/* 斜体 */\n#nice em {\n}\n\n/* 加粗斜体 */\n#nice em strong {\n}\n\n/* 删除线 */\n#nice del {\n}\n\n/* 分隔线\n* 粗细、样式和颜色\n* border-top: 1px solid #3e3e3e;\n*/\n#nice hr {\n}\n\n/* 图片\n* 宽度 width: 80%;\n* 居中 margin: 0 auto;\n* 居左 margin: 0 0;\n*/\n#nice img {\n}\n\n/* 图片描述文字 */\n#nice figcaption {\n}\n\n/* 行内代码 */\n#nice p code, #nice li code {\n  background: #f8f5ec;\n  color: #ff3502;\n  line-height: 1.5;\n  font-size: 90%;\n  padding: 3px 5px;\n  border-radius: 2px;\n}\n\n/* 非微信代码块\n * 代码块不换行 display: -webkit-box !important;\n * 代码块换行 display: block;\n */\n#nice pre code {\n}\n\n/*\n * 表格内的单元格\n * 字体大小 font-size: 16px;\n * 边框 border: 1px solid #ccc;\n * 内边距 padding: 5px 10px;\n */\n#nice table tr th,\n#nice table tr td {\n}\n\n/* 脚注文字 */\n#nice .footnote-word {\n  color: #ff3502;\n  font-size: 16px;\n  line-height: 1.5;\n  font-weight: normal;\n}\n\n/* 脚注上标 */\n#nice .footnote-ref {\n  color: #ff3502;\n  font-weight: normal;\n}\n\n/* \"参考资料\"四个字 */\n#nice .footnotes-sep {\n}\n\n/* 参考资料编号 */\n#nice .footnote-num {\n}\n\n/* 参考资料文字 */\n#nice .footnote-item p { \n}\n\n/* 参考资料解释 */\n#nice .footnote-item p em {\n}\n\n/* 行间公式\n * 最大宽度 max-width: 300% !important;\n */\n#nice .block-equation svg {\n}\n\n/* 行内公式\n */\n#nice .inline-equation svg {  \n}",
    "article": "https://mp.weixin.qq.com/s?__biz=MzIwNTA4NzI1Mw==&mid=2247485061&idx=1&sn=36047ec080d1daaf63d733d18e546ba7&source=41#wechat_redirect",
    "html": null,
    "exampleHtml": null,
    "authorName": "画手",
    "authorEmail": null,
    "description": "Wechat Format的作者很懒,暂时没有描述",
    "sort": null,
    "checked": true,
    "userThemeId": 21249,
    "userThemeType": 0,
    "fixThemeId": null,
    "price": null,
    "tmpPrice": null,
    "isPublic": true,
    "createTime": "2020-04-04T12:14:25.000+0000",
    "updateTime": "2020-11-21T23:11:44.000+0000"
  }
]

然后修改项目的src\component\MenuLeft\Theme.js文件,主要是导入localThemeList.json和将获取远程主题改为从本地获取;

import loaclThemeDate from "../../json/localThemeList"

if (token) {
        // 如果处于登录状态,则读取订阅的主题
        response = await axios.get(`https://api.mdnice.com/themes/editor`, {
          headers: {
            Authorization: `Bearer ${token}`,
          },
        });
        if (!response.data.success) {
          throw new Error();
        }
        remoteThemelist = response.data.data;
      } else {
        //改为使用本地默认的默认主题
        remoteThemelist=loaclThemeDate;
        // 否则默认主题
        // response = await axios.get(THEME_API());
        // if (!response.data.success) {
        //   throw new Error();
        // }
        // remoteThemelist = response.data.data.themeList;
      }

重新启动项目 http://localhost:3000,就可以发现有20多种主题了可供选择了

在线使用地址:https://www.mdnice.com/

转自macrozheng https://zhuanlan.zhihu.com/p/364380026

5

评论区