Markdown

微信小程序富文本解析

只愿长相守 提交于 2020-08-18 21:24:13
wxParse 微信小程序富文本解析 原因 由于原作者仓库 wxParse 不再维护,我们项目中商品信息展示又是以wxParse这个用做富文本解析的; 于是乎,决定采用 递归Component 的方式对其进行重构一番; 原项目使用的 template 模板的方式渲染节点,存在以下问题: 节点渲染支持到12层,超出会原样输出 html 代码; 每一层级的循环模板都重复了一遍所有的可解析标签,代码十分臃肿。 li 标签不支持 ol 有序列表渲染(统一采用的是 ul 无序列表), a 标签无法实现跳转,也无法获取点击事件回调等等; 节点渲染没有绑定 key 值,一是在开发工具看到一堆的 warning 信息(看着十分难受),二是节点频繁删除添加,无法比较 key值 ,造成 dom 节点频繁操作。 功能标签 目前该项目已经可以支持以下标签的渲染: audio标签(可自行更换组件样式,暂时采用微信公众号文章的 audio 音乐播放器的样式处理) ul标签 ol标签 li标签 a标签 img标签 video标签 br标签 button标签 h1, h2, h3, h4标签 文本节点 其余块级标签 其余行级标签 支持 npm包 引入 npm install --save wx-minicomponent 使用 原生组件使用方法 克隆 项目 代码,把 components目录

ccf-csp 202006-3 markdown渲染器(c/c++)

北战南征 提交于 2020-08-18 20:43:57
ccf-csp 202006-3 markdown渲染器(c/c++) 题目就不过多描述了,就是针对markdown的两种格式 段落 和 列表 进行行数的计数。这个问题可能处理起来比较麻烦,接下来简要介绍一下我的做法吧。 我定义了几个状态,下面就是几个状态的转化关系,在状态转化的过程中就进行计数。 下面是代码部分: # include <string> # include <map> # include <iostream> using namespace std ; void eraseSpace ( string & s ) { // 去除空格 s . erase ( 0 , s . find_first_not_of ( " " ) ) ; s . erase ( s . find_last_not_of ( " " ) + 1 , s . size ( ) ) ; } int lineCount ( string s , int width ) { // 计算行数 for ( int i = width ; i < s . size ( ) ; i + = width ) { while ( s [ i ] == ' ' ) { s . replace ( i , 1 , "" ) ; } } return int ( s . size ( ) - 1 ) / width

博客主题-Next风格

混江龙づ霸主 提交于 2020-08-18 12:21:27
主题预览 当前博客主题即为next风格 适配方法 下载压缩包,按照文件名将内容复制粘贴到对应框中即可。 注意事项 请将主题设置为custom 禁用默认css 下载连接 Next.rar version:2020-07-10 说明 注意:博客必须使用markdown模式编辑,否则代码样式会乱,使用前请自行取舍! 来源: oschina 链接: https://my.oschina.net/u/4365283/blog/4503656

eleBlog:一款简洁明快的博客园主题

眉间皱痕 提交于 2020-08-18 11:39:09
ele-cnblog 一款使用了ElementUI的博客园主题 专注 eleBlog的宗旨是让阅读更加专注。提供三种代码高亮方案,提供大纲用于阅读导航,提供黑夜模式。 易用 基于模块化开发,颜色全局定义,对页面加载速度进行了优化,提供源码和注释,方便管理和修改。 平台 对比自己搭建博客,博客园的百度SEO效果做的更好。对比Segmentfault等平台,博客园的自由度更高。 如何使用 你仅需要三步就可以使用本主题 申请 JS 权限(申请理由填“美化博客园主题”) 在 设置界面 中选择博客皮肤为 Custom 在 页脚 HTML 代码 处复制如下代码 <!--********************************************* 要最先运行的JS ***********************************************--> <script> // 我们要让其最先加载,所以不要使用 $(document).ready() // -- 图标 $('#favicon').replaceWith('<link rel="shortcut icon" href="https://blog-static.cnblogs.com/files/oceans/favicon.ico">') // -- ajax监听 window.ajaxStorage =

MakeDown语法学习

与世无争的帅哥 提交于 2020-08-18 07:10:23
欢迎使用慕课网 - Markdown 编辑器 Markdown 编辑器使用一套简单实用的标记语言来实现简单的文本排版,可以让你专注于键盘码字而非排版,化繁为简,回归写作本质,带来前所未有的书写体验! 我们在工具栏提供了丰富的快捷键,可以使用它们标记不同的标题,将一些文字标记为 粗体 或者 斜体 ,也可以创建一个 链接 或者插入一张很有气质的图片。如需了解更多语法请使用快捷键“Ctrl + /”查看帮助。 常用语法使用说明 标题 规范的语法格式:“#+空格+文本” 举例如下: 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 引用 规范的语法格式:“>+空格+文本” 举例如下: 我是一段被引用的文本,请熟记它的语法格式 图片 规范的语法格式:“ ![图片描述](图片链接地址) ” 我们推荐你是用快捷工具来添加图片 超链接 规范的语法格式:“ [链接描述](链接地址) ” 举例如下: 欢迎使用慕课网手记 无序列表 规范的语法格式:“- + 空格 + 文本” 文本一 文本二 文本三 有序列表 规范的语法格式:“数字 + 空格 + 文本” 文本一 文本二 文本三 代码 规范的语法格式: ```代码语言(填写了代码语言才会显示代码高亮) 在这里输入代码 ``` 举例如下: def quick_sort(qlist): if qlist == []: return [] else:

博客园美化(最全)

