@wulechuan/css-stylus-markdown-themes 7.2.4 → 7.2.7

package/--gulp-/351/207/207/347/224/250require/345/207/275/346/225/260/347/232/204/347/211/210/346/234/254/03-/346/236/204/345/273/272/345/245/275/347/232/204/344/273/273/345/212/241/351/227/255/347/216/257/346/210/226/347/256/200/345/215/225/344/273/273/345/212/241//345/271/266/351/251/276/351/275/220/351/251/261/346/236/204/345/273/272/345/244/232/347/257/207/346/226/207/347/253/240/344/271/213-html-/344/271/213/350/257/270/344/273/273/345/212/241/344/271/213/346/200/273/344/273/273/345/212/241/351/227/255/347/216/257.js

@@ -0,0 +1,90 @@
+const 彩色粉笔工具 = require('chalk')
+
+const {
+    parallel: 构建并行运转以下Gulp任务之总任务,
+} = require('gulp')
+
+const {
+    create3HighOrderTasksUponMultipleTaskCycles,
+} = require('@wulechuan/gulp-classical-task-cycle')
+
+const 构建一个任务闭环以将一Markdown文件转换成HTML文件
+    = require('../02-用于构建任务闭环的工具集/用于构建效果呈现示例之文章的/构建一个任务闭环以创建效果呈现示例之文章')
+
+const 构建简单任务用以将某示例性HTML配套的插图等资源复制到目标文件夹
+    = require('../01-用于构建简单任务的工具集/构建简单任务用以将某示例性-html-配套的插图等资源复制到目标文件夹')
+
+
+
+const 产出之HTML文件之名称_汉语文章配以亮色方案 = 'example.zh-hans-cn.default-light-colored-theme.html'
+const 产出之HTML文件之名称_汉语文章配以暗色方案 = 'example.zh-hans-cn.default-dark-colored-theme.html'
+
+const 产出之HTML文件之名称_英国话文章配以亮色方案 = 'example.en-us.default-light-colored-theme.html'
+const 产出之HTML文件之名称_英国话文章配以暗色方案 = 'example.en-us.default-dark-colored-theme.html'
+
+const 须囊括于本工具发布内容中之HTML范文之_凡配以亮色方案者_之存放文件夹之相对路径 = './文档/文章排版与配色效果示例集/以-html-格式渲染好的文章成品/html'
+const 须囊括于本工具发布内容中之HTML范文之_凡配以暗色方案者_之存放文件夹之相对路径 = './文档/文章排版与配色效果示例集/以-html-格式渲染好的文章成品/html'
+const 不囊括于本工具发布内容之中而仅作截图辅助工具之用之所有HTML文件之存放文件夹之相对路径 = './测试集/产生的临时文件/示例性-html-文件集（均嵌有半自动化截图辅助逻辑）'
+
+const 须额外嵌入各产出之HTML文件之文件之相对路径之列表 = [
+    '文档/文章排版与配色效果示例集/示例性-html-文章的-title-标签之内容自动配置之逻辑.js',
+    '文档/文章排版与配色效果示例集/示例性-html-文章的截图半自动化辅助逻辑.js',
+]
+
+const 用于构建各范文之诸任务闭环之列表 = [
+    构建一个任务闭环以将一Markdown文件转换成HTML文件({
+        // 欲采用的已发布之层叠样式表文件之名称: 'wulechuan-styles-for-html-via-markdown.default--with-toc.min.css',
+        产出诸HTML文件之存放文件夹之相对路径: 须囊括于本工具发布内容中之HTML范文之_凡配以亮色方案者_之存放文件夹之相对路径,
+        自汉语文章产出之HTML文件之名称: 产出之HTML文件之名称_汉语文章配以亮色方案,
+        自英国话文章产出之HTML文件之名称: 产出之HTML文件之名称_英国话文章配以亮色方案,
+        须额外嵌入各产出之HTML文件之文件之相对路径之列表: [],
+    }),
+    构建一个任务闭环以将一Markdown文件转换成HTML文件({
+        欲采用的已发布之层叠样式表文件之名称: 'wulechuan-styles-for-html-via-markdown.default-dark--with-toc.min.css',
+        产出诸HTML文件之存放文件夹之相对路径: 须囊括于本工具发布内容中之HTML范文之_凡配以暗色方案者_之存放文件夹之相对路径,
+        自汉语文章产出之HTML文件之名称: 产出之HTML文件之名称_汉语文章配以暗色方案,
+        自英国话文章产出之HTML文件之名称: 产出之HTML文件之名称_英国话文章配以暗色方案,
+        须额外嵌入各产出之HTML文件之文件之相对路径之列表: [],
+    }),
+
+    /**
+     * 以下两组任务构建的 HTML 文件看似与上方任务构建的 HTML 文件无异。
+     * 实则下方的 HTML 注入了额外的 Javascript 代码，用以辅助本人在为各 HTML 制作大量截图时提供便利。
+     */
+    构建一个任务闭环以将一Markdown文件转换成HTML文件({
+        // 欲采用的已发布之层叠样式表文件之名称: 'wulechuan-styles-for-html-via-markdown.default--with-toc.min.css',
+        产出诸HTML文件之存放文件夹之相对路径: 不囊括于本工具发布内容之中而仅作截图辅助工具之用之所有HTML文件之存放文件夹之相对路径,
+        自汉语文章产出之HTML文件之名称: 产出之HTML文件之名称_汉语文章配以亮色方案,
+        自英国话文章产出之HTML文件之名称: 产出之HTML文件之名称_英国话文章配以亮色方案,
+        须额外嵌入各产出之HTML文件之文件之相对路径之列表,
+    }),
+    构建一个任务闭环以将一Markdown文件转换成HTML文件({
+        欲采用的已发布之层叠样式表文件之名称: 'wulechuan-styles-for-html-via-markdown.default-dark--with-toc.min.css',
+        产出诸HTML文件之存放文件夹之相对路径: 不囊括于本工具发布内容之中而仅作截图辅助工具之用之所有HTML文件之存放文件夹之相对路径,
+        自英国话文章产出之HTML文件之名称: 产出之HTML文件之名称_英国话文章配以暗色方案,
+        自汉语文章产出之HTML文件之名称: 产出之HTML文件之名称_汉语文章配以暗色方案,
+        须额外嵌入各产出之HTML文件之文件之相对路径之列表,
+    }),
+]
+
+
+const 将所有须产出之HTML文件对应之插图等媒体资源复制到位之任务之本体函数 = 构建并行运转以下Gulp任务之总任务(
+    ...[
+        须囊括于本工具发布内容中之HTML范文之_凡配以亮色方案者_之存放文件夹之相对路径,
+        须囊括于本工具发布内容中之HTML范文之_凡配以暗色方案者_之存放文件夹之相对路径,
+        不囊括于本工具发布内容之中而仅作截图辅助工具之用之所有HTML文件之存放文件夹之相对路径,
+    ].map(构建简单任务用以将某示例性HTML配套的插图等资源复制到目标文件夹)
+)
+
+const 并驾齐驱构建多篇文章之HTML之诸任务之总任务闭环 = create3HighOrderTasksUponMultipleTaskCycles({
+    taskCyclesInPallarel: 用于构建各范文之诸任务闭环之列表,
+
+    beforeBuildingEveryThingOnce: function() {
+        console.log(`\n正在采用默认主题${彩色粉笔工具.black.bgBlue('构建所有语言版本的示例文档')}的 HTML 文件`)
+    },
+})
+
+module.exports = {
+    将所有须产出之HTML文件对应之插图等媒体资源复制到位之任务之本体函数,
+    并驾齐驱构建多篇文章之HTML之诸任务之总任务闭环,
+}

