博客园markdown上传文件及图片

博客园的在线文档编辑器挺好用,但是网页上编辑,始终还是没有本地编辑方便。

本人本地编辑使用的是typora编辑器,很好的支持markdown文件,并且能够本地解析markdown的格式。关于typora的安装很简单,点击跳转到官网下载。

不多说了,进入主题:

1、上传本地markdown文件到博客园

  • 使用工具pycnblog

  • 下载:点击跳转,然后下载整个文件夹

  • 查看READ ME.md文件进行配置:

    • 其实就是打开config.py文件,设置博客园相关的账号密码等,如下图所示:

      image-20200811154939669

  • 然后打开cnblog_markdown.cmd文件(windows中双击即可打开)

    image-20200811155127609

  • 打开后,会出现命令窗口

    image-20200811155355876

  • 将所需文件拖动到窗口,按下回车即可完成文件上传

    image-20200811155338730

  • 本地markdown中如果有图片的路径,建议设置为绝对路径。在typora中是如下设置,这样在拖动上传文件时候,pycnblog会自动将图片上传生成url,并更新到线上的博客文档

    image-20200811155534684

    image-20200811155717828

  • 如果博客中已存在相同名称的博客,会提醒是否存在,如上图所示

  • 上传后的文档,在博客园的草稿箱里面,如下图所示:

    image-20200811155942187

  • 点击进去即可对文章进行修改、发布等操作。

2、本地md文件中直接将图片转换为链接

  • 上述方法是在上传文件过程中对图片进行上传

  • 接下来介绍这个方法是在本地文档中,直接将图片转换为cnblog中的链接,完全免费,并且不需要第三方图床。

  • 工具名称typora + EasyBlogImageForTypora:

    • typora本文开头已介绍

    • EasyBlogImageForTypora:

      • 点击跳转到下载链接

      • 也可以参考其开发者博客,对windows和mac的安装都有详细介绍

      • 本人使用的windows电脑,就简单说一下windows配置方法

      • 下载解压后,双击EasyBlogImageForTypora.exe文件,然后出现类似上面pycnglog的命令窗口

        image-20200811161309629

    • 根据指导完成EasyBlogImageForTypora配置后,设置typora

      • typora配置如下图所示:

        image-20200811161520050

        注意:自定义命令哪里:路径中不能有 中文空格,不然会报错

        • 配置好后,点击验证图片上传选项

          image-20200811161730678

        • 如果出现如下界面,说明配置成功:

          image-20200811161815539

          • 可以看到,新插入的图片被上传后,在本地文件中被自动替换成了url

            image-20200811161935243

posted @ 2020-08-11 16:21  Marketing123  阅读(859)  评论(0编辑  收藏  举报