From 3a1163422349e0aa171c2163a725cf3fe5eab0f2 Mon Sep 17 00:00:00 2001 From: bot Date: Thu, 13 Apr 2023 09:08:05 +0000 Subject: [PATCH] auto commit to another repository --- README.md | 65 +-- README_zh.md | 32 -- .../{index-af677569.js => index-50efbbdb.js} | 102 +++-- ...{index-bf5e3f3f.css => index-c23a5afc.css} | 2 +- index.html | 4 +- print/paper.css | 376 +++++++++--------- print/pdf.css | 186 ++++----- 7 files changed, 413 insertions(+), 354 deletions(-) delete mode 100644 README_zh.md rename assets/{index-af677569.js => index-50efbbdb.js} (99%) rename assets/{index-bf5e3f3f.css => index-c23a5afc.css} (97%) diff --git a/README.md b/README.md index 9800647..13df944 100644 --- a/README.md +++ b/README.md @@ -1,49 +1,56 @@ -# markdown-to-ppt +# markdown to ppt -English | [简体中文](./README_zh.md) +一个 markdown 在线制作精美 PPT 在线工具 -A markdown online production exquisite PPT online tool +## 使用方法 -## Usage +鼠标放在屏幕左上角，展示配置按钮，点开即可使用 -Place the mouse in the upper left corner of the screen to display the configuration button. Click it to use it +## 特点 -## Features +1. 完全使用 Markdown 语法，制作 PPT 极致便捷 +2. 各种主题和精美特效，使用极其方便 +3. 支持图片上传 +4. 支持远程拉取 Markdown 线上文件 +5. 支持本地存储 +6. 开箱即用，无需注册，无后端，无隐私泄漏 +7. 支持移动端、下载 PDF、旁白模式等 -1. Completely using Markdown syntax, making PPT extremely convenient +## 说明 -Various themes and exquisite special effects, extremely convenient to use +- 一个#表示一级标题，同时其下的内容表示左右分页里一页的内容 +- 两个#表示二级标题，同时其下的内容表示左右分页里一页的内容 +- 三个#表示三级标题，同时其下的内容表示上下分页里一页的内容 +- 如想使用特殊效果，可参考范例 -3. Support for image uploading + - 如代码后的 `[7-9|10-12|12-15]`表示代码可按行分段亮亮展示 + - 标题下的`` 表示当前页面如果切到下一页，相同的部分会有过渡动画，不同的部分会展示。总之可出现很棒的效果 + - 文字后的``表示给当前元素添加 class，`fragment`这个 class 能让元素一步一步展示，而不是一次性展示 + - 如果想给元素添加样式，可以举一反三如`` + - 标题下的`` 可让当前页面两栏展示 + - `*内容*` 会让内容文字更小。 也可以用`内容` + - 预置了一些常用的颜色标签，如``、``、``、``等 -4. Support remote pull of Markdown online files +## 获取用户信息 -5. Support for local storage +本网站不会获取用户的个人信息。 -6. Out of the box, no registration required, no backend, no privacy disclosure +## 利用用户信息 -7. Support mobile terminal, download PDF, narration mode, etc +本网站不使用使用者的个人信息。 -## Description +## 用户信息的第三方提供 -- A # represents the first level title, and the content below it represents the content of one page in the left and right pages +本网站不会向第三方提供使用者的个人信息。 -- The two #'s represent the secondary title, while the content below represents the content of one page in the left and right pages +## 使用工具 -- The three #'s represent three-level titles, while the content below represents the content of one page in the upper and lower pages +本网站使用 Google Analytics（Google Inc.）作为分析工具，Google Analytics 可能会自动获取使用者的信息。关于获取的信息、使用目的、向第三方提供等，请根据分析经营者的隐私政策进行确认。 -- For special effects, please refer to examples +## 联系信息 - - For example, the '[7-9 | 10-12 | 12-15]' after the code indicates that the code can be highlighted by line segments +如果有什么不明白的地方请咨询。 - - The '` Indicates that if the current page is switched to the next page, the same part will have a transition animation, and different parts will be displayed. In short, it can produce great results +## 联系方式 - - The `` Indicates that a class is added to the current element, and the 'fragment' class enables the element to be displayed step by step instead of being displayed at once - - - If you want to add a style to an element, you can draw inferences from one example, such as'` - - - The '` Allows the current page to be displayed in two columns - - - '* Content *' will make the content text smaller. You can also use 'content` - - - Some commonly used color labels are preset, such as'','','', and'' +个人博客：https://seiri-blog.github.io/ diff --git a/README_zh.md b/README_zh.md deleted file mode 100644 index c8840c2..0000000 --- a/README_zh.md +++ /dev/null @@ -1,32 +0,0 @@ -# markdown-to-ppt - -[English](./README.md) | 简体中文 - -一个markdown在线制作精美PPT在线工具 - -## 使用方法 -鼠标放在屏幕左上角，展示配置按钮，点开即可使用 - -## 特点 - -1. 完全使用Markdown语法，制作PPT极致便捷 -2. 各种主题和精美特效，使用极其方便 -3. 支持图片上传 -4. 支持远程拉取Markdown线上文件 -5. 支持本地存储 -6. 开箱即用，无需注册，无后端，无隐私泄漏 -7. 支持移动端、下载PDF、旁白模式等 - -## 说明 - -- 一个#表示一级标题，同时其下的内容表示左右分页里一页的内容 -- 两个#表示二级标题，同时其下的内容表示左右分页里一页的内容 -- 三个#表示三级标题，同时其下的内容表示上下分页里一页的内容 -- 如想使用特殊效果，可参考范例 - - 如代码后的 `[7-9|10-12|12-15]`表示代码可按行分段亮亮展示 - - 标题下的`` 表示当前页面如果切到下一页，相同的部分会有过渡动画，不同的部分会展示。总之可出现很棒的效果 - - 文字后的``表示给当前元素添加class，`fragment`这个class能让元素一步一步展示，而不是一次性展示 - - 如果想给元素添加样式，可以举一反三如`` - - 标题下的`` 可让当前页面两栏展示 - - `*内容*` 会让内容文字更小。 也可以用`内容` - - 预置了一些常用的颜色标签，如``、``、``、``等 diff --git a/assets/index-af677569.js b/assets/index-50efbbdb.js similarity index 99% rename from assets/index-af677569.js rename to assets/index-50efbbdb.js index 75e8aec..66c7534 100644 --- a/assets/index-af677569.js +++ b/assets/index-50efbbdb.js @@ -1092,21 +1092,23 @@ ${i[n]} - + + diff --git a/print/paper.css b/print/paper.css index 27d19dd..9391f3c 100644 --- a/print/paper.css +++ b/print/paper.css @@ -5,82 +5,103 @@ Feel free (nay, compelled) to edit, append, and manipulate this file as you see fit. */ - @media print { - - /* SECTION 1: Set default width, margin, float, and + /* SECTION 1: Set default width, margin, float, and background. This prevents elements from extending beyond the edge of the printed page, and prevents unnecessary background images from printing */ - html { - background: #fff; - width: auto; - height: auto; - overflow: visible; - } - body { - background: #fff; - font-size: 20pt; - width: auto; - height: auto; - border: 0; - margin: 0 5%; - padding: 0; - overflow: visible; - float: none !important; - } - - /* SECTION 2: Remove any elements not needed in print. + html { + background: #fff; + width: auto; + height: auto; + overflow: visible; + } + body { + background: #fff; + font-size: 20pt; + width: auto; + height: auto; + border: 0; + margin: 0 5%; + padding: 0; + overflow: visible; + float: none !important; + } + + /* SECTION 2: Remove any elements not needed in print. This would include navigation, ads, sidebars, etc. */ - .nestedarrow, - .controls, - .fork-reveal, - .share-reveal, - .state-background, - .reveal .progress, - .reveal .backgrounds, - .reveal .slide-number { - display: none !important; - } - - /* SECTION 3: Set body font face, size, and color. + .nestedarrow, + .controls, + .fork-reveal, + .share-reveal, + .state-background, + .reveal .progress, + .reveal .backgrounds, + .reveal .slide-number { + display: none !important; + } + + /* SECTION 3: Set body font face, size, and color. Consider using a serif font for readability. */ - body, p, td, li, div { - font-size: 20pt!important; - font-family: Georgia, "Times New Roman", Times, serif !important; - color: #000; - } - - /* SECTION 4: Set heading font face, sizes, and color. + body, + p, + td, + li, + div { + font-size: 20pt !important; + font-family: Georgia, "Times New Roman", Times, serif !important; + color: #000; + } + + /* SECTION 4: Set heading font face, sizes, and color. Differentiate your headings from your body text. Perhaps use a large sans-serif for distinction. */ - h1,h2,h3,h4,h5,h6 { - color: #000!important; - height: auto; - line-height: normal; - font-family: Georgia, "Times New Roman", Times, serif !important; - text-shadow: 0 0 0 #000 !important; - text-align: left; - letter-spacing: normal; - } - /* Need to reduce the size of the fonts for printing */ - h1 { font-size: 28pt !important; } - h2 { font-size: 24pt !important; } - h3 { font-size: 22pt !important; } - h4 { font-size: 22pt !important; font-variant: small-caps; } - h5 { font-size: 21pt !important; } - h6 { font-size: 20pt !important; font-style: italic; } - - /* SECTION 5: Make hyperlinks more usable. + h1, + h2, + h3, + h4, + h5, + h6 { + color: #000 !important; + height: auto; + line-height: normal; + font-family: Georgia, "Times New Roman", Times, serif !important; + text-shadow: 0 0 0 #000 !important; + text-align: left; + letter-spacing: normal; + } + /* Need to reduce the size of the fonts for printing */ + h1 { + font-size: 28pt !important; + } + h2 { + font-size: 24pt !important; + } + h3 { + font-size: 22pt !important; + } + h4 { + font-size: 22pt !important; + font-variant: small-caps; + } + h5 { + font-size: 21pt !important; + } + h6 { + font-size: 20pt !important; + font-style: italic; + } + + /* SECTION 5: Make hyperlinks more usable. Ensure links are underlined, and consider appending the URL to the end of the link for usability. */ - a:link, - a:visited { - color: #000 !important; - font-weight: bold; - text-decoration: underline; - } - /* + a:link, + a:visited { + color: #000 !important; + font-weight: bold; + text-decoration: underline; + } + /* .reveal a:link:after, .reveal a:visited:after { content: " (" attr(href) ") "; @@ -89,115 +110,116 @@ } */ - - /* SECTION 6: more reveal.js specific additions by @skypanther */ - ul, ol, div, p { - visibility: visible; - position: static; - width: auto; - height: auto; - display: block; - overflow: visible; - margin: 0; - text-align: left !important; - } - .reveal pre, - .reveal table { - margin-left: 0; - margin-right: 0; - } - .reveal pre code { - padding: 20px; - border: 1px solid #ddd; - } - .reveal blockquote { - margin: 20px 0; - } - .reveal .slides { - position: static !important; - width: auto !important; - height: auto !important; - - left: 0 !important; - top: 0 !important; - margin-left: 0 !important; - margin-top: 0 !important; - padding: 0 !important; - zoom: 1 !important; - - overflow: visible !important; - display: block !important; - - text-align: left !important; - -webkit-perspective: none; - -moz-perspective: none; - -ms-perspective: none; - perspective: none; - - -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; - -ms-perspective-origin: 50% 50%; - perspective-origin: 50% 50%; - } - .reveal .slides section { - visibility: visible !important; - position: static !important; - width: auto !important; - height: auto !important; - display: block !important; - overflow: visible !important; - - left: 0 !important; - top: 0 !important; - margin-left: 0 !important; - margin-top: 0 !important; - padding: 60px 20px !important; - z-index: auto !important; - - opacity: 1 !important; - - page-break-after: always !important; - - -webkit-transform-style: flat !important; - -moz-transform-style: flat !important; - -ms-transform-style: flat !important; - transform-style: flat !important; - - -webkit-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - transform: none !important; - - -webkit-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - transition: none !important; - } - .reveal .slides section.stack { - padding: 0 !important; - } - .reveal section:last-of-type { - page-break-after: avoid !important; - } - .reveal section .fragment { - opacity: 1 !important; - visibility: visible !important; - - -webkit-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - transform: none !important; - } - .reveal section img { - display: block; - margin: 15px 0px; - background: rgba(255,255,255,1); - border: 1px solid #666; - box-shadow: none; - } - - .reveal section small { - font-size: 0.8em; - } - + /* SECTION 6: more reveal.js specific additions by @skypanther */ + ul, + ol, + div, + p { + visibility: visible; + position: static; + width: auto; + height: auto; + display: block; + overflow: visible; + margin: 0; + text-align: left !important; + } + .reveal pre, + .reveal table { + margin-left: 0; + margin-right: 0; + } + .reveal pre code { + padding: 20px; + border: 1px solid #ddd; + } + .reveal blockquote { + margin: 20px 0; + } + .reveal .slides { + position: static !important; + width: auto !important; + height: auto !important; + + left: 0 !important; + top: 0 !important; + margin-left: 0 !important; + margin-top: 0 !important; + padding: 0 !important; + zoom: 1 !important; + + overflow: visible !important; + display: block !important; + + text-align: left !important; + -webkit-perspective: none; + -moz-perspective: none; + -ms-perspective: none; + perspective: none; + + -webkit-perspective-origin: 50% 50%; + -moz-perspective-origin: 50% 50%; + -ms-perspective-origin: 50% 50%; + perspective-origin: 50% 50%; + } + .reveal .slides section { + visibility: visible !important; + position: static !important; + width: auto !important; + height: auto !important; + display: block !important; + overflow: visible !important; + + left: 0 !important; + top: 0 !important; + margin-left: 0 !important; + margin-top: 0 !important; + padding: 60px 20px !important; + z-index: auto !important; + + opacity: 1 !important; + + page-break-after: always !important; + + -webkit-transform-style: flat !important; + -moz-transform-style: flat !important; + -ms-transform-style: flat !important; + transform-style: flat !important; + + -webkit-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + transform: none !important; + + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + transition: none !important; + } + .reveal .slides section.stack { + padding: 0 !important; + } + .reveal section:last-of-type { + page-break-after: avoid !important; + } + .reveal section .fragment { + opacity: 1 !important; + visibility: visible !important; + + -webkit-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + transform: none !important; + } + .reveal section img { + display: block; + margin: 15px 0px; + background: rgba(255, 255, 255, 1); + border: 1px solid #666; + box-shadow: none; + } + + .reveal section small { + font-size: 0.8em; + } } diff --git a/print/pdf.css b/print/pdf.css index 752d955..da4cfb0 100644 --- a/print/pdf.css +++ b/print/pdf.css @@ -6,21 +6,21 @@ */ * { - -webkit-print-color-adjust: exact; + -webkit-print-color-adjust: exact; } body { - margin: 0 auto !important; - border: 0; - padding: 0; - float: none !important; - overflow: visible; + margin: 0 auto !important; + border: 0; + padding: 0; + float: none !important; + overflow: visible; } html { - width: 100%; - height: 100%; - overflow: visible; + width: 100%; + height: 100%; + overflow: visible; } /* Remove any elements not needed in print. */ @@ -32,133 +32,141 @@ html { .fork-reveal, .share-reveal, .state-background { - display: none !important; + display: none !important; } -h1, h2, h3, h4, h5, h6 { - text-shadow: 0 0 0 #000 !important; +h1, +h2, +h3, +h4, +h5, +h6 { + text-shadow: 0 0 0 #000 !important; } .reveal pre code { - overflow: hidden !important; - font-family: Courier, 'Courier New', monospace !important; -} - -ul, ol, div, p { - visibility: visible; - position: static; - width: auto; - height: auto; - display: block; - overflow: visible; - margin: auto; + overflow: hidden !important; + font-family: Courier, "Courier New", monospace !important; +} + +ul, +ol, +div, +p { + visibility: visible; + position: static; + width: auto; + height: auto; + display: block; + overflow: visible; + margin: auto; } .reveal { - width: auto !important; - height: auto !important; - overflow: hidden !important; + width: auto !important; + height: auto !important; + overflow: hidden !important; } .reveal .slides { - position: static; - width: 100% !important; - height: auto !important; - zoom: 1 !important; + position: static; + width: 100% !important; + height: auto !important; + zoom: 1 !important; - left: auto; - top: auto; - margin: 0 !important; - padding: 0 !important; + left: auto; + top: auto; + margin: 0 !important; + padding: 0 !important; - overflow: visible; - display: block; + overflow: visible; + display: block; - perspective: none; - perspective-origin: 50% 50%; + perspective: none; + perspective-origin: 50% 50%; } .reveal .slides .pdf-page { - position: relative; - overflow: hidden; - z-index: 1; + position: relative; + overflow: hidden; + z-index: 1; - page-break-after: always; + page-break-after: always; } .reveal .slides section { - visibility: visible !important; - display: block !important; - position: absolute !important; + visibility: visible !important; + display: block !important; + position: absolute !important; - margin: 0 !important; - padding: 0 !important; - box-sizing: border-box !important; - min-height: 1px; + margin: 0 !important; + padding: 0 !important; + box-sizing: border-box !important; + min-height: 1px; - opacity: 1 !important; + opacity: 1 !important; - transform-style: flat !important; - transform: none !important; + transform-style: flat !important; + transform: none !important; } .reveal section.stack { - position: relative !important; - margin: 0 !important; - padding: 0 !important; - page-break-after: avoid !important; - height: auto !important; - min-height: auto !important; + position: relative !important; + margin: 0 !important; + padding: 0 !important; + page-break-after: avoid !important; + height: auto !important; + min-height: auto !important; } .reveal img { - box-shadow: none; + box-shadow: none; } .reveal .roll { - overflow: visible; - line-height: 1em; + overflow: visible; + line-height: 1em; } /* Slide backgrounds are placed inside of their slide when exporting to PDF */ .reveal .slide-background { - display: block !important; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: auto !important; + display: block !important; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: auto !important; } /* Display slide speaker notes when 'showNotes' is enabled */ .reveal.show-notes { - max-width: none; - max-height: none; + max-width: none; + max-height: none; } .reveal .speaker-notes-pdf { - display: block; - width: 100%; - height: auto; - max-height: none; - top: auto; - right: auto; - bottom: auto; - left: auto; - z-index: 100; + display: block; + width: 100%; + height: auto; + max-height: none; + top: auto; + right: auto; + bottom: auto; + left: auto; + z-index: 100; } /* Layout option which makes notes appear on a separate page */ .reveal .speaker-notes-pdf[data-layout="separate-page"] { - position: relative; - color: inherit; - background-color: transparent; - padding: 20px; - page-break-after: always; - border: 0; + position: relative; + color: inherit; + background-color: transparent; + padding: 20px; + page-break-after: always; + border: 0; } /* Display slide numbers when 'slideNumber' is enabled */ .reveal .slide-number-pdf { - display: block; - position: absolute; - font-size: 14px; + display: block; + position: absolute; + font-size: 14px; }