package/--gulp-/351/207/207/347/224/250require/345/207/275/346/225/260/347/232/204/347/211/210/346/234/254/03-/346/236/204/345/273/272/345/245/275/347/232/204/344/273/273/345/212/241/351/227/255/347/216/257/346/210/226/347/256/200/345/215/225/344/273/273/345/212/241//346/211/271/351/207/217/346/236/204/345/273/272/346/211/200/346/234/211/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/344/271/213/350/257/270/344/273/273/345/212/241/344/271/213/346/200/273/344/273/273/345/212/241/351/227/255/347/216/257.js

@@ -0,0 +1,27 @@
+const {
+    create3HighOrderTasksUponMultipleTaskCycles,
+} = require('@wulechuan/gulp-classical-task-cycle')
+
+const createOneTaskCycleViaOneSpecificTaskConfig
+    = require('../02-用于构建任务闭环的工具集/用于生成可发布之源代码的/处理-stylus-文件并构建出-css-文件/3-create-a-task-cycle-via-a-specific-task-config')
+
+const javascriptTaskCyclesOfAllThemes
+    = require('../02-用于构建任务闭环的工具集/用于生成可发布之源代码的/处理并构建出-javascript-文件/为所有须发布的-javascript-文件的构建任务逐一构建出任务闭环')
+
+const taskCycleOfCopyingESLintrcToDist
+    = require('../02-用于构建任务闭环的工具集/用于生成可发布之源代码的/处理并构建出-javascript-文件/构建一个任务闭环用以复制发布内容专属的-eslintrc-文件')
+
+const {
+    诸排版与配色方案之构建任务各自特有之配置之汇总列表,
+} = require('../00-任务之配置项集/针对构建所有须发布之层叠样式表之任务的')
+
+
+const allTaskCyclesForAllThemes = [
+    ...诸排版与配色方案之构建任务各自特有之配置之汇总列表.map(createOneTaskCycleViaOneSpecificTaskConfig),
+    ...javascriptTaskCyclesOfAllThemes,
+    taskCycleOfCopyingESLintrcToDist,
+]
+
+module.exports = create3HighOrderTasksUponMultipleTaskCycles({
+    taskCyclesInPallarel: allTaskCyclesForAllThemes,
+})

package/--gulp-/351/207/207/347/224/250require/345/207/275/346/225/260/347/232/204/347/211/210/346/234/254/03-/346/236/204/345/273/272/345/245/275/347/232/204/344/273/273/345/212/241/351/227/255/347/216/257/346/210/226/347/256/200/345/215/225/344/273/273/345/212/241//346/236/204/345/273/272/345/275/223/345/211/215/346/255/243/347/235/200/346/211/213/345/274/200/345/217/221/344/271/213/345/224/257/344/270/200/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/344/271/213/346/200/273/344/273/273/345/212/241/351/227/255/347/216/257.js

@@ -0,0 +1,131 @@
+const 彩色粉笔工具 = require('chalk')
+const 路径工具 = require('path')
+
+const {
+    series:   构建严格依序执行以下gulp任务之总任务,
+    parallel: 构建并行运转以下Gulp任务之总任务,
+} = require('gulp')
+
+const {
+    create3HighOrderTasksUponMultipleTaskCycles,
+} = require('@wulechuan/gulp-classical-task-cycle')
+
+const 为所有排版与配色方案构建所有须发布之Javascript文件之诸任务闭环
+    = require('../02-用于构建任务闭环的工具集/用于生成可发布之源代码的/处理并构建出-javascript-文件/为所有须发布的-javascript-文件的构建任务逐一构建出任务闭环')
+
+// const taskCycleOfCopyingESLintrcToDist
+//     = require('../02-用于构建任务闭环的工具集/用于生成可发布之源代码的/处理并构建出-javascript-文件/构建一个任务闭环用以复制发布内容专属的-eslintrc-文件')
+
+const createOneTaskCycleViaOneEntryStylusFileSubPath
+    = require('../02-用于构建任务闭环的工具集/用于生成可发布之源代码的/处理-stylus-文件并构建出-css-文件/4-create-a-task-cycle-via-an-entry-stylus-file-sub-path')
+
+const 构建一个任务闭环以将一Markdown文件转换成HTML文件
+    = require('../02-用于构建任务闭环的工具集/用于构建效果呈现示例之文章的/构建一个任务闭环以创建效果呈现示例之文章')
+
+const 构建简单任务用以将某示例性HTML配套的插图等资源复制到目标文件夹
+    = require('../01-用于构建简单任务的工具集/构建简单任务用以将某示例性-html-配套的插图等资源复制到目标文件夹')
+
+const {
+    正着手开发的排版与配色方案之入口Stylus文件之相对路径,
+} = require('../00-任务之配置项集/针对用于开发某一特定排版与配色方案之任务的')
+
+
+
+const 产出诸HTML文件之存放文件夹之相对路径  = './测试集/产生的临时文件/示例性-html-文件集（仅限于当前正在开发的排版与配色方案）'
+const 自英国话文章产出之HTML文件之名称     = 'default-theming-example.--DEV--.en-us.html'
+const 自汉语文章产出之HTML文件之名称 = 'default-theming-example.--DEV--.zh-hans-cn.html'
+const 须额外嵌入各产出之HTML文件之文件之相对路径之列表 = [
+    // '文档/文章排版与配色效果示例集/示例性-html-文章的-title-标签之内容自动配置之逻辑.js',
+    // '文档/文章排版与配色效果示例集/示例性-html-文章的截图半自动化辅助逻辑.js',
+]
+
+
+
+
+
+const 用以为正着手开发之排版与配色方案构建层叠样式表文件之任务闭环 = createOneTaskCycleViaOneEntryStylusFileSubPath(
+    正着手开发的排版与配色方案之入口Stylus文件之相对路径
+)
+
+const distCSSFilePathToUse = 用以为正着手开发之排版与配色方案构建层叠样式表文件之任务闭环.不必产出压缩过的层叠样式表和压缩过的Javascript文件 ?
+    用以为正着手开发之排版与配色方案构建层叠样式表文件之任务闭环.outputFilePath1 : // uncompressed version
+    用以为正着手开发之排版与配色方案构建层叠样式表文件之任务闭环.outputFilePath2   // compressed/minified version
+
+const 欲采用的已发布之层叠样式表文件之名称 = 路径工具.basename(distCSSFilePathToUse)
+console.log('\n欲采用的已发布之层叠样式表文件之名称：', 彩色粉笔工具.magenta(欲采用的已发布之层叠样式表文件之名称))
+
+
+const 用以将一个Markdown文件转换为HTML文件之任务闭环 = 构建一个任务闭环以将一Markdown文件转换成HTML文件({
+    欲采用的已发布之层叠样式表文件之名称,
+    产出诸HTML文件之存放文件夹之相对路径,
+    自英国话文章产出之HTML文件之名称,
+    自汉语文章产出之HTML文件之名称,
+    须额外嵌入各产出之HTML文件之文件之相对路径之列表,
+})
+
+
+const 构建单一排版与配色方案所涉一切任务闭环之列表 = [
+    用以为正着手开发之排版与配色方案构建层叠样式表文件之任务闭环,
+
+    // 此处，为降低任务设计之难度，故意不分青红皂白构建所有方案之所有 Javascript 文件。
+    ...为所有排版与配色方案构建所有须发布之Javascript文件之诸任务闭环,
+
+    // 但在研发某一款【】时，无须构建 .eslintrc.js 这一文件。下方代码故意保留，仅为辅助读者理解罢了。
+    // taskCycleOfCopyingESLintrcToDist,
+]
+
+
+
+
+
+const 为着手开发之排版与配色方案构建所有产出 = 构建并行运转以下Gulp任务之总任务(
+    ...构建单一排版与配色方案所涉一切任务闭环之列表.map(taskCycle => taskCycle.taskBodies.buildNewOutputs)
+)
+
+const 删除业已存在之HTML文件之任务之本体函数 = 用以将一个Markdown文件转换为HTML文件之任务闭环.taskBodies.cleanOldOutputs
+const 构建完整范文及其配套插图等资源之诸任务之总任务之函数 = 构建并行运转以下Gulp任务之总任务(
+    用以将一个Markdown文件转换为HTML文件之任务闭环.taskBodies.buildNewOutputs,
+    构建简单任务用以将某示例性HTML配套的插图等资源复制到目标文件夹(产出诸HTML文件之存放文件夹之相对路径)
+)
+
+const 构建所有文件 = 构建严格依序执行以下gulp任务之总任务(
+    为着手开发之排版与配色方案构建所有产出,
+    构建完整范文及其配套插图等资源之诸任务之总任务之函数
+)
+
+const 删除所有业已存在的旧版文件 = 构建并行运转以下Gulp任务之总任务(
+    ...构建单一排版与配色方案所涉一切任务闭环之列表.map(某任务闭环 => 某任务闭环.taskBodies.cleanOldOutputs),
+    删除业已存在之HTML文件之任务之本体函数
+)
+
+
+
+const 用于描述欲监视之所有文件的文件甄选描述符集 = [
+    ...构建单一排版与配色方案所涉一切任务闭环之列表.reduce((所涉一切文件甄选描述符集, 某任务闭环) => {
+        return [
+            ...所涉一切文件甄选描述符集,
+            ...某任务闭环.sourceGlobsToWatch,
+        ]
+    }, []),
+    ...用以将一个Markdown文件转换为HTML文件之任务闭环.sourceGlobsToWatch,
+]
+
+console.log('用于描述欲监视之所有文件的【文件甄选描述符（外国话所谓 glob ）】集：', 用于描述欲监视之所有文件的文件甄选描述符集)
+
+const simplifiedTaskCycleForCompoundTaskOfBuildingSingleTheme = {
+    sourceGlobsToWatch: 用于描述欲监视之所有文件的文件甄选描述符集,
+    taskBodies: {
+        cleanOldOutputs: 删除所有业已存在的旧版文件,
+        buildNewOutputs: 构建所有文件,
+    },
+}
+
+module.exports = create3HighOrderTasksUponMultipleTaskCycles({
+    taskCyclesInPallarel: [ simplifiedTaskCycleForCompoundTaskOfBuildingSingleTheme ],
+
+    beforeBuildingEveryThingOnce: function() {
+        console.log(`\n正在依照唯一主题之配置${彩色粉笔工具.black.bgBlue('编译')} Stylus，并${彩色粉笔工具.black.bgBlue('复制')} JS`)
+    },
+})
+
+

