Markdown

vue项目接入markdown

孤者浪人 提交于 2021-02-13 17:21:20
vue 项目接入 markdown 最近做一个项目,需要在vue项目中接入 markdown 编辑器,其实这个好接,他没有什么特别的样式,男的就是图片的上传。 今天给大家推荐一个插件 :mavonEditor 这个是他的github: https://github.com/hinesboy/mavonEditor/blob/master/README.md 这个插件支持自定义界面,代码高亮,图片上传等,是我见过最好的一个。 他的使用方法在github上写的很详细,可以去里面看。 安装 安装命令 $ npm install mavon-editor --save 或者 $ yarn add mavon-editor 在 main.js 中引入 import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' Vue.use(mavonEditor) 使用mavonEditor编辑markdown 在需要引入markdown编辑器的界面 <template> <div> <mavon-editor v-model="value"/> </div> </template> <script> export default { data() { return { value: '',

仿简书MarkDown编辑器可同步滚动

…衆ロ難τιáo~ 提交于 2021-02-13 00:40:25
模仿简书的MarkDown编辑器,使用Angular8写的示例 1.支持同步滚动 编辑的过程中,右侧预览界面会同步滚动。滚动右侧预览界面,左侧编辑区也会同步滚动哦 2.支持语法高亮 如下: using System.IO.Compression; # pragma warning disable 414, 3021 namespace MyApplication { [ Obsolete( "...")] class Program : IInterface { public static List< int> JustDoIt( int count) { Console.WriteLine( $"Hello {Name}!"); return new List< int>( new int[] { 1, 2, 3 }) } } } 3. 使用Angular8完成 执行以下命令观看本demo npm i npm start 源代码下载 来源: oschina 链接: https://my.oschina.net/u/4348185/blog/3377497

Jupyter Notebook小技巧

雨燕双飞 提交于 2021-02-12 05:41:09
多行输出 在Notebook的中开头cell中添加以下代码可以实现多行输出: from IPython .core .interactiveshell import InteractiveShell InteractiveShell .ast_node_interactivity = 'all' #默认为'last' 例如: 如果需要一劳永逸的在每个文件中自动实现这个功能,可以在macOS的/Users/your_user_name/.ipython/profile_default/或者windows的C:\Users\your_profile.ipython\profile_default文件夹下创建ipython_config.py文件。(mac下你可以在终端进入这个目录touch ipython_config.py来创建)。 然后打开ipython_config.py文件,添加以下两行: c = get_config ( ) c . InteractiveShell .ast_node_interactivity = "all" 保存,重启Notebook后生效。 更多设置点这里看官方说明 感谢 离宫2 提示这个技巧。 module 'numpy' has no attribute ' version ' import pandas as pd 就报这个错误,原因未知

10 年 bloger 告诉你要不要写博客,又该如何优雅地写博客?

旧街凉风 提交于 2021-02-11 22:02:06
点击上方 蓝色字体 ,关注我 —— 一个在 阿里云 打工的 清华 学渣 ! 关于作者:程序猿石头(ID: tangleithu),现任阿里巴巴技术专家,清华学渣,前大疆后端 Leader。公众号后台回复关键字 “ 1024 ” 获取程序员 大厂面试指南 。 图:Drone promotions from SkyPixel 背景 石头大约在 2010 年左右有了自己的第一个域名,也是从那个时候开始写博客的。至今确实有 10 年时间了。 最初玩 blog,其实更多的还是抱着 学习 的态度。比如刚学习完了 DNS 解析,HTML 语法,不 “实战”一把么?然后后续又陆陆续续把读书笔记、课程总结都往博客上放。 为什么要写 blog,石头觉得有如下几个好处: 可以把它作为整理学习笔记的地方,方便沉淀学习,就跟当初我开始玩一样。更多的是写给自己看,玩玩“建站”流程(独立博客),也算一个小技能。(要不要写博客看个人兴趣, 但 学会总结沉淀是必须的 ) “成就自己、帮助他人”。在日常工作中,你肯定也有通过别人的博客解决了你的某个问题,这个时候“反哺”一下开放的互联网也何尝不是一件快事。当有人通过搜索引擎检索到你的内容并留言说感谢帮助他解决一个类似问题的时候,还是有一丝丝成就感的。 锻炼写作能力。一个问题自己懂和把它讲给别人懂,是两个完全不一样的概念。 打造个人 IP。例如著名的 coolshell

翻译 | 《JavaScript Everywhere》第2章 项目简介(^_^)

不羁的心 提交于 2021-02-11 20:55:52
翻译 | 《JavaScript Everywhere》第2章 项目简介(^_^) 写在最前面 大家好呀,我是毛小悠,是一位前端开发工程师。正在翻译一本英文技术书籍。 为了提高大家的阅读体验,对语句的结构和内容略有调整。如果发现本文中有存在瑕疵的地方,或者您有任何意见或者建议,可以在评论区留言,或者加我的微信:code_maomao,欢迎相互沟通交流学习。 (σ゚∀゚)σ..:*☆哎哟不错哦 第2章 项目简介 想象一下,你站在当地的一家小餐馆的店铺前,决定在那里点一个三明治。服务员把你点的菜都写在一张纸上,然后把纸递给厨师。厨师阅读订单,使用单独的配料来制作三明治,并将三明治交给服务员。服务员会把三明治拿给你吃。如果你想要一些甜点,这个过程会再次重复。 应用程序编程接口(API)是一组规范,它允许一个计算机程序与另一个计算机程序进行交互。 Web API的工作方式与订购三明治的方式几乎相同。客户端请求一些数据,该数据通过超文本传输协议(HTTP)传输到Web服务器应用程序,Web服务器应用程序接受请求并处理数据,然后将数据通过HTTP发送给客户端。在本章中,我们将探讨Web API的广泛内容,并通过将starter API项目克隆到本地计算机上来开始我们的开发。但是,在进行此操作之前,让我们先探讨将要构建的应用程序的需求。 在本书中

