前言

本着可以一劳永逸,离线在本地写完博客后便直接上传至各大平台(csdn、知乎等支持markdown的平台)的需求,寻找到Typora+PicGo+Github+Pandoc的方法满足自身。在探索解决方法中可以找到很多其他替代方案,包括选择Gitee码云国内上传更快、坚果云云服务、其他图床平台等,这里只提供一种解决方案作为参考。

Typora

1、什么是Typora

Typora就是一款免费的简介的markdown编辑器,其另外一种理解还可以是一种支持markdown渲染的浏览器,因为在typora中你还可以看到源代码,甚至可以重写css配置你所需要的页面。

2、Typora安装

傻瓜式安装,选择对应的电脑操作系统即可
下载地址:https://www.typora.io/
在这里插入图片描述

3、Typora使用简介

Typora中markdown使用格式及其他设置可参考百度上各大博客,他们都写得很详细了~
Typora 完全使用详解:https://sspai.com/post/54912/
Typora入门教程:https://www.cnblogs.com/hetaotao0919/p/14092648.html

问题引入

在使用Typora时插入图片后图片不能保存在markdown中。自己在Typora中虽然可以看到完整的内容,但是转发md文件给别人后(或将markdown内容复制到csdn富文本编辑器中),别人看不到图片内容显示。
在这里插入图片描述

问题分析

保存在markdown中的图片只是图片路径,本地插入图片是保存的是本地路径,固然粘贴到网页上或发给别人后他人看不到图片内容。这时就需要配置图床,将粘贴到markdown中的图片保存在一个地方(地址),这个地址别人也能正常访问。所以很容易可以想到通过云服务器等具备存储功能的工具可以将这些图片保存下来,输入对应网址就能看到相应图片。

那这里则采用github账户的仓库进行存储图片,利用Picgo帮助Typora中的图片自动上传到github上。

配置

1、Typora配置

文件>偏好设置>图像
在这里插入图片描述
Picgo路径配置Picgo执行文件所在文件路径,安装见下文。

2、Picgo

傻瓜式一键安装,Picgo下载:https://molunerfinn.com/PicGo/
在这里插入图片描述
找到图床设置>GitHub图床下存在很多参数需要填写,这些参数就是连接Github仓库所需要的参数。

  • 设定仓库名:表示Github远程仓库地址,固定格式Github用户名/仓库名(注意:/斜杆左右没有空格)
  • 设定分支名:表示分支,默认填入master,根据Github上的分支填写
  • 设定Token:访问Github仓库需要的Token,下方将详细讲解Token如何获取
  • 指定存储路径:在仓库下自定义的文件路径
  • 设定自定义域名:建议使用https:cdn.jsdelivr.net/gh/Github用户名/仓库名(自己尝试过默认的域名替他用户访问不了)

3、Github

创建仓库,获取Github用户名/仓库名

在这里插入图片描述


自己设定仓库名例如, MyImg
则最终Github用户名/仓库名为:Github用户名/MyImg

获取Token

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
复制token
在这里插入图片描述
填入PicGo中得到

在这里插入图片描述
测试Typora上传文件
文件>偏好设置>图像>验证图片上传选项
在这里插入图片描述
如果还是不行可以试试将时间戳重命名打开
在这里插入图片描述

4、Pandoc

如果想要将markdown文件导出为word文档则需要下载pandoc在这里插入图片描述
第一次导出为word时按照指示根据操作系统下载对应版本pandoc,下载完成后设置pandoc执行文件路径即可。这就达到了通过markdown转word的目的,更多其他格式可能使用。

5、Typora->csdn

将配置好的md文件内容直接复制到csdn“写文章”中(图片也能直接复制过去),没想到吧~

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