当当当又get到了一个新技能,使用react-markdown来直接解析markdown文件(咳咳,小菜鸟的自娱自乐) 项目中遇到了一个API的那种展示方式,类似于入门手册啥的那种,如果是一个个调用接口,改样式很复杂,所以用了直接解析后台给的markdown文件 首先我们需要安装一个react的网页语法高亮插件,(我最初并没有安装这个,结果导致解析文件是出来了,但是样式还挺丑的) npm install react-syntax-highlighter --save //相关介绍在这里https…

前言 最近做的项目使用了微前端框架single-spa. 对于这类微前端框架而言,通常有个utility应用,也就是公共应用,里面是各个子应用之间可以共用的一些公共组件或者方法. 对于一个团队而言,项目中公共组件和方法的使用难点不在于封装不在于技术,很多时候在于团队内部成员是否都能了解这些组件,以避免重复开发,从而提升团队效率. 如果是团队比较小,人员比较稳定的项目组可能还好点,对于团队比较大,人员流动较快的团队,这些通用组件和方法往往就被人遗忘在角落,很难再得到有效利用. 因为我所在的项目还在…

准备软件环境 1. 软件环境 首先,需要使用到的软件和工具环境如下: 一个最新的chrome浏览器 编辑器vscode 2. 使用的js库 代码高亮库:prismjs https://prismjs.com/download.html markdown解析库:marked.min.js https://github.com/markedjs/marked 搭建工程 创建一个md-reader目录,进入md-reader目录 1. 目录结构 然后,创建需要的文件 md-reader |----sr…

今天看到了一个Python库,名为markdown.瞬间就给了我一个灵感,那就是制作一个将markdown文件转换成html文件的小工具. 我的实验环境 操作系统: Windows 7 64位 旗舰版 Python版本: 2.7.11 IDE: PyCharm pro 2016.1 所需依赖: optparser markdown 转换核心 转换的过程很简单,只需要使用markdown库即可,具体使用方法如下: from markdown import markdown def parse(md…

转: 使用Java解析XML文件或XML字符串的例子 2017年09月16日 11:36:18 inter_peng 阅读数:4561 标签: JavaXML-Parserdom4j 更多 个人分类: WebJava   版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/inter_peng/article/details/78002371 本文由Markdown语法编辑器编辑完成. 经验与教训: 因为是Java项目,未加载特定的jar包,而导致在…

VS Code默认支持Markdown文件文件格式,这里介绍两个比较实用的功能,后续有新发现,可以持续更新. 实时预览 顾名思义,实时编辑,实时预览解析效果. 在VS Code扩展中搜索"Markdown Preview Enhanced",安装完成后重载即可. 复制粘贴图片 这个要好好介绍一下,因为实在是太方便了.之前写个文档,都是把截图先截下来存好,然后引用路径,写作效率大大降低. CSDN中就可以直接截图,复制粘贴,就传到CSDN服务器生成了图片url,很方便,所以想在CSDN写…

目录 前端解析Markdown 1.使用strapdown 1.1.下载 1.2.使用 2.使用marked(配合highlightjs) 2.1.下载 2.2.使用 3.使用mdjs(配合highlightjs) 3.1.下载 3.2.使用 4.使用HyperDown(配合highlightjs) 4.1.下载 4.2.使用 前端解析Markdown 1.使用strapdown 1.1.下载 点击下载 1.2.使用 1.2.1.引入CSS文件strapdown.css <link rel=&quo…

背景 前阵子简书好像说是凉了,搞得我有点小慌,毕竟我的大部分博客都是放在简书上面的,虽然简书提供了打包导出功能,但是只能导出文字,图片的话还是存在简书服务器上面,再加上我一直想要重新做一个个人博客,于是就有了这篇文章. 思路 首先是要解析markdown文档,然后获取到其中的所有图片,再把图片按md文件分好目录保存. 解析markdown文档 这里我用了misaka模块,据说是python的markdown解析器里性能最好的,不过这个的文档着实是精简,太少内容了,写得不清不楚的,基本功能看来就是…

Next.js 提供了 Fast-Refresh 能力,它可以为您对 React 组件所做的编辑提供即时反馈. 但是,当你通过 Markdown 文件提供网站内容时,由于 Markdown 不是 React 组件,热更新将失效. 怎么做 解决该问题可从以下几方面思考: 服务器如何监控文件更新 服务器如何通知浏览器 浏览器如何更新页面 如何拿到最新的 Markdown 内容 如何与 Next.js 开发服务器一起启动 监控文件更新 约定: markdown 文件存放在 Next.js 项目根目录下…

解析XML文件 public static void initXML(Context context) { //can't create in /data/media/0 because permission //can create in /sdcard/hotel File mSettings = new File(HOTEL_PATH_XML); if (!mSettings.exists()) { mSettings.mkdirs(); } File settings = new Fil…