假如想象 提交于 2020-08-18 05:52:30
使用博客园快一星期了,看自己博客太单调了,就网上翻找别人的美化教程,自己钻研一整天,现在整理分享出来。 首先要申请js权限,在设置选项,博客设置里, 一般十几分钟就审核好了,如图 背景图片设置 先选择模板,选择SimpleMemory。 注: 后面的css代码是基于这个模板修改的 新建一个相册,上传背景图片,尽量选清晰度高的。在相册那里点击查看图片 会弹出一个很大的页面,右键图片,选择 复制图片地址 。 然后将以下css代码粘贴到 博客设置的 页面定制CSS代码 处,记得展开代码。 #google_ad_c1, #google_ad_c2 { display : none ;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { font-size : 14px

关于markdown 的简单使用(已更新)

走远了吗. 提交于 2020-08-17 18:59:16
markdown的介绍 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。 Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如>LaTeX,Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc;要么基于网站,如GitHub和>Wikipedia,在语法上基本兼容,但在换行等细节上也有改动。 为什么有那么多人喜欢用markdown 学习成本低 ——身为一个轻量级的标记语言,Markdown拥有较少的标记符号,经常用到的就更少了,而且非常简单。 任何文本编辑器都可以打开 ——Markdown文档实际上就是纯文本(plain text)格式,只要是个文本编辑器都可以打开,只不过支持Markdown语法的编辑器会将其渲染成相应格式,由于其语法足够简单,即使用不支持Markdown的编辑器打开,你也能看懂。 格式转换方便 ——不少Markdown编辑器支持将文档转为pdf、docx、html等

9个典型的开发者关系面试题

只愿长相守 提交于 2020-08-17 18:49:21
越来越多的科技公司正在从传统的企业销售思路转变为以开发者至上的思路来推广产品。因为开发者不喜欢这类销售方式,所以电话销售和演示将不起作用。 相反,平台需要采用类似于消费者可能采用手游或电商应用的方式。 但是,开发者也不太可能接受那些游戏和电商应用上的那些Facebook广告。 启动开发人员关系计划,可以推动开发者的使用并建立起更有效的关系,但是由于开发人员关系是一个崭新的角色,所需的技能和责任相比销售和工程等已经成熟的角色来说更加模糊。 本文概述了招聘开发者关系经理时应注意的事项。有关开发人员关系的概述,可以先了解一下什么是开发者关系。 因为开发者关系对于任何与开发者社区互动的人来说都是一个包罗万象的角色,所以在面试任何候选人之前,你应该列出这个角色的关键目标。一些开发者关系的角色侧重于社区参与和开发者宣传。 他们的主要目标是提高产品认知度,这要求他们在会议上发言,扩大自身影响力,并参与社交社区(如Twitter或Reddit)互动。 其他一些开发者关系的角色更专注于产品管理和开发者经验。他们的主要目标是平台的采用和使用,这要求他们通过迭代的方式完成用户引导、文档与公共的API/SDK。 无论扮演那种角色,开发者关系经理都需要清晰地沟通,并深入浅出地把深奥的技术主题表达出来,以便开发者轻松的理解。很多时候,开发者关系是公司线上线下的形象代言人。 | 1.

语雀的技术架构演进之路

拥有回忆 提交于 2020-08-17 17:59:41
作者 | 不四 来源 | 阿里巴巴中间件(ID:Aliware_2018) 每个技术人心中或多或少都有一个「产品梦」, 好的技术需要搭配好的产品 ,才能让用户爱不释手,尤其是做一款知识服务型产品。 本文从技术架构的视角,回顾了语雀的原型、内部服务和对外商业化的全过程,并对函数计算在语雀架构演进过程中所扮演的角色做了详细的介绍。 语雀是一个专业的云端知识库,用于团队的文档协作。现在已是阿里员工进行文档编写和知识沉淀的标配,并于 2018 年开始对外提供服务。 原型阶段 | 回到故事的开始。 2016 年,语雀孵化自蚂蚁科技,当时,蚂蚁金融云需要一个工具来承载它的文档,负责的技术同学利用业余时间,搭建了这个文档工具。项目的初期,没有任何人员和资源支持,同时也是为了快速验证原型,技术选型上选择了最低成本的方案。 底层服务完全基于体验技术部内部提供的 BaaS 服务和容器托管平台: Object 服务:一个类 MongoDB 的数据存储服务; File 服务:阿里云 OSS 的基础上封装的一个文件存储服务; DockerLab:一个容器托管平台; 这些服务和平台都是基于 Node.js 实现的,专门给内部创新型应用使用,也正是由于有这些降低创新成本的内部服务,才给工程师们提供了更好的创新环境。 语雀的应用层服务端,自然而然的选用了蚂蚁体验技术部开源的 Node.js Web 框架 Egg

GitHub在Markdown上乱哄哄

时光总嘲笑我的痴心妄想 提交于 2020-08-17 17:55:44
问题: My GitHub repository has nothing but a readme in it. 我的GitHub存储库 只有一个自述文件。 In this readme, locally I wrote this: 在本自述文件中,我在本地写道: Factoids: - There are about six different ways to do everything in Forked. - There are actually six different ways to enter loops. - There are six directionals and six I/O commands. - 666. ha. Emphasis on the last line. 强调最后一行。 What GitHub decided to show was not 666 . GitHub决定展示的 不是 666 。 DCLXVI is the Roman Numeral number for 666 . DCLXVI 是 666 的罗马数字。 This really creeped me out. 这真的让我感到沮丧。 My local file and the raw file both show 666 . 我的本地文件和 原始文件 都显示 666 。