首页 > 其他分享 >博客园markdown上传本地文件及图片

博客园markdown上传本地文件及图片

时间:2022-08-15 13:55:07浏览次数:96  
标签:文件 markdown 博客园 typora 本地 上传

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

本人本地编辑使用的是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

原文地址:https://www.cnblogs.com/jaysonteng/p/13476368.html

标签:文件,markdown,博客园,typora,本地,上传
From: https://www.cnblogs.com/hanfe1/p/16588064.html

相关文章

  • apache Tomcat PUT方法任意文件上传
    链接:https://mp.weixin.qq.com/s?__biz=Mzg2NTQ1NzA2OA==&mid=2247485937&idx=1&sn=493a022240b215a1e4338df713d6620f&chksm=ce588f32f92f0624d0be225e79cf13c08ecb79b7a0......
  • vue 项目的文件/文件夹上传下载
    ​4GB以上超大文件上传和断点续传服务器的实现随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。但是在很......
  • .net Web 项目的文件/文件夹上传下载
    ​需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步:......
  • 文件上传和下载
    11、文件上传和下载11.1、准备工作文件上传是项目开发中最常见的功能之一,springMVC可以很好的支持文件上传,但是SpringMVC上下文中默认没有装配MultipartResolver,因此......
  • Markdown 常用语法精讲
    -####标题(`#跟标题名称一定要留空格`)> >#一级标题>##二级标题>###三级标题>####四级标题>#####五级标题>######六级标题----####段落(`两行之间使......
  • Vulfocus靶场 | empirecms 文件上传 (CVE-2018-18086)
    漏洞描述EmpireCMS(帝国网站管理系统)是一套内容管理系统(CMS)。EmpireCMS7.5版本中的e/class/moddofun.php文件的‘LoadInMod’函数存在安全漏洞。攻击者可利用该漏洞上传......
  • day01 Markdown学习
    Markdown学习二级标题三级标题字体Hello,World!加粗左右各两个**Hello,World!斜体左右各一个*Hello,World!斜体加粗左右各三个***Hello,World!......
  • 用vscode学习使用markdown
    学习java的第一天学习使用vscode来写博客(markdown)字体加粗:hello斜体:hello加粗和斜体:hello引用学习java,走向人生巅峰分割线图片山河或者复制之后用alt+ctr......
  • Markdown学习笔记
    1Markdown学习目录1Markdown学习1.1我是二级标题1.1.1我是三级标题1.1.1.1我是四级标题1.1.1.1.1我是五级标题1.1.1.1.1.1我是六级标题1.2字体1.2.1加粗字体1.2.2变......
  • 学习日记-MarkDown语法
    MarkDown语法样式标题字体样式链接、列表表格图片代码标题(一级标题)#空格+标题名字/commond+1(二级标题)##空格+标题名字/commond+2以此类推......