首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MarkDown to Slide with Remark.js

展示代码,写个demo,截图,贴进去,太麻烦, 于是找了下快速把markdown转成slide的工具。...] .right-column[ 之前其实有一个工具叫做reveal.js,之前用过,印象中有点复杂。...于是搜索了下"markdown to slide",于是找到remark.js,主页就是一个slide,查看下源码发现里面直接是markdown格式的,这简直太好了,意味着我的md文件可以直接放进去。...] 定制remark.js 代码用Python写有点简单,想来最近一直在跟js打交道,于是用node来写: //slide_it.js var fs = require('fs'); var template...基本使用 node slide_it.js markdown-to-slide.md // 会生成markdown-to-slide.html文件 页面也很容易定制,比如前面的两列的处理就是 .left-column

1.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js解析PSD文件,Java处理psd文件智能图层

    模板的制作一般都需要设计师先在Photoshop等软件中制作好设计好,然后再一定的方式来还原设计稿,要么需要编码要么需要在某些应用中按照设计稿重画设计生成模板数据,都还是比较麻烦的,我们能不能通过psd文件直接生成模板呢...要做到这点我们就需要解析psd文件,而psd文件是Photoshop软件的涉及保存文件,浏览器并不能直接识别,所幸的是psd.js赋予了我们这样的能力。...foxpsd是一个用来解析PhotoShop的PSD文件的 JavaScript 库,支持在浏览器上运行以及Node.js环境中使用,通过psd.js我们可以处理PSD文档并得到关键数据,例如: 1、文件结构...2、文件大小 3、图层/目录大小+定位 4、图层/目录名 5、图层/目录可见性和不透明度 6、字体数据 7、文本内容 8、字体种类,大小,颜色 9、颜色模式和相应数值 10、矢量蒙版数据 11、平面图像数据...12、图层组合 一、服务端使用 1、安装 PSD.js没有原生依赖项,我们可以通过npm install psd –save来安装psd.js并将其加入到我们的项目依赖中。

    2.2K20

    正则表达式之简易markdown文件解析

    使用正则表达式也可以写一个简单的markdown解析器 一般的markdown表达式是这样 # 这是一个markdown表达式 ## 这是一个markdown表达式 一行一个markdown表达式,所以可以使用...split('n')将markdown内容分割为一个数组,数组的都每一项都是一个markdown表达式 然后再对每一行表达式进行解析,假如匹配到了如下表达式 # 这是一个markdown表达式 ## 这是一个...markdown表达式 可以这样处理 arry = row.match(/^#\s/) if (arry[0] == '#') { '' + rows.substring(2) + '...'; } 将得到以下HTML语句 这是一个markdown表达式 这是一个markdown表达式 再把得到的HTML语句渲染到DOM中 就完成了一次markdown...文本解析了 对于其他的markdown也是遵循这个规则来处理 先来看一个简单的DEMO 这是项目代码

    62120

    如何用Node.js实现给Markdown文件标题加数字序号?

    目录前言需求分析实现步骤读取Markdown文件解析并确定最高标题级别解析并处理每一行维护标题级别的计数器构造新的标题行写回文件实现代码代码解析读取Markdown文件分割文件内容为行确定最高标题级别初始化计数器数组处理每一行写回文件结语前言你好...需求分析我们这里用Node.js做演示,首先肯定是要读取到md文件内容,找出里面所有的标题,然后在每个标题的后面,添加合适的序号。...实现步骤读取Markdown文件文件系统读取Markdown文件的内容。解析并确定最高标题级别遍历文件内容,确定最高标题级别。解析并处理每一行根据最高标题级别,逐行检查是否为标题行,更新计数器。...读取Markdown文件读取Markdown文件的内容。...Markdown文件

    13710

    使用marked解析markdown为html

    marked 是一个 JavaScript 编写的全功能 Markdown 解析和编译器。 marked 的目的是快速的编译超大块的Markdown文本而不必担心结果会出乎意料或者花费很长时间。...marked 最初是为 Node.JS编写,现在已完全兼容客户端浏览器。 新版本号称速度比C语言写的Markdown转换工具Discount 还要快。...__.')); -o, –output [output]: 指定输出文件,默认为当前控制台 -i, –input [input]: 指定输入文件或最后一个参数,默认为当前控制台输入 -t, –tokens...: 输出token流代替HTML –pedantic: 只解析符合markdown.pl定义的,不修正markdown的错误 –gfm: 启动Github样式的Markdown –breaks: 支持Github...npm install highlight.js --save 设置语法高亮(为了正常显示,页面需要引入highlight.js的css) const highlight = require('highlight.js

    4K21

    Markdown文件转pdf方法

    虽然markdown很方便,但有时候为了其它目的,还是需要将它转为更通用的PDF格式的文档,比如博客上教材的勘误表太宽,在网页显示需要拖动水平下拉条才能浏览全部,因此有读者希望有一份pdf文件方便查看。...本文就是记录一下最近在探索把Markdown转为pdf时候的两种简单方法。 转换工具 VSCode及其插件:Markdown Preview Enhanced(MPE)。...需要说明的是,VSCode本身不装这个MPE插件也可以预览Markdown,只是预览效果与功能没有MPE强大而已。...Chrome 转换方法1,一键生成,无需设置 (1) 打开md文件利用MPE插件预览; (2) 在预览页右击选择Chrome(Puppeteer)点击PDF即可。...中将html打印为pdf文件,打印时可以根据需要进行设置。

    11K40

    原生 JS 实现 HTML 转 Markdown,以及其实现逻辑(html2md.js 或 html2markdown.js

    之前因为一些需要,需要转换部分 HTML 标签成 markdown 格式,但是不知不觉就完善到一个相对完整的函数。 然后我就封装成了一个文件放在了 github ,也简单做了两个示例网页。...HTML 转换 -- https://kohunglee.github.io/html2md/example/conversion.html 直接就粘贴成 markdown 格式 -- https://...Paste_and_convert.html 代码地址在 html2md 图片 其实这类函数在 github 上有很多,但是或多或少都对 HTML 的还原支持的不够完善,比如 turndown.js...源码如下: /** * 把 html 内容转化为 markdown 格式 V1.0 * * @author kohunglee * @param {string} htmlData 转换前的...html * @return {string} 转化后的 markdown 源码 */ function html2md(htmlData){ codeContent = new

    8.8K21

    如何浏览器里用js解析excel文件

    上篇文章给大家介绍了如何借助nodejs平台解析操作excel,今天给大家介绍如何在浏览器端使用js解析操作excel。...在文章开始之前我们要搞明白一件事情,那就是在浏览器端用js操作excel主要来做什么呢? 主要做两件事情读和写,对就是这两件事情,在浏览器端针对Excel操作的所有需求无非就是读和写。...页面中引入这个js文件之后会有一个全局变量XLSX ? , 这个全局变量有许多属性方法如图: ? 咱们只介绍最常用的三个,上图已经用红线画出来了,read,utils,writeFile三个方法。...可以通过一个上传文件的input元素或者拖拽对象。 这里为了简便我们就通过一个上传文件的input元素来获取File对象。...以上便是浏览器借助js读取excel文件,代码量不多但稍微有点繁琐,涉及到了FileReader这个html5的新特性。

    10.2K52

    原生 JS 实现 HTML 转 Markdown ,html2md.js

    之前因为一些需要,需要转换部分 HTML 标签成 markdown 格式,但是不知不觉就完善到一个相对完整的函数。 然后我就封装成了一个文件放在了 github ,也简单做了两个示例网页。...HTML 转换 -- https://kohunglee.github.io/html2md/example/conversion.html 直接就粘贴成 markdown 格式 -- https://...kohunglee.github.io/html2md/example/Paste_and_convert.html 代码地址在 html2md 代码很简单,用的也是原生 js ,其中包含了大量简单的正则.../** * 把 html 内容转化为 markdown 格式 V1.0 * * @author kohunglee * @param {string} htmlData 转换前的 html...* @return {string} 转化后的 markdown 源码 */ function html2md(htmlData){ codeContent = new Array

    12.3K20

    JS解析

    JS解析 学习目标: 了解 定位js的方法 了解 添加断点观察js的执行过程的方法 应用 js2py获取js的方法 1 确定js的位置 对于前面人人网的案例,我们知道了url地址中有部分参数,但是参数是如何生成的呢...找到js的位置之后,我们可以来通过观察js的位置,找到js具体在如何执行,后续我们可以通过python程序来模拟js的执行,或者是使用类似js2py直接把js代码转化为python程序去执行 观察js...rKey 方法: get 根据获取信息对密码进行加密 2.1 准备用户名和密码 2.2 使用js2py生成js的执行环境:context 2.3 拷贝使用到js文件的内容到本项目中 2.4 读取js文件的内容...文件到本地: BigInt.js RSA.js Barrett.js import requests import json import js2py # - 实现思路: # -...生成js的执行环境:context context = js2py.EvalJs() # - 拷贝使用到js文件的内容到本项目中 # - 读取js文件的内容,使用context来执行它们

    2.9K50

    有道云笔记 - Markdown模板(文首附markdown源码,即.md文件)

    有道云笔记 - Markdown模板 附 本文的Markdown源码镜像: https://github.com/yanglr/AlgoSolutions/blob/master/Youdao_Note_Markdown_Template.md...点击”Raw”可看到源码,欢迎fork或star~ 抽空把【简明版】有道云笔记Markdown指南的图片版欢迎成了Markdown,有需要的速速拿去~ 什么是Markdown?...一、利用Markdown可以做什么? 代码高亮 ?...怎么样,看了相关Markdown语法是不是觉得挺简单? 当然,Markdown新手在使用不熟练的情况下,可能会忘记相关语法,也没关系,笔记的工具栏内置了Markdown语法,方便学习与熟悉。...Markdown模板 附 本文的Markdown源码: <https://github.com/yanglr/AlgoSolutions/blob/master/Youdao_Note_Markdown_Template.md

    12.5K10
    领券