MarkDown文件插入图片并上传GitHub

原文链接

1 图片位置

可将图片放在项目下,一起push到github,具体操作见:

GitHub的使用

然后在MarkDown文件中添加图片在云端项目中的路径,格式为:

https://raw.githubusercontent.com/用户名/项目名/master/图片文件夹/xxx.png

例如:

![img](https://github.com/Snowstorm0/learn-spring-boot/blob/master/%E5%85%AC%E4%BC%97%E5%8F%B7%E4%BA%8C%E7%BB%B4%E7%A0%81.png)

也可以用相对路径:

![Image text](folder/img.jpg)

例如:

![Image text](../0/pics/1093303-20170626104335696-1159292286.png)

其中…表示上一路径

2 图片大小

使用style="zoom:50%;"可以设置缩放:

<img src="../0other/0/pics/1093303-20170626104335696-1159292286.png" alt="Image text" style="zoom:50%;" />

使用width="500px"可以设置大小:

<img src="../0other/0/pics/1093303-20170626104335696-1159292286.png" width="500px" />

 
 

学习更多编程知识,请关注我的公众号:

代码的路

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
前言 论坛上新【markdown】格式解析功能 什么是MarkDownMarkdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如LaTeX,Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。 - 摘自百科 MarkDown用途: Markdown的语法简洁明了、学习容易,而且功能比纯文本更强,因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho。用于编写说明文档,并且以“README.md”的文件名保存在软件的目录下面。除此之外,由于我们有了RStudio这样的神级编辑器,我们还可以快速将Markdown转化为演讲PPT、Word产品文档、LaTex论文甚至是用非常少量的代码完成最小可用原型。在数据科学领域,Markdown已经广泛使用,极大地推进了动态可重复性研究的历史进程。 - 摘自百科 详细可参考:【帮助文档】Markdown插件使用说明 正文 论坛的增加MarkDown编辑器固然很好,但是增加了没有人去使用也没有意义啊,于是我动手写了一个MarkDown编辑器,基于开源作品Editor.md。 废话不多讲,单击这里可以直接查看:http://pandao.github.io/editor.md/ - MarkDown-Notepad有什么优点呢? 1、使用方便: 集成Editor的优点,支持保存文件,读入文件(但由于时间仓促,这部分不是很完善) 2、编辑快速: MarkDown易于编辑,易于上手,易于处理 3、支持自定义个性化 4、支持导出: 好了好了,干瘪瘪地讲了半天也没有什么意思,直接上图片: 1.支持链接(废话) 2.支持HTML(废话) 3.支持多语言代码高亮(好吧这是CSS功劳) 4.支持图片(废话) 5.流程图: 关于Editor.md: 主要特性 支持“标准”Markdown / CommonMark和Github风格的语法,也可变身为代码编辑器; 支持实时预览、图片(跨域)上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能; 支持ToC(Table of Contents)、Emoji表情、Task lists、@链接等Markdown扩展语法; 支持TeX科学公式(基于KaTeX)、流程图 Flowchart 和 时序图 Sequence Diagram; 支持识别和解析HTML标签,并且支持自定义过滤标签解析,具有可靠的安全性和几乎无限的扩展性; 支持 AMD / CMD 模块化加载(支持 Require.js Sea.js),并且支持自定义扩展插件; 兼容主流的浏览器(IE8+)和Zepto.js,且支持iPad等平板设备; 支持自定义主题样式;Editor.md 的诞生依赖于以下开源项目:>CodeMirrormarkedjQueryFontAwesomegithub-markdown.cssKaTeXRephael.jsprettify.jsflowchart.jssequence-diagram.jsPrefixes.scss 功能实现 主要是JS填表: 结尾语 对于MarkDown,还有很多功能尚未发掘,更多功能可以百度或者自行开发 PS:Editor.md遵循和使用 MIT License 开源协议 本程序使用以下模块: 模块名 作用 作者或工作室 Win10皮肤模块 加载皮肤 清风科技 miniblink 用作加载editor(实际的作用是加载浏览器) kyozy,来自 “龙泉寺扫地僧” 的DLL,本模块来自论坛 结尾小彩蛋: 我在玩Editor.md的时候的一个小发现:“.\editor.md-master\examples\change-mode.html”

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码的路

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值