gavin/note2any
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

update at 2025-10-16 14:24:10

Browse Source
This commit is contained in:
douboer
2025-10-16 14:24:10 +08:00
parent 5e1351408e
commit 9f3a4e8812
41 changed files with 2377 additions and 2363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
assets/themes/wx-mp-pro.css
View File

@@ -10,7 +10,7 @@
* - 在导出设置中选择 wx-mp-pro 主题
*/
.note-to-mp {
.note2any {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 16px;
line-height: 1.75;
@@ -21,18 +21,18 @@
}
/* 段落 */
.note-to-mp p {
.note2any p {
margin: 1.2em 0;
letter-spacing: 0.05px;
}
/* 标题：更专业清晰的层级感 */
.note-to-mp h1,
.note-to-mp h2,
.note-to-mp h3,
.note-to-mp h4,
.note-to-mp h5,
.note-to-mp h6 {
.note2any h1,
.note2any h2,
.note2any h3,
.note2any h4,
.note2any h5,
.note2any h6 {
margin: 2.2em 0 1em;
line-height: 1.4;
color: #111111;
@@ -41,15 +41,15 @@
letter-spacing: 2px;
}
.note-to-mp h1,
.note-to-mp h2,
.note-to-mp h3,
.note-to-mp h4,
.note-to-mp h5 {
.note2any h1,
.note2any h2,
.note2any h3,
.note2any h4,
.note2any h5 {
}
/* H1：卡片式 */
.note-to-mp h1 {
.note2any h1 {
font-size: 1.8em;
margin: 1.5em 0;
color: #1565F6;
@@ -59,7 +59,7 @@
}
/* H2：左条卡片 */
.note-to-mp h2 {
.note2any h2 {
font-size: 1.5em;
margin: 2em 0 1.2em;
padding: 0.6em 1em;
@@ -70,36 +70,36 @@
}
/* H3-H5：渐进缩小 */
.note-to-mp h3,
.note-to-mp h4,
.note-to-mp h5 {
.note2any h3,
.note2any h4,
.note2any h5 {
background: #f7f9fb;
color: #244b74;
padding: 0.7em 1.2em 0.7em 1.35em;
}
.note-to-mp h3 { font-size: 1.25em; }
.note-to-mp h4 { font-size: 1.1em; }
.note-to-mp h5 { font-size: 1em; }
.note2any h3 { font-size: 1.25em; }
.note2any h4 { font-size: 1.1em; }
.note2any h5 { font-size: 1em; }
/* 列表 */
.note-to-mp ul,
.note-to-mp ol {
.note2any ul,
.note2any ol {
margin: 1.2em 0 1.2em 1.4em;
padding: 0;
}
.note-to-mp li {
.note2any li {
margin: 0.4em 0;
line-height: 1.6;
}
.note-to-mp li p {
.note2any li p {
margin: 0.5em 0;
}
/* 链接 */
.note-to-mp a {
.note2any a {
color: #576b95;
text-decoration: none;
border-bottom: 1px solid rgba(87,107,149,0.3);
@@ -107,7 +107,7 @@
}
/* 引用：清晰专业的样式 */
.note-to-mp blockquote {
.note2any blockquote {
background: #f7f7f7;
border-left: 4px solid #07c160;
margin: 1.5em 0;
@@ -116,27 +116,27 @@
font-size: 0.95em;
}
.note-to-mp blockquote p {
.note2any blockquote p {
margin: 0.6em 0;
}
.note-to-mp blockquote p:first-child {
.note2any blockquote p:first-child {
margin-top: 0;
}
.note-to-mp blockquote p:last-child {
.note2any blockquote p:last-child {
margin-bottom: 0;
}
/* 代码块：清晰易读 */
.note-to-mp pre {
.note2any pre {
background: #f6f8fa !important;
border-radius: 5px;
overflow-x: auto;
border: 1px solid #e8e8e8 !important;
}
.note-to-mp pre code {
.note2any pre code {
display: block;
background: transparent !important;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
@@ -147,7 +147,7 @@
}
/* 行内代码 */
.note-to-mp code:not(pre code) {
.note2any code:not(pre code) {
background: #f6f8fa;
padding: 2px 4px;
border-radius: 3px;
@@ -158,7 +158,7 @@
}
/* 表格整体：连贯圆角边框 */
.note-to-mp table {
.note2any table {
width: 100%;
border-collapse: collapse; /* 合并边框，避免断开 */
margin: 1.8em 0;
@@ -169,8 +169,8 @@
}
/* 单元格 */
.note-to-mp th,
.note-to-mp td {
.note2any th,
.note2any td {
border: 1px solid #e0e0e0; /* 内部网格线 */
padding: 8px 10px;
text-align: left;
@@ -178,19 +178,19 @@
}
/* 表头 */
.note-to-mp thead th {
.note2any thead th {
background: #e8f5e9;
font-weight: 600;
color: #333;
}
/* 隔行条纹 */
.note-to-mp tbody tr:nth-child(even) {
.note2any tbody tr:nth-child(even) {
background: #fafafa;
}
/* 表格整体 */
.note-to-mp table {
.note2any table {
width: 100%;
border-collapse: collapse;
margin: 1.8em 0;
@@ -201,8 +201,8 @@
}
/* 单元格 */
.note-to-mp th,
.note-to-mp td {
.note2any th,
.note2any td {
border: 1px solid #e0e0e0;
padding: 8px 10px;
text-align: left;
@@ -211,31 +211,31 @@
}
/* 表头 */
.note-to-mp thead th {
.note2any thead th {
background: #e8f5e9;
font-weight: 600;
color: #333;
}
/* 隔行条纹 */
.note-to-mp tbody tr:nth-child(even) {
.note2any tbody tr:nth-child(even) {
background: #fafafa;
}
/* hover 效果 */
.note-to-mp tbody tr:hover {
.note2any tbody tr:hover {
background: #f1f8ff; /* 微蓝色高亮 */
}
/* 图片与图注 */
.note-to-mp img {
.note2any img {
max-width: 100%;
display: block;
margin: 1.5em auto;
border-radius: 4px;
}
.note-to-mp figcaption {
.note2any figcaption {
text-align: center;
font-size: 0.8em;
color: #888;
@@ -244,7 +244,7 @@
}
/* 分隔线 */
.note-to-mp hr {
.note2any hr {
border: 0;
height: 1px;
background: #e3e3e3;
@@ -252,7 +252,7 @@
}
/* 彩色标注块（预处理产生的 ||r/g/b/y ） */
.note-to-mp p[data-color-block] {
.note2any p[data-color-block] {
border-radius: 5px;
padding: 0.8em 1em;
margin: 1.5em 0;
@@ -260,59 +260,59 @@
line-height: 1.6;
}
.note-to-mp p[data-color-block="r"] {
.note2any p[data-color-block="r"] {
background: #ffebee;
border-left: 4px solid #ef5350;
}
.note-to-mp p[data-color-block="g"] {
.note2any p[data-color-block="g"] {
background: #e8f5e9;
border-left: 4px solid #4caf50;
}
.note-to-mp p[data-color-block="b"] {
.note2any p[data-color-block="b"] {
background: #e3f2fd;
border-left: 4px solid #2196f3;
}
.note-to-mp p[data-color-block="y"] {
.note2any p[data-color-block="y"] {
background: #fff8e1;
border-left: 4px solid #ffca28;
}
/* 专业标注提示 */
.note-to-mp p[data-note-type="tip"],
.note-to-mp p[data-note-type="info"],
.note-to-mp p[data-note-type="warning"],
.note-to-mp p[data-note-type="danger"] {
.note2any p[data-note-type="tip"],
.note2any p[data-note-type="info"],
.note2any p[data-note-type="warning"],
.note2any p[data-note-type="danger"] {
border-radius: 5px;
padding: 0.8em 1em;
margin: 1.5em 0;
font-size: 0.93em;
}
.note-to-mp p[data-note-type="tip"] {
.note2any p[data-note-type="tip"] {
background: #e8f5e9;
border-left: 4px solid #4caf50;
}
.note-to-mp p[data-note-type="info"] {
.note2any p[data-note-type="info"] {
background: #e3f2fd;
border-left: 4px solid #2196f3;
}
.note-to-mp p[data-note-type="warning"] {
.note2any p[data-note-type="warning"] {
background: #fff8e1;
border-left: 4px solid #ffca28;
}
.note-to-mp p[data-note-type="danger"] {
.note2any p[data-note-type="danger"] {
background: #ffebee;
border-left: 4px solid #ef5350;
}
/* 特殊标注：重要/注意/提示 */
.note-to-mp p:has(strong:first-child:contains("💡")) {
.note2any p:has(strong:first-child:contains("💡")) {
background: #e8f5e9;
border-left: 4px solid #4caf50;
border-radius: 5px;
@@ -320,7 +320,7 @@
margin: 1.5em 0;
}
.note-to-mp p:has(strong:first-child:contains("⚠️")) {
.note2any p:has(strong:first-child:contains("⚠️")) {
background: #fff8e1;
border-left: 4px solid #ffca28;
border-radius: 5px;
@@ -328,7 +328,7 @@
margin: 1.5em 0;
}
.note-to-mp p:has(strong:first-child:contains("✅")) {
.note2any p:has(strong:first-child:contains("✅")) {
background: #e3f2fd;
border-left: 4px solid #2196f3;
border-radius: 5px;
@@ -337,14 +337,14 @@
}
/* 首段紧贴标题 */
.note-to-mp h1 + p,
.note-to-mp h2 + p,
.note-to-mp h3 + p {
.note2any h1 + p,
.note2any h2 + p,
.note2any h3 + p {
margin-top: 0.7em;
}
/* 专业编程文章必备：行号提示标记 */
.note-to-mp .line-numbers {
.note2any .line-numbers {
font-size: 0.8em;
color: #999;
margin-right: 0.5em;
@@ -352,23 +352,23 @@
}
/* 确保兼容微信的富文本环境 */
.note-to-mp pre code * {
.note2any pre code * {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
}
/* 适配微信公众号的粗体强调 */
.note-to-mp strong {
.note2any strong {
font-weight: 600;
color: #1322c5;
}
/* 行内高亮 */
.note-to-mp mark {
.note2any mark {
background: #fff8dc;
padding: 0 2px;
}
/* 确保代码块内部的空格不会被压缩 */
.note-to-mp pre code {
.note2any pre code {
white-space: pre !important;
}