package/--gulp-/351/207/207/347/224/250require/345/207/275/346/225/260/347/232/204/347/211/210/346/234/254/99-/350/276/205/345/212/251/345/267/245/345/205/267/351/233/206/get-plugins-for-one-postcss-instance.js

@@ -0,0 +1,65 @@
+const cssNano = require('cssnano')
+
+
+
+module.exports = function getPluginsForOnePostCSSInstance(shouldCompressCSS, shouldDiscardMostCommentsEvenIfNotCompressCSS) {
+    const pluginsForPostCSS = [
+        // autoprefixer({browsers: ['last 1 version']}),
+    ]
+
+
+    const cssNanoOptions = {}
+    let shouldUseCSSNano = false
+    if (shouldCompressCSS) {
+
+        shouldUseCSSNano = true
+        cssNanoOptions.preset = 'default'
+
+    } else if (shouldDiscardMostCommentsEvenIfNotCompressCSS) {
+
+        shouldUseCSSNano = true
+        const customizedOptions = {
+            rawCache: false,
+            calc: false,
+            colormin: false,
+            convertValues: false,
+            // discardComments: true,
+            discardDuplicates: false,
+            discardEmpty: false,
+            discardOverridden: false,
+            mergeLonghand: false,
+            mergeRules: false,
+            minifyFontValues: false,
+            minifyGradients: false,
+            minifyParams: false,
+            minifySelectors: false,
+            normalizeCharset: false,
+            normalizeDisplayValues: false,
+            normalizePositions: false,
+            normalizeRepeatStyle: false,
+            normalizeString: false,
+            normalizeTimingFunctions: false,
+            normalizeUnicode: false,
+            normalizeUrl: false,
+            normalizeWhitespace: false,
+            orderedValues: false,
+            reduceInitial: false,
+            reduceTransforms: false,
+            svgo: false,
+            uniqueSelectors: false,
+        }
+
+        cssNanoOptions.preset = [ 'default', customizedOptions ]
+
+    }
+
+    if (shouldUseCSSNano) {
+        pluginsForPostCSS.push(cssNano(cssNanoOptions))
+    }
+
+    if (pluginsForPostCSS.length < 1) {
+        return null
+    }
+
+    return pluginsForPostCSS
+}

package/--gulp-/351/207/207/347/224/250require/345/207/275/346/225/260/347/232/204/347/211/210/346/234/254/index.js

@@ -0,0 +1,34 @@
+const {
+    series: 构建严格依序执行以下gulp任务之总任务,
+} = require('gulp')
+
+const 批量构建所有排版与配色方案之诸任务之总任务闭环
+    = require('./03-构建好的任务闭环或简单任务/批量构建所有排版与配色方案之诸任务之总任务闭环')
+
+const 构建当前正着手开发之唯一排版与配色方案之总任务闭环
+    = require('./03-构建好的任务闭环或简单任务/构建当前正着手开发之唯一排版与配色方案之总任务闭环')
+
+const {
+    将所有须产出之HTML文件对应之插图等媒体资源复制到位之任务之本体函数,
+    并驾齐驱构建多篇文章之HTML之诸任务之总任务闭环,
+} = require('./03-构建好的任务闭环或简单任务/并驾齐驱构建多篇文章之-html-之诸任务之总任务闭环')
+
+
+const cleanAll           = 批量构建所有排版与配色方案之诸任务之总任务闭环.cleanAllOldOuputs
+const buildAllThemesOnce = 批量构建所有排版与配色方案之诸任务之总任务闭环.buildEverythingOnce
+
+const devSingleThemeOnce = 构建当前正着手开发之唯一排版与配色方案之总任务闭环.buildEverythingOnce
+const devSingleTheme     = 构建当前正着手开发之唯一排版与配色方案之总任务闭环.watchEverything
+
+const updateExampleHTMLs = 构建严格依序执行以下gulp任务之总任务(
+    将所有须产出之HTML文件对应之插图等媒体资源复制到位之任务之本体函数,
+    并驾齐驱构建多篇文章之HTML之诸任务之总任务闭环.buildEverythingOnce
+)
+
+module.exports = devSingleTheme
+
+module.exports.cleanAll = cleanAll
+module.exports.buildAllThemesOnce = buildAllThemesOnce
+module.exports.devSingleThemeOnce = devSingleThemeOnce
+module.exports.devSingleTheme = devSingleTheme
+module.exports.updateExampleHTMLs = updateExampleHTMLs

package/--gulpfile.js

@@ -0,0 +1 @@
+module.exports = require('./--gulp')

package/package.json

@@ -2,7 +2,7 @@
   "name": "@wulechuan/css-stylus-markdown-themes",
   "author": "wulechuan <wulechuan@live.com>",
   "license": "WTFPL",