How to remove anchor links from headers in Markdown?

懵懂的女人 提交于 2021-02-11 16:19:11
问题 In Github, when you create an h2 or smaller header (##, ###, ...) there is an anchor link thing that is automatically generated to the right of the header. When you click this anchor, it links you to the page with that header at the top of the page (www.myurl#myheader). Is it possible to remove this anchor? 回答1: You can disable Kramdown's auto-ids option. Depending on how you are using Kramdown, there are a number of ways in which to do so: Command Line If you are using Kramdown from the

React Markdown dynamically required MD file, image relative path not working

 ̄綄美尐妖づ 提交于 2021-02-11 13:35:20
问题 i cannot get my image in the markdown file to render. I am requiring the markdown file in a react component, but the image in the md file is not rendering. absolute paths to online images are working, but relative paths are not. useEffect(() => { fetch(require(`../../../static/markdowns/${category.file}`)).then(r => r.text()).then(text => { setMarkDown(text) }) }, []) <ReactMarkdown escapeHtml={false} source={markDown}/> <img src='https://picsum.photos/200/300'></img> <img src=".

React Markdown dynamically required MD file, image relative path not working

℡╲_俬逩灬. 提交于 2021-02-11 13:33:20
问题 i cannot get my image in the markdown file to render. I am requiring the markdown file in a react component, but the image in the md file is not rendering. absolute paths to online images are working, but relative paths are not. useEffect(() => { fetch(require(`../../../static/markdowns/${category.file}`)).then(r => r.text()).then(text => { setMarkDown(text) }) }, []) <ReactMarkdown escapeHtml={false} source={markDown}/> <img src='https://picsum.photos/200/300'></img> <img src=".

分享5个免费的在线 SQL 数据库环境,简直太方便了!

拜拜、爱过 提交于 2021-02-11 13:18:11
关注我 们, 设为星标,每天7:30不见不散,架构路上与您共享 回复" 架构师 "获取资源 今天给大家分享几个在线的免费 SQL 运行环境,也就是在线数据库。这些网站可以帮助我们快速运行一些 SQL 语句的测试或者验证,同时还可以在网络上进行分享,关键不需要自己安装数据库。 SQL Fiddle SQL Fiddle 提供了 MySQL、Oracle、PostgreSQL、SQLite 以及 SQL Server 数据库环境,使用时无需注册。 其中,左侧文本框用于输入初始化语句创建表结构和数据,点击“Build Schema📥”运行;也可以通过“Text to DDL”将格式化文本转换为 DDL 语句。右侧文本框用于输入 SQL 语句,点击“Run SQL▶️”执行,执行结果显示在页面下方;“Run SQL▶️”可以选择输出结果的格式,包括表格、普通文本 以及 Markdown 三种格式。 另外,复制网页地址可以分享本次测试的数据和结果,以上截图的地址为:http://sqlfiddle.com/#!9/a6c585/1。 DB Fiddle DB Fiddle 提供了 MySQL、PostgreSQL 以及 SQLite 数据库的 最新版本 ,使用时无需注册,同时也提供了付费版本。 其中,最左侧文本框可以输入本次测试的标题和描述。中间文本框用于输入初始化语句,点击“▶️Run

分享5个免费的在线 SQL 数据库环境,简直太方便了!

时光毁灭记忆、已成空白 提交于 2021-02-11 13:06:02
点击上方蓝色“ 程序猿DD ”,选择“设为星标” 回复“ 资源 ”获取独家整理的学习资料! 作者 | 不剪发的Tony老师 来源 | blog.csdn.net/horses/article/details/108603935 大今天给大家分享几个在线的免费 SQL 运行环境,也就是在线数据库。这些网站可以帮助我们快速运行一些 SQL 语句的测试或者验证,同时还可以在网络上进行分享,关键不需要自己安装数据库。 SQL Fiddle SQL Fiddle 提供了 MySQL、Oracle、PostgreSQL、SQLite 以及 SQL Server 数据库环境,使用时无需注册。 SQL Fiddle 其中,左侧文本框用于输入初始化语句创建表结构和数据,点击“Build Schema📥”运行;也可以通过“Text to DDL”将格式化文本转换为 DDL 语句。 右侧文本框用于输入 SQL 语句,点击“Run SQL▶️”执行,执行结果显示在页面下方;“Run SQL▶️”可以选择输出结果的格式,包括表格、普通文本 以及 Markdown 三种格式。 另外,复制网页地址可以分享本次测试的数据和结果,以上截图的地址为:http://sqlfiddle.com/#!9/a6c585/1。 地址:http://sqlfiddle.com/ DB Fiddle DB Fiddle 提供了