npm - @wulechuan/css-stylus-markdown-themes - Versions diffs - 7.2.6 → 7.3.0 - Mend

@wulechuan/css-stylus-markdown-themes 7.2.6 → 7.3.0

Files changed (32) hide show

package/ReadMe.md CHANGED Viewed

@@ -31,7 +31,7 @@
 ## 此物何用
-本工具用于构建一组层叠样式表（即 CSS ）文件，本工具亦现场提供了一组层叠样式表文件。凡这些样式表，均可用于美化采用超文本标记语言（即 HTML ）格式存储的文章。且不必同时取用多个样式表文件，仅取其一足矣。
+本工具用于构建一组层叠样式表（即 CSS ）文件，本工具亦提供了一组现成的层叠样式表文件。凡这些样式表，均可用于美化采用超文本标记语言（即 HTML ）格式存储的文章。且不必同时取用多个样式表文件，仅取其一足矣。
 本品还额外提供了一个很小巧的 JavaScript 接口，使得其它 JavaScript 工具包亦可较方便地以程序化之方式使用这些层叠样式表（ CSS ）文件之内容。详见下文《[以程序化之方式取用本工具提供之内容](#以程序化之方式取用本工具提供之内容)》一节。

package/package.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
   "name": "@wulechuan/css-stylus-markdown-themes",
-  "author": "wulechuan <wulechuan@live.com>",
+  "author": "吴乐川 <wulechuan@live.com>",
   "license": "WTFPL",
-  "version": "7.2.6",
+  "version": "7.3.0",
   "description": "吴乐川的 HTML 文章排版与配色之方案集。本工具用于构建一组层叠样式表（即 CSS ）文件，本工具亦现场提供了一组层叠样式表文件。凡这些样式表，均可用于美化采用超文本标记语言（即 HTML ）格式存储的文章。且不必同时取用多个样式表文件，仅取其一足矣。",
   "directories": {
     "source": "源代码/原始的源代码",
@@ -31,8 +31,8 @@
     "test": "npm    run  eslint        &&    npm  run  _test-all-without-linting-without-browser    &&    npm  run  firefox    &&    npm  run  open-dev-htmls",
     "build": "npm   run  eslint        &&    npm  run  _build                                       &&    npm  run  update-example-htmls",
     "build2": "npm  run  eslint        &&    npm  run  _build2                                      &&    npm  run  update-example-htmls2",
-    "before-git-commit": "npm    test",
-    "prepublishOnly": "npm     test"
+    "before-git-commit": "npm  i    &&    npm  test",
+    "prepublishOnly": "npm     i    &&    npm  test"
   },
   "keywords": [
     "markdown",
@@ -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.5",
+    "@wulechuan/cli-scripts--git-push": "^2.0.0",
+    "@wulechuan/generate-html-via-markdown": "^3.0.9",
     "@wulechuan/gulp-classical-task-cycle": "^0.3.0",
-    "chalk": "^4.1.0",
-    "cssnano": "^4.1.11",
+    "chalk": "^4.1.2",
+    "cssnano": "^5.1.7",
     "del": "^6.0.0",
-    "eslint": "^7.23.0",
+    "eslint": "^8.14.0",
     "esm": "^3.2.25",
-    "fs-extra": "^9.1.0",
+    "fs-extra": "^10.1.0",
     "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.12"
   }
 }

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.en-US.md CHANGED Viewed

@@ -1,4 +1,4 @@
-# Wulechuan's Article CSS Styles Examples
+# Wulechuan&apos;s Article CSS Styles Examples
 <p class="document-author">wulechuan@live.com</p>