-  "version": "7.2.4",
+  "version": "7.2.7",
   "description": "吴乐川的 HTML 文章排版与配色之方案集。本工具用于构建一组层叠样式表（即 CSS ）文件，本工具亦现场提供了一组层叠样式表文件。凡这些样式表，均可用于美化采用超文本标记语言（即 HTML ）格式存储的文章。且不必同时取用多个样式表文件，仅取其一足矣。",
   "directories": {
     "source": "源代码/原始的源代码",
@@ -74,24 +74,25 @@
     "url": "https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns/issues"
   },
   "dependencies": {
-    "globby": "^11.0.3"
+    "globby": "^11.1.0"
   },
   "devDependencies": {
-    "@wulechuan/generate-html-via-markdown": "^3.0.2",
+    "@wulechuan/cli-scripts--git-push": "^1.0.1",
+    "@wulechuan/generate-html-via-markdown": "^3.0.9",
     "@wulechuan/gulp-classical-task-cycle": "^0.3.0",
-    "chalk": "^4.1.0",
-    "cssnano": "^4.1.10",
+    "chalk": "^4.1.2",
+    "cssnano": "^5.1.0",
     "del": "^6.0.0",
-    "eslint": "^7.23.0",
+    "eslint": "^8.10.0",
     "esm": "^3.2.25",
-    "fs-extra": "^9.1.0",
+    "fs-extra": "^10.0.1",
     "gulp": "^4.0.2",
     "gulp-concat": "^2.6.1",
     "gulp-pipe": "^1.0.4",
-    "gulp-postcss": "^9.0.0",
+    "gulp-postcss": "^9.0.1",
     "gulp-rename": "^2.0.0",
-    "gulp-stylus": "^2.7.0",
-    "gulp-terser": "^2.0.1",
-    "postcss": "^8.2.9"
+    "gulp-stylus": "^2.7.1",
+    "gulp-terser": "^2.1.0",
+    "postcss": "^8.4.8"
   }
 }

package//346/226/207/346/241/243//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/225/210/346/236/234/347/244/272/344/276/213/351/233/206//345/216/237/345/247/213/347/232/204-markdown-/346/240/274/345/274/217/347/232/204/346/226/207/347/253/240/theming-example-article.zh-hans-CN.md

