1、登录github,创建github项目,输入项目名称,以「blogweb」为例

1、登录github,创建github项目,输入项目名称,以「blogweb」为例

  Markdown的语法简单,可以通过符号语言简单地实现,方便使用。支持Markdown语法的工具很多,其中有Typora,MacDown,有道云笔记等。各大博文网站基本支持Markdown语法的文档编写。

  文档编写少不了图片,无图不成文。MarkDown语法中的图片是使用Url的方式展现,这样就要求图片有一个网络地址。类似的图床比如新浪图床、七牛云、腾讯云、阿里云等。

  1、首先,MarkDownde的编辑工具,推荐使用:Typora

  Typora — a markdown editor, markdown reader.

  2、打开Typora后,就可以开始编辑文章了!文字的编写遵循相应的语法规则。

  在编辑文章的时候,它支持截图再粘贴图片到文本中,这个功能很好用!还支持直接拖拽图片到文档里,编辑文章的方式非常的轻量,简洁!

  如果没有配置图床地址的话,修改下设置,将图片存储到指定位置(文件—偏好设置—图像中)。

  如果要把写的文档发布到网络,那么文档中的图片就需要挨个上传,无法一键发布。为了解决这个问题,可以使用图床功能!

  当使用了图床功能后,我们在截图或者拖拽图片到文档中的时候,图片会自动上传到图床上,这样可以方便我们后续将文章顺利发送到网上。

  这里需要用到PicGo工具:

  Releases · Molunerfinn/PicGo · GitHub

  免费搭建个人图床工具PicGo,支持Windows、MacOS 和 Linux,

  软件目前覆盖的图床有:七牛图床、腾讯云COS、又拍云图床、GitHub图床、SM.MS图床、阿里云OSS、Imgur图床等

  PicGo的配置手册 使用指南

  使用PicGo搭配Github图床

  仓库名称为用户名+设置的项目名 username/blogweb分支名 默认mastertoken为上一步获取的用户token

  Jsdeiver

  用户名/仓库名

  验证图片上传选项,成功后配置就完成了。

  PS:当然上传的图片都是公开的,所以请勿将私有的图片使用它来上传。

  至此,便可通过 Typora 的图床配置完成,我们只要在编辑的文档中粘贴图片,就能够自动上传到 github图床 ,可以优雅的编写文档了。然后我们把这篇文章复制到网上的各个平台的时候,就可以自动配置图片了,不用手动上传了。

  1、Github 图床载体,创建项目,获取用户Token

  2、PicGo 图片上传工具,将Github信息配置到PicGo中,实现图片上传功能

  3、Typora 文档编辑工具,关联PicGo,实现文档编辑时的图片实时上传

推荐阅读