@@ -449,7 +449,7 @@ html, body {
     display: flex;
     position: relative;
     width: 100%;
-    font-family: 'Segoe UI', 'Microsoft Yahei UI', serif;
+    font-family: 'Microsoft YaHei UI', 'Segoe UI', serif;
 }
 .back-to-top {
@@ -480,7 +480,7 @@ a {
 }
 a:hover {
-    text-decoration: underline !important;
+    text-decoration-line: underline !important;
 }
 a[href^="#"] {

@@ -15,6 +15,8 @@
 ### 《千字文》[节选]
+<center>
 天地玄黄 宇宙洪荒\
 日月盈昃 辰宿列张\
 寒来暑往 秋收冬藏\
@@ -24,6 +26,8 @@
 剑号巨阙 珠称夜光\
 果珍李柰 菜重芥姜
+</center>
 ### 《日记（2019年6月18日）》[节选]
@@ -42,7 +46,7 @@
 #### 《马诗二十三首·其五》
-<em>【唐】 李贺</em>
+<i>【唐】 李贺</i>
 大漠沙如雪\
 燕山月似钩\
@@ -52,17 +56,19 @@
 ### 杂乱内容，仅用于视觉样式之呈示
-一段文字中，有时会有**着重的文字**，也有时会有*斜体的文字*。
+一段文字中会有**着重的文字**，也会有*斜体的文字*，甚至 _**斜体且着重的文字**_ 以及 **_着重且斜体的文字_**。
+网页中的文章常常有【超链接】。我以前常常将代码存放在外国的GitHub上，如今则更倾向于采用中国的“码云”。“Github”一词，我本人有意将其译为【[集得中心](https://github.com)】。当然，这并非官方译法，乃鄙人之拙见。
-这里是 GitHub，我本人有意将其译为【[吉特中心](https://github.com)】。当然，这并非官方译法，乃鄙人之拙见。
+如果一个超链接指向**本文**某处，不妨称其为**文内链接**，而不应生硬地由英语直译为所谓“本地链接”。另，文内链接看起来与应与指向其它文章或网址的超链接稍有不同，以为明示。暗示不堪用，明示才好。小例一则：跳转至本文《[程序代码片段示例集](#程序代码片段示例集)》。
-如果一个链接指向**本文**，不妨称其为**文内链接**，而不应生硬的由英语直译为所谓“本地链接”。另，文内链接看起来与应与指向其它文章或网址的链接稍有不同，以为明示。暗示不堪用，明示才好。小例一则：跳转至本文《[程序代码片段示例集](#程序代码片段示例集)》。
+再来看看行文中的【代码词汇】、【专有名词】和【术语】：例如`grep`、`孙行者`和`中央处理单元`。又如`querySelector`和`querySelectorAll`早已取代了老式的`getElementsById`等函数。术语框中的多个连续空格也应得到保留，例如`这后面有四个空格    这前面有四个空格`。
-再来看看行文中的【代码词汇】或【术语】：例如`孙行者`和`计算机`，又如 `querySelector` 和 `querySelectorAll` 早已取代了老式的 `getElementsById` 和 `getElementsByTagName` 等。术语框中的多个连续空格也应得到保留，例如 `这后面有四个空格    这前面有四个空格`。
+术语与超链接还可组合为一体。新中国的建立和成长离不开一群功勋卓著的科学家们。例如伟大的、富有爱国主义精神和民族自信的[`钱学森`](https://baike.baidu.com/item/%E9%92%B1%E5%AD%A6%E6%A3%AE/26105)，他是**中国科学院资深院士**、**中国工程院资深院士**。
-计算机键盘快捷键，其视觉样式如是：<kbd>Ctrl</kbd>+<kbd>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</kbd>；又例：如今，<kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>s</kbd> 这一组合键早已广泛用于各种现代计算机软件中，代表（将工作内容或文件）`另存为`（壹文件）之功能。
+计算机键盘快捷键，其视觉样式如是：<kbd>Ctrl</kbd>+<kbd>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</kbd>；又例：如今，<kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>s</kbd>这一组合键早已广泛用于各种现代计算机软件中，代表（将工作内容或文件）`另存为`（壹文件）之功能。
-还有时候，有些内容会故意被“杠掉”，即被中划线划去，表示此内容不正确，不应采纳，应作废。例如：~~地球是平的~~。
+还有些内容会故意“杠掉”，即被中划线划去，表示此内容不正确，不应采纳，应作废。例如：~~地球是平的~~。
 #### 多级列表
@@ -75,7 +81,7 @@
     2.  王昭君，2070 岁
     3.  貂蝉，约 1820 岁
     4.  杨玉环，1300 岁
-    5.  我媳妇儿，永远 20 岁
+    5.  你媳妇儿，永远 20 岁
 3.  第 1 级第 3 项
@@ -125,7 +131,7 @@
 ##### 层叠样式表对象模型（这是 h5）
-CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 DOM 和 HTML API 之后，又一个操纵 CSS 的接口，从而能够动态地读取和修改 CSS 样式。<sup>[2]</sup>
+CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 DOM 和 HTML API 之后，又一个操纵 CSS 的接口，使得我们能够动态地读取和修改 CSS 样式。<sup>[2]</sup>
@@ -150,14 +156,14 @@ CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 D
 如果引用的文字很短，我目前的设计是令它们位于同一行中。例如：
-> circle ['sɜrk(ə)l]：圆。
+> circle ['sɜrk(ə)l] <i>n.</i> 圆。
-> area ['eriə]：面积。
+> area ['eriə] <i>n.</i> 面积。
 -   出现在列表项中的引用文字：
-    复旦大学中国研究院院长张维为教授在其所著《中国超越：一个文明型国家的光荣与梦想》中写道：
+    复旦大学中国研究院院长[张维为](https://baike.baidu.com/item/%E5%BC%A0%E7%BB%B4%E4%B8%BA/2650478)教授在其所著《中国超越：一个文明型国家的光荣与梦想》中写道：
     > 中国人的爱国主义是长江、黄河、珠穆朗玛峰；是《诗经》、《楚辞》、先秦散文；是唐诗、宋词、元曲、明清小说；是屈原、岳飞、文天祥、毛泽东；是普通话、四川话、广东粤语、上海方言；是万里长城、北京故宫、桂林山水、陕西兵马俑；是川菜、粤菜、鲁菜、淮扬菜；是西湖龙井、黄山毛峰、武夷岩茶、洞庭碧螺春；是《梅花三弄》、《高山流水》、《二泉映月》、《春江花月夜》；是四合院、广东骑楼、徽派大院、江南民居；是昆剧、京剧、粤剧、黄梅戏；是南昌起义、平型关大捷、台儿庄血战、抗美援朝；是两弹一星、北斗导航、神舟号飞船、高铁八纵八横；是己所不欲，勿施于人；是四海之内皆兄弟；是胸怀祖国，放眼世界等等等等。
@@ -287,7 +293,7 @@ CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 D
     getCircumference(100);
     ```
-    > `circumference` _[sər'kʌmf(ə)rəns]_ 圆周长
+    > `circumference` [sər&apos;kʌmf(ə)rəns] <i>n.</i> 圆周长
     <details open>
     <summary>折叠内容中的代码块1</summary>
@@ -579,6 +585,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 代码片段
@@ -599,7 +637,7 @@ html, body {
     display: flex;
     position: relative;
     width: 100%;
-    font-family: 'Segoe UI', '微软雅黑', serif;
+    font-family: '微软雅黑', 'Segoe UI', serif;
 }
 .back-to-top {
@@ -630,7 +668,7 @@ a {
 }
 a:hover {
-    text-decoration: underline !important;
+    text-decoration-line: underline !important;
 }
 a[href^="#"] {