@@ -579,6 +579,38 @@ exports.author = 'wulechun@live.com';
 </html>
 ```
 
+```html
+<!DOCTYPE html>
+<html lang="zh-hans-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>乐川的示范文档</title>
+</head>
+<body>
+    <h1>DOM 的概念</h1>
+    <div>我是一个DIV</div>
+    <ul>
+        <li>第一个表的第1项</li>
+        <li>第一个表的第2项</li>
+    </ul>
+    <ul>
+        <li>第二个表的第1项</li>
+        这里还有一行文字呢
+        <li>第二个表的第2项</li>
+        <li>第二个表的第3项</li>
+        <li>第二个表的第4项</li>
+        <!-- 插播一则养生广告：每天呼吸空气有助于维持生命。 -->
+        <ul>
+            <li>第三个表的第1项</li>
+            <li>第三个表的第2项</li>
+        </ul>
+        <li>第二个表的第5项</li>
+    </ul>
+</body>
+</html>
+```
 
 ### CSS 代码片段
 

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206//345/261/202/345/217/240/346/240/267/345/274/217/350/241/250/wulechuan-styles-for-html-via-markdown--firefox-addon.default.css

@@ -882,9 +882,9 @@ html {
   background-color: #bbb;
 }
 body::-webkit-scrollbar {
-  border-radius: 0.1em;
-  width: 1.2em;
-  height: 1.2em;
+  border-radius: 0.15em;
+  width: 1.8em;
+  height: 1.8em;
 }
 body::-webkit-scrollbar:hover {
   background-color: rgba(0,0,0,0.15);
@@ -895,7 +895,7 @@ body::-webkit-scrollbar-button,
 body::-webkit-scrollbar-thumb,
 body::-webkit-scrollbar-track,
 body::-webkit-scrollbar-track-piece {
-  border-radius: 1em;
+  border-radius: 1.5em;
   border-style: solid;
   border-color: transparent;
   background-clip: content-box;
@@ -904,19 +904,19 @@ body::-webkit-scrollbar-button {
   display: none;
 }
 body::-webkit-scrollbar-thumb {
-  border-width: 0.5em;
+  border-width: 0.75em;
   background-color: rgba(0,0,0,0.51);
 }
 body::-webkit-scrollbar-thumb:hover {
   background-color: rgba(0,0,0,0.96);
 }
 body::-webkit-scrollbar-track {
-  border-width: 0.4em;
+  border-width: 0.6em;
   background-color: rgba(0,0,0,0.1);
-  box-shadow: inset 0 0 0 0.05em rgba(0,0,0,0.219);
+  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.219);
 }
 body::-webkit-scrollbar-track:hover {
-  box-shadow: inset 0 0 0 0.05em rgba(0,0,0,0.45);
+  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.45);
 }
 body::-webkit-scrollbar-track-piece {
   display: none;

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206//345/261/202/345/217/240/346/240/267/345/274/217/350/241/250/wulechuan-styles-for-html-via-markdown--typora.default.css

@@ -703,9 +703,9 @@ html {
   background-color: #bbb;
 }
 .typora-node > content::-webkit-scrollbar {
-  border-radius: 0.1em;
-  width: 1.2em;
-  height: 1.2em;
+  border-radius: 0.15em;
+  width: 1.8em;
+  height: 1.8em;
 }
 .typora-node > content::-webkit-scrollbar:hover {
   background-color: rgba(0,0,0,0.15);
@@ -716,7 +716,7 @@ html {
 .typora-node > content::-webkit-scrollbar-thumb,
 .typora-node > content::-webkit-scrollbar-track,
 .typora-node > content::-webkit-scrollbar-track-piece {
-  border-radius: 1em;
+  border-radius: 1.5em;
   border-style: solid;
   border-color: transparent;
   background-clip: content-box;
@@ -725,19 +725,19 @@ html {
   display: none;
 }
 .typora-node > content::-webkit-scrollbar-thumb {
-  border-width: 0.5em;
+  border-width: 0.75em;
   background-color: rgba(0,0,0,0.51);
 }
 .typora-node > content::-webkit-scrollbar-thumb:hover {
   background-color: rgba(0,0,0,0.96);
 }
 .typora-node > content::-webkit-scrollbar-track {
-  border-width: 0.4em;
+  border-width: 0.6em;
   background-color: rgba(0,0,0,0.1);
-  box-shadow: inset 0 0 0 0.05em rgba(0,0,0,0.219);
+  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.219);
 }
 .typora-node > content::-webkit-scrollbar-track:hover {
-  box-shadow: inset 0 0 0 0.05em rgba(0,0,0,0.45);
+  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.45);
 }
 .typora-node > content::-webkit-scrollbar-track-piece {
   display: none;

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206//345/261/202/345/217/240/346/240/267/345/274/217/350/241/250/wulechuan-styles-for-html-via-markdown--vscode.default.min.css

@@ -25,4 +25,4 @@
  *    - https://gitee.com/nanchang-wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git
  *    - https://code.aliyun.com/wulechuan/wulechuan-themes-for-htmls-via-markdowns.git
  *    - https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git
- */body{font-size:20px}@media screen and (min-width:2190px){body{font-size:28px}}@media screen and (min-width:2879px){body{font-size:40px}}@media screen and (max-width:600px){body{font-size:16px}}html{margin:0;padding:3em 1em 6em}@media screen and (min-width:2190px){html{padding:3em 1em 6em}}@media screen and (min-width:2879px){html{padding:3em 1em 6em}}@media (max-width:600px){html{padding:0}}a{font-size:inherit;text-decoration:none;border-bottom:1px solid transparent;text-shadow:inherit}a:not([href]){font-style:italic}a[href]{border-bottom-color:currentColor}a[href^="#"],a[href^="#"]:visited{border-bottom-color:transparent}a[href]:hover{text-decoration:none;border-bottom-color:currentColor}dt,h1,h2,h3,h4,h5,h6,p{text-align:justify;margin-left:-.5em;margin-right:-.5em;padding-left:.5em;padding-right:.5em}h1{font-size:2.3em;margin-top:2em;padding-top:.25em;padding-bottom:.25em}h1,h2{line-height:1.25;margin-bottom:.5em}h2{font-size:1.8em;margin-top:3em}h3{font-size:1.4em}h3,h4{line-height:1.33;margin-top:2em;margin-bottom:.5em}h4{font-size:1.2em}h5{font-size:1.1em}dt,h5,h6{line-height:1.33;margin-top:1.5em;margin-bottom:.5em}dt,h6{font-size:1em}dt,h1,h2,h3,h4,h5,h6{padding-top:.25em;padding-bottom:.25em;border-width:0}h1,h2{letter-spacing:.05em;text-indent:.05em}[lang*=-CN] h1,[lang*=-CN] h2,[lang*=-CN i] h1,[lang*=-CN i] h2,[lang*=-hans] h1,[lang*=-hans] h2,[lang*=-hans i] h1,[lang*=-hans i] h2,[lang*=zh-] h1,[lang*=zh-] h2,[lang*=zh- i] h1,[lang*=zh- i] h2{letter-spacing:.2em;text-indent:.2em}dt,h3,h4,h5,h6{letter-spacing:.05em}h2+h3,h3+h4,h4+h5,h5+h6{margin-top:.5em}blockquote>h1,blockquote>h2,blockquote>h3,blockquote>h4,blockquote>h5,blockquote>h6,td>h1,td>h2,td>h3,td>h4,td>h5,td>h6,th>h1,th>h2,th>h3,th>h4,th>h5,th>h6{margin-top:.75em;margin-bottom:.25em;padding-top:.25em;padding-bottom:.25em}blockquote>h1~p:last-child,blockquote>h2~p:last-child,blockquote>h3~p:last-child,blockquote>h4~p:last-child,td>h1~p:last-child,td>h2~p:last-child,td>h3~p:last-child,td>h4~p:last-child,th>h1~p:last-child,th>h2~p:last-child,th>h3~p:last-child,th>h4~p:last-child{margin-bottom:1.25em}p{margin-top:.5em;margin-bottom:.5em;padding-top:.25em;padding-bottom:.25em;line-height:1.66}sub,sup{margin-right:.5em}small,sub,sup{font-size:75%}blockquote b,blockquote em,blockquote strong{color:inherit}img{display:block;box-sizing:content-box;padding:.5em;max-width:75%;border-style:none;margin:.5em auto 1em;text-align:center;font-size:100%;white-space:normal;word-break:break-word;font-style:italic;font-weight:400}img:before{content:"Image failed to load. No description of the image."}img[alt]:before{content:'Image failed to load. Image description: \A"'}img[alt]:after{content:'"'}@-moz-document url-prefix(){img:after,img[alt]:after{content:" (Image failed to load)"}}[lang*=-CN] img:before,[lang*=-CN i] img:before,[lang*=-hans] img:before,[lang*=-hans i] img:before,[lang*=zh-] img:before,[lang*=zh- i] img:before{content:"图片加载失败。图片内容未知。"}[lang*=-CN] img[alt]:before,[lang*=-CN i] img[alt]:before,[lang*=-hans] img[alt]:before,[lang*=-hans i] img[alt]:before,[lang*=zh-] img[alt]:before,[lang*=zh- i] img[alt]:before{content:"图片加载失败。图片内容的大致描述为：\A“"}[lang*=-CN] img[alt]:after,[lang*=-CN i] img[alt]:after,[lang*=-hans] img[alt]:after,[lang*=-hans i] img[alt]:after,[lang*=zh-] img[alt]:after,[lang*=zh- i] img[alt]:after{content:"”"}@-moz-document url-prefix(){[lang*=-CN] img:after,[lang*=-CN] img[alt]:after,[lang*=-CN i] img:after,[lang*=-CN i] img[alt]:after,[lang*=-hans] img:after,[lang*=-hans] img[alt]:after,[lang*=-hans i] img:after,[lang*=-hans i] img[alt]:after,[lang*=zh-] img:after,[lang*=zh-] img[alt]:after,[lang*=zh- i] img:after,[lang*=zh- i] img[alt]:after{content:"（图片加载失败）"}}video{display:block;width:calc(100% - 2em);margin:1.5em auto}blockquote{box-sizing:border-box;max-width:100%;display:inline-block;vertical-align:top;border-style:solid;padding:1px 1.2em 1px 1em;margin:0 1em 1.5em}details{margin:.5em 1em 1.5em;padding:.5em 1em}li>details{margin-left:0;margin-right:0}summary{cursor:pointer;padding:.25em .5em;margin:.25em -.25em}pre+details{margin-top:-.5em}code,kbd,pre{font-weight:300}code,kbd{display:inline-block;vertical-align:baseline;line-height:1;min-height:1em;min-width:.5em;font-style:normal;border-style:solid}code{font-size:inherit;word-break:break-all;white-space:pre-wrap}kbd{font-size:80%}pre,pre>code{white-space:pre;word-wrap:normal;word-break:keep-all;text-align:left!important}pre>code{width:100%;line-height:inherit;padding:.25em .5em;border:none!important;margin:0!important;border-radius:0;overflow-x:auto}pre,pre>code{box-sizing:border-box;display:block}pre{line-height:1.6;padding:.5em;margin:.5em 1em 2em}li>pre,td>pre{margin-left:0}li>pre,td>pre{margin-right:0}li>pre:first-child{margin-top:0;display:inline-block;vertical-align:top;width:100%}blockquote>pre:first-child,td>pre:first-child{margin-top:1.5em}blockquote>pre:last-child,td>pre:last-child{margin-bottom:1em}blockquote>pre:first-child:last-child,td>pre:first-child:last-child{margin-top:.5em;margin-bottom:.5em}details>pre{margin-left:0;margin-right:0}details>pre:last-child{margin-bottom:.5em}input[type=checkbox]{width:1.4em;height:1.4em;display:inline-block;vertical-align:middle;margin:-.2em .6em 0 0}label[for]{cursor:pointer}dd,li{text-align:justify}li{margin:.5em 0;padding:0 .5em}dt{padding-top:.5em;padding-bottom:.5em;border-width:0}dl,ol,ul{margin:.5em auto 1.5em}blockquote dd:last-child,blockquote ol:last-child,blockquote ul:last-child{margin-bottom:.5em}ol,ul{padding:0 1em 0 2.5em}@-moz-document url-prefix(){ol,ul{padding-left:2.5em}li::marker{margin-right:.7em}}table,td,th,tr{border-width:0;border-style:solid}td,th{text-align:justify;padding:.25em .75em;min-width:3em}table{border-collapse:collapse;margin:1em auto;max-width:96%;min-width:64%}hr{display:block;position:relative;margin:3em auto 4em 0;border-width:0;height:1px;width:calc(50% - .6em);overflow:visible!important;background-color:transparent}hr:after,hr:before{content:"";display:block;position:absolute}hr:before{left:calc(100% + .6em);top:49.5%;width:.4em;height:.4em;margin:-.2em 0 0 -.2em;border-radius:50%;background-color:currentColor}hr:after{left:100%;width:100%;height:100%;margin-left:1.2em;background-color:inherit;background-image:inherit!important;transform:scaleX(-1)}@media (max-width:600px){h1{font-size:1.8em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1.1em}dt,h6{font-size:1em}ol,ul{padding-left:1.8em;padding-right:0}blockquote,details{margin-left:0;margin-right:0}table{max-width:none;width:100%}td{max-width:400px}pre{margin-left:0;margin-right:0}table pre>code{white-space:normal!important;word-break:break-all}hr{margin:1.5em auto 2em 0}video{width:100%}}body{line-height:1.6;padding:6em 4em 14em;max-width:51em;min-height:60em;margin:0 auto;word-break:break-word}body>h1:first-child{margin-top:1em}.markdown-article-toc-is-visible body{padding-left:3em;padding-right:3em}.centered,.document-author{text-align:center}.header-anchor{margin-left:-.75em}blockquote>h1 .header-anchor,blockquote>h2 .header-anchor,blockquote>h3 .header-anchor,blockquote>h4 .header-anchor,blockquote>h5 .header-anchor,blockquote>h6 .header-anchor,td>h1 .header-anchor,td>h2 .header-anchor,td>h3 .header-anchor,td>h4 .header-anchor,td>h5 .header-anchor,td>h6 .header-anchor,th>h1 .header-anchor,th>h2 .header-anchor,th>h3 .header-anchor,th>h4 .header-anchor,th>h5 .header-anchor,th>h6 .header-anchor{display:none}@media (max-width:900px){body{padding-top:3em;padding-bottom:7em}.markdown-article-toc-is-visible body,body{padding-left:3em;padding-right:3em}}@media (max-width:600px){.markdown-article-toc-is-visible body,body{padding-left:1.5em;padding-right:1.5em}}pre{padding:0!important}body,button,input,option,select,textarea{font-family:Segoe UI,微软雅黑,Microsoft Yahei UI,Microsoft Yahei,Lucida Grande,Helvetica,sans-serif}code,kbd,pre{font-family:Cascadia Code,PT Mono,consolas,Courier New,Courier,Microsoft Yahei UI,Microsoft Yahei,微软雅黑,monospace}html{scrollbar-color:rgba(51,51,51,.75) rgba(51,51,51,.15);scrollbar-width:thin;background-color:#bbb}html::-webkit-scrollbar{border-radius:.1em;width:1.2em;height:1.2em}html::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.15)}html::-webkit-resizer,html::-webkit-scrollbar-button,html::-webkit-scrollbar-corner,html::-webkit-scrollbar-thumb,html::-webkit-scrollbar-track,html::-webkit-scrollbar-track-piece{border-radius:1em;border-style:solid;border-color:transparent;background-clip:content-box}html::-webkit-scrollbar-button{display:none}html::-webkit-scrollbar-thumb{border-width:.5em;background-color:rgba(0,0,0,.51)}html::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.96)}html::-webkit-scrollbar-track{border-width:.4em;background-color:rgba(0,0,0,.1);box-shadow:inset 0 0 0 .05em rgba(0,0,0,.219)}html::-webkit-scrollbar-track:hover{box-shadow:inset 0 0 0 .05em rgba(0,0,0,.45)}html::-webkit-scrollbar-corner,html::-webkit-scrollbar-track-piece{display:none}h1,h2{font-weight:300;text-align:center}h3{font-weight:400}h4{font-weight:500}h5,h6{font-weight:600}blockquote,img{border-radius:.3em}blockquote{border-width:0 0 0 .32em}details{border-radius:.36em}summary:active,summary:focus{outline:none}table{border-width:6px}tr{border-width:0}thead tr:last-of-type{border-bottom-width:3px}code,kbd,td,th{border-width:1px}kbd{border-radius:.25em;margin:-.15em .2em;padding:.15em .3em;position:relative;top:-.15em}code{border-radius:.2em;margin:.1em;padding:.1em .2em}pre{border-radius:.3em}@media (max-width:600px){h1{font-weight:400}}body{color:#000;background-color:#f7f7f9;box-shadow:0 0 .4em rgba(0,0,0,.2)}a{transition-property:visibility,opacity,color,background-color,border,border-radius,transform;transition-duration:.3s}a,a:visited{color:#015eff}a:active,a:focus,a:hover{color:red}a[href^="#"],a[href^="#"]:visited{color:#1b1}a.header-anchor[href^="#"],a.header-anchor[href^="#"]:visited{color:#e8e8e8}h1:hover>a.header-anchor[href^="#"],h2:hover>a.header-anchor[href^="#"],h3:hover>a.header-anchor[href^="#"],h4:hover>a.header-anchor[href^="#"],h5:hover>a.header-anchor[href^="#"],h6:hover>a.header-anchor[href^="#"]{color:#aaa}h1:target:hover>a.header-anchor[href^="#"],h1:target>a.header-anchor[href^="#"],h1>a.header-anchor[href^="#"]:active,h1>a.header-anchor[href^="#"]:focus,h1>a.header-anchor[href^="#"]:hover,h2:target:hover>a.header-anchor[href^="#"],h2:target>a.header-anchor[href^="#"],h2>a.header-anchor[href^="#"]:active,h2>a.header-anchor[href^="#"]:focus,h2>a.header-anchor[href^="#"]:hover,h3:target:hover>a.header-anchor[href^="#"],h3:target>a.header-anchor[href^="#"],h3>a.header-anchor[href^="#"]:active,h3>a.header-anchor[href^="#"]:focus,h3>a.header-anchor[href^="#"]:hover,h4:target:hover>a.header-anchor[href^="#"],h4:target>a.header-anchor[href^="#"],h4>a.header-anchor[href^="#"]:active,h4>a.header-anchor[href^="#"]:focus,h4>a.header-anchor[href^="#"]:hover,h5:target:hover>a.header-anchor[href^="#"],h5:target>a.header-anchor[href^="#"],h5>a.header-anchor[href^="#"]:active,h5>a.header-anchor[href^="#"]:focus,h5>a.header-anchor[href^="#"]:hover,h6:target:hover>a.header-anchor[href^="#"],h6:target>a.header-anchor[href^="#"],h6>a.header-anchor[href^="#"]:active,h6>a.header-anchor[href^="#"]:focus,h6>a.header-anchor[href^="#"]:hover{color:#1b1}h1,h2{color:#111}h3,h4{color:#222}dt,h5,h6{color:#000}img{color:#555;background-color:rgba(0,0,0,.051);box-shadow:inset 0 0 .5em rgba(0,0,0,.19)}input[type=checkbox]+label{color:#000;text-shadow:1px 1px 2px rgba(0,0,0,.2)}input[type=checkbox]:checked+label{color:#696;text-shadow:-1px -1px 0 rgba(0,128,0,.1)}b,em,strong{color:#000}blockquote{color:#000;border-color:#f90;background-color:rgba(0,0,0,.051)}details{background-color:hsla(0,0%,50.2%,.079);box-shadow:inset 0 0 .25em rgba(0,0,0,.079)}summary:active,summary:focus{color:#1b1}table{border-color:#111;background-color:#fff}th,thead tr{border-color:#222}td{border-color:#d9d9d9}thead{color:#eee;background-color:#444}tbody tr:nth-child(odd){background-color:transparent}tbody tr:nth-child(2n){background-color:rgba(0,0,0,.045)}code,kbd{text-shadow:none!important}code{color:#b19;border-color:rgba(0,0,0,.219);background-color:#fff}pre code{background-color:transparent!important}kbd{color:#000;background-color:#fff;background-image:linear-gradient(45deg,#fff,#eee);border-color:#bbb #ddd #ddd #bbb;box-shadow:0 .15em 0 .05em #bbb}hr{color:hsla(0,0%,50.2%,.45);background-image:linear-gradient(90deg,transparent,currentColor 150%)}hr:before{box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.51)}th,thead tr{border-color:#222!important}td{border-color:#bbb!important}.hljs,pre{color:#ccc;background-color:#2a2b2c}.hljs-comment,.hljs-quote{color:#23ff7e;background-color:#000}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#d74fff}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#ffed9c}.hljs-built_in,.hljs-class .hljs-title{color:#f48a54}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#a78057}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#33a2ff}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.hljs,pre{color:#ccc!important;background-color:#2b2b2b!important}@media print{a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
+ */body{font-size:20px}@media screen and (min-width:2190px){body{font-size:28px}}@media screen and (min-width:2879px){body{font-size:40px}}@media screen and (max-width:600px){body{font-size:16px}}html{margin:0;padding:3em 1em 6em}@media screen and (min-width:2190px){html{padding:3em 1em 6em}}@media screen and (min-width:2879px){html{padding:3em 1em 6em}}@media (max-width:600px){html{padding:0}}a{border-bottom:1px solid transparent;font-size:inherit;text-decoration:none;text-shadow:inherit}a:not([href]){font-style:italic}a[href]{border-bottom-color:currentColor}a[href^="#"],a[href^="#"]:visited{border-bottom-color:transparent}a[href]:hover{border-bottom-color:currentColor;text-decoration:none}dt,h1,h2,h3,h4,h5,h6,p{margin-left:-.5em;margin-right:-.5em;padding-left:.5em;padding-right:.5em;text-align:justify}h1{font-size:2.3em;margin-top:2em;padding-bottom:.25em;padding-top:.25em}h1,h2{line-height:1.25;margin-bottom:.5em}h2{font-size:1.8em;margin-top:3em}h3{font-size:1.4em}h3,h4{line-height:1.33;margin-bottom:.5em;margin-top:2em}h4{font-size:1.2em}h5{font-size:1.1em}dt,h5,h6{line-height:1.33;margin-bottom:.5em;margin-top:1.5em}dt,h6{font-size:1em}dt,h1,h2,h3,h4,h5,h6{border-width:0;padding-bottom:.25em;padding-top:.25em}h1,h2{letter-spacing:.05em;text-indent:.05em}[lang*=-CN i] h1,[lang*=-CN i] h2,[lang*=-CN] h1,[lang*=-CN] h2,[lang*=-hans i] h1,[lang*=-hans i] h2,[lang*=-hans] h1,[lang*=-hans] h2,[lang*=zh- i] h1,[lang*=zh- i] h2,[lang*=zh-] h1,[lang*=zh-] h2{letter-spacing:.2em;text-indent:.2em}dt,h3,h4,h5,h6{letter-spacing:.05em}h2+h3,h3+h4,h4+h5,h5+h6{margin-top:.5em}blockquote>h1,blockquote>h2,blockquote>h3,blockquote>h4,blockquote>h5,blockquote>h6,td>h1,td>h2,td>h3,td>h4,td>h5,td>h6,th>h1,th>h2,th>h3,th>h4,th>h5,th>h6{margin-bottom:.25em;margin-top:.75em;padding-bottom:.25em;padding-top:.25em}blockquote>h1~p:last-child,blockquote>h2~p:last-child,blockquote>h3~p:last-child,blockquote>h4~p:last-child,td>h1~p:last-child,td>h2~p:last-child,td>h3~p:last-child,td>h4~p:last-child,th>h1~p:last-child,th>h2~p:last-child,th>h3~p:last-child,th>h4~p:last-child{margin-bottom:1.25em}p{line-height:1.66;margin-bottom:.5em;margin-top:.5em;padding-bottom:.25em;padding-top:.25em}sub,sup{margin-right:.5em}small,sub,sup{font-size:75%}blockquote b,blockquote em,blockquote strong{color:inherit}img{border-style:none;box-sizing:content-box;display:block;font-size:100%;font-style:italic;font-weight:400;margin:.5em auto 1em;max-width:75%;padding:.5em;text-align:center;white-space:normal;word-break:break-word}img:before{content:"Image failed to load. No description of the image."}img[alt]:before{content:'Image failed to load. Image description: \A"'}img[alt]:after{content:'"'}@-moz-document url-prefix(){img:after,img[alt]:after{content:" (Image failed to load)"}}[lang*=-CN i] img:before,[lang*=-CN] img:before,[lang*=-hans i] img:before,[lang*=-hans] img:before,[lang*=zh- i] img:before,[lang*=zh-] img:before{content:"图片加载失败。图片内容未知。"}[lang*=-CN i] img[alt]:before,[lang*=-CN] img[alt]:before,[lang*=-hans i] img[alt]:before,[lang*=-hans] img[alt]:before,[lang*=zh- i] img[alt]:before,[lang*=zh-] img[alt]:before{content:"图片加载失败。图片内容的大致描述为：\A“"}[lang*=-CN i] img[alt]:after,[lang*=-CN] img[alt]:after,[lang*=-hans i] img[alt]:after,[lang*=-hans] img[alt]:after,[lang*=zh- i] img[alt]:after,[lang*=zh-] img[alt]:after{content:"”"}@-moz-document url-prefix(){[lang*=-CN i] img:after,[lang*=-CN i] img[alt]:after,[lang*=-CN] img:after,[lang*=-CN] img[alt]:after,[lang*=-hans i] img:after,[lang*=-hans i] img[alt]:after,[lang*=-hans] img:after,[lang*=-hans] img[alt]:after,[lang*=zh- i] img:after,[lang*=zh- i] img[alt]:after,[lang*=zh-] img:after,[lang*=zh-] img[alt]:after{content:"（图片加载失败）"}}video{display:block;margin:1.5em auto;width:calc(100% - 2em)}blockquote{border-style:solid;box-sizing:border-box;display:inline-block;margin:0 1em 1.5em;max-width:100%;padding:1px 1.2em 1px 1em;vertical-align:top}details{margin:.5em 1em 1.5em;padding:.5em 1em}li>details{margin-left:0;margin-right:0}summary{cursor:pointer;margin:.25em -.25em;padding:.25em .5em}pre+details{margin-top:-.5em}code,kbd,pre{font-weight:300}code,kbd{border-style:solid;display:inline-block;font-style:normal;line-height:1;min-height:1em;min-width:.5em;vertical-align:baseline}code{font-size:inherit;white-space:pre-wrap;word-break:break-all}kbd{font-size:80%}pre,pre>code{word-wrap:normal;text-align:left!important;white-space:pre;word-break:keep-all}pre>code{border:none!important;border-radius:0;line-height:inherit;margin:0!important;overflow-x:auto;padding:.25em .5em;width:100%}pre,pre>code{box-sizing:border-box;display:block}pre{line-height:1.6;margin:.5em 1em 2em;padding:.5em}li>pre,td>pre{margin-left:0}li>pre,td>pre{margin-right:0}li>pre:first-child{display:inline-block;margin-top:0;vertical-align:top;width:100%}blockquote>pre:first-child,td>pre:first-child{margin-top:1.5em}blockquote>pre:last-child,td>pre:last-child{margin-bottom:1em}blockquote>pre:first-child:last-child,td>pre:first-child:last-child{margin-bottom:.5em;margin-top:.5em}details>pre{margin-left:0;margin-right:0}details>pre:last-child{margin-bottom:.5em}input[type=checkbox]{display:inline-block;height:1.4em;margin:-.2em .6em 0 0;vertical-align:middle;width:1.4em}label[for]{cursor:pointer}dd,li{text-align:justify}li{margin:.5em 0;padding:0 .5em}dt{border-width:0;padding-bottom:.5em;padding-top:.5em}dl,ol,ul{margin:.5em auto 1.5em}blockquote dd:last-child,blockquote ol:last-child,blockquote ul:last-child{margin-bottom:.5em}ol,ul{padding:0 1em 0 2.5em}@-moz-document url-prefix(){ol,ul{padding-left:2.5em}li::marker{margin-right:.7em}}table,td,th,tr{border-style:solid;border-width:0}td,th{min-width:3em;padding:.25em .75em;text-align:justify}table{border-collapse:collapse;margin:1em auto;max-width:96%;min-width:64%}hr{background-color:transparent;border-width:0;display:block;height:1px;margin:3em auto 4em 0;overflow:visible!important;position:relative;width:calc(50% - .6em)}hr:after,hr:before{content:"";display:block;position:absolute}hr:before{background-color:currentColor;border-radius:50%;height:.4em;left:calc(100% + .6em);margin:-.2em 0 0 -.2em;top:49.5%;width:.4em}hr:after{background-color:inherit;background-image:inherit!important;height:100%;left:100%;margin-left:1.2em;transform:scaleX(-1);width:100%}@media (max-width:600px){h1{font-size:1.8em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1.1em}dt,h6{font-size:1em}ol,ul{padding-left:1.8em;padding-right:0}blockquote,details{margin-left:0;margin-right:0}table{max-width:none;width:100%}td{max-width:400px}pre{margin-left:0;margin-right:0}table pre>code{white-space:normal!important;word-break:break-all}hr{margin:1.5em auto 2em 0}video{width:100%}}body{line-height:1.6;margin:0 auto;max-width:51em;min-height:60em;padding:6em 4em 14em;word-break:break-word}body>h1:first-child{margin-top:1em}.markdown-article-toc-is-visible body{padding-left:3em;padding-right:3em}.centered,.document-author{text-align:center}.header-anchor{margin-left:-.75em}blockquote>h1 .header-anchor,blockquote>h2 .header-anchor,blockquote>h3 .header-anchor,blockquote>h4 .header-anchor,blockquote>h5 .header-anchor,blockquote>h6 .header-anchor,td>h1 .header-anchor,td>h2 .header-anchor,td>h3 .header-anchor,td>h4 .header-anchor,td>h5 .header-anchor,td>h6 .header-anchor,th>h1 .header-anchor,th>h2 .header-anchor,th>h3 .header-anchor,th>h4 .header-anchor,th>h5 .header-anchor,th>h6 .header-anchor{display:none}@media (max-width:900px){body{padding-bottom:7em;padding-top:3em}.markdown-article-toc-is-visible body,body{padding-left:3em;padding-right:3em}}@media (max-width:600px){.markdown-article-toc-is-visible body,body{padding-left:1.5em;padding-right:1.5em}}pre{padding:0!important}body,button,input,option,select,textarea{font-family:Segoe UI,微软雅黑,Microsoft Yahei UI,Microsoft Yahei,Lucida Grande,Helvetica,sans-serif}code,kbd,pre{font-family:Cascadia Code,PT Mono,consolas,Courier New,Courier,Microsoft Yahei UI,Microsoft Yahei,微软雅黑,monospace}html{background-color:#bbb;scrollbar-color:rgba(51,51,51,.75) rgba(51,51,51,.15);scrollbar-width:thin}html::-webkit-scrollbar{border-radius:.15em;height:1.8em;width:1.8em}html::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.15)}html::-webkit-resizer,html::-webkit-scrollbar-button,html::-webkit-scrollbar-corner,html::-webkit-scrollbar-thumb,html::-webkit-scrollbar-track,html::-webkit-scrollbar-track-piece{background-clip:content-box;border-color:transparent;border-radius:1.5em;border-style:solid}html::-webkit-scrollbar-button{display:none}html::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.51);border-width:.75em}html::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.96)}html::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-width:.6em;box-shadow:inset 0 0 0 .075em rgba(0,0,0,.219)}html::-webkit-scrollbar-track:hover{box-shadow:inset 0 0 0 .075em rgba(0,0,0,.45)}html::-webkit-scrollbar-corner,html::-webkit-scrollbar-track-piece{display:none}h1,h2{font-weight:300;text-align:center}h3{font-weight:400}h4{font-weight:500}h5,h6{font-weight:600}blockquote,img{border-radius:.3em}blockquote{border-width:0 0 0 .32em}details{border-radius:.36em}summary:active,summary:focus{outline:none}table{border-width:6px}tr{border-width:0}thead tr:last-of-type{border-bottom-width:3px}code,kbd,td,th{border-width:1px}kbd{border-radius:.25em;margin:-.15em .2em;padding:.15em .3em;position:relative;top:-.15em}code{border-radius:.2em;margin:.1em;padding:.1em .2em}pre{border-radius:.3em}@media (max-width:600px){h1{font-weight:400}}body{background-color:#f7f7f9;box-shadow:0 0 .4em rgba(0,0,0,.2);color:#000}a{transition-duration:.3s;transition-property:visibility,opacity,color,background-color,border,border-radius,transform}a,a:visited{color:#015eff}a:active,a:focus,a:hover{color:red}a[href^="#"],a[href^="#"]:visited{color:#1b1}a.header-anchor[href^="#"],a.header-anchor[href^="#"]:visited{color:#e8e8e8}h1:hover>a.header-anchor[href^="#"],h2:hover>a.header-anchor[href^="#"],h3:hover>a.header-anchor[href^="#"],h4:hover>a.header-anchor[href^="#"],h5:hover>a.header-anchor[href^="#"],h6:hover>a.header-anchor[href^="#"]{color:#aaa}h1:target:hover>a.header-anchor[href^="#"],h1:target>a.header-anchor[href^="#"],h1>a.header-anchor[href^="#"]:active,h1>a.header-anchor[href^="#"]:focus,h1>a.header-anchor[href^="#"]:hover,h2:target:hover>a.header-anchor[href^="#"],h2:target>a.header-anchor[href^="#"],h2>a.header-anchor[href^="#"]:active,h2>a.header-anchor[href^="#"]:focus,h2>a.header-anchor[href^="#"]:hover,h3:target:hover>a.header-anchor[href^="#"],h3:target>a.header-anchor[href^="#"],h3>a.header-anchor[href^="#"]:active,h3>a.header-anchor[href^="#"]:focus,h3>a.header-anchor[href^="#"]:hover,h4:target:hover>a.header-anchor[href^="#"],h4:target>a.header-anchor[href^="#"],h4>a.header-anchor[href^="#"]:active,h4>a.header-anchor[href^="#"]:focus,h4>a.header-anchor[href^="#"]:hover,h5:target:hover>a.header-anchor[href^="#"],h5:target>a.header-anchor[href^="#"],h5>a.header-anchor[href^="#"]:active,h5>a.header-anchor[href^="#"]:focus,h5>a.header-anchor[href^="#"]:hover,h6:target:hover>a.header-anchor[href^="#"],h6:target>a.header-anchor[href^="#"],h6>a.header-anchor[href^="#"]:active,h6>a.header-anchor[href^="#"]:focus,h6>a.header-anchor[href^="#"]:hover{color:#1b1}h1,h2{color:#111}h3,h4{color:#222}dt,h5,h6{color:#000}img{background-color:rgba(0,0,0,.051);box-shadow:inset 0 0 .5em rgba(0,0,0,.19);color:#555}input[type=checkbox]+label{color:#000;text-shadow:1px 1px 2px rgba(0,0,0,.2)}input[type=checkbox]:checked+label{color:#696;text-shadow:-1px -1px 0 rgba(0,128,0,.1)}b,em,strong{color:#000}blockquote{background-color:rgba(0,0,0,.051);border-color:#f90;color:#000}details{background-color:hsla(0,0%,50%,.079);box-shadow:inset 0 0 .25em rgba(0,0,0,.079)}summary:active,summary:focus{color:#1b1}table{background-color:#fff;border-color:#111}th,thead tr{border-color:#222}td{border-color:#d9d9d9}thead{background-color:#444;color:#eee}tbody tr:nth-child(odd){background-color:transparent}tbody tr:nth-child(2n){background-color:rgba(0,0,0,.045)}code,kbd{text-shadow:none!important}code{background-color:#fff;border-color:rgba(0,0,0,.219);color:#b19}pre code{background-color:transparent!important}kbd{background-color:#fff;background-image:linear-gradient(45deg,#fff,#eee);border-color:#bbb #ddd #ddd #bbb;box-shadow:0 .15em 0 .05em #bbb;color:#000}hr{background-image:linear-gradient(90deg,transparent,currentColor 150%);color:hsla(0,0%,50%,.45)}hr:before{box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.51)}th,thead tr{border-color:#222!important}td{border-color:#bbb!important}.hljs,pre{background-color:#2a2b2c;color:#ccc}.hljs-comment,.hljs-quote{background-color:#000;color:#23ff7e}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#d74fff}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#ffed9c}.hljs-built_in,.hljs-class .hljs-title{color:#f48a54}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#a78057}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#33a2ff}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.hljs,pre{background-color:#2b2b2b!important;color:#ccc!important}@media print{a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}