Typora笔记上传到博客

Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用,如Github、Wikipedia等网站,如各大博客平台:WordPress、Drupal、简书等
但是一般为了方便保存维护发表,提高共用性,我们都会使用本地软件进行markdown的笔记,比如Typora,但是这些软件编写的文稿的图片一般保存再本地,如果直接上传到相应的博客平台,图片则无法加载,而一张张复制,则太过于麻烦,这种情况下,采用图床来专门用来存放图片,同时允许把图片对外连接的网上空间。

PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具
Picgo地址

大部分人选择用github,但是github是国外的网站,访问速度比较慢,所以采用国内的网站gitee来保存图片何尝不是一个好的选择·

一. node.js安装

安装Picgo之前需要安装node.js环境,否则会出现问题
node.js网址: node.js

或者

二. Picgo安装

下载地址 Picgo

下载安装,某些电脑可能会检测到有风险,信任就可以安装了
安装好之后打开
在最下面插件设置中搜索gitee

点击安装

三. Gitee仓库创建

1.进入gitee网址 gitee
如果没有账号,则点击注册,有账号的忽略这一步

2.创建仓库
注册好以后,点击右上角加号

输入仓库名称 --> 选择开源(所有人可见) --> 勾选初始化仓库 -->勾选Readme模板 --> 完成创建

3.生成Gitee的私人令牌
进入设置 --> 点击私人令牌 --> 点击生成新令牌
点击头像,设置,选择私人令牌
只需要勾选projects

点击提交后会生成私人令牌即下图token所需要填写的,私人令牌只会生成一次,如果忘记就需要重新设置!建议额外保存这个令牌,截图保存或者数字保存

四.打开Picgo设置

repo:用户名/仓库名称,比如我自己的仓库

branch:分支,这里写上master
token:填入Gitee的私人令牌
path:路径,可以不填,图片直接上传到master根目录。
customPath:提交消息,这一项可以填“年月”,下一项customUrl可以不用填。Gitee插件在提交图片到Gitee时,会使用默认提交消息: Upload 图片名 by picGo - Date time

五. Typora配置



注:如果又想要把图片保持到本地,又想要上传到图床,图像设置为下图,然后先保存文档到本地,最后复制一份文档,打开typora,上传所有本地图片。


附:
github图床搭建:github图床搭建
SM.MS图床搭建:SM.MS图床搭建

参考:
解决Typora笔记上传到CSDN图片无法显示的问题
使用PicGo和Gitee搭建图

Typora笔记上传到博客的更多相关文章

  1. Typora笔记上传到播客时图片不显示问题解决(已解决)

    前言: ​ 相信我们都遇到过,使用Typora做笔记是一件非常令人舒服的事,然而,它却有一个非常难受的地方,那就是我们在做完笔记想要将其上传到自己的博客时,复制粘贴的图片无法显示.因为Typora复制 ...

  2. 本地Markdown文件上传到博客

    本地Markdown文件上传到博客 参考:https://www.cnblogs.com/ccylhw/p/13954153.html 1.Typora 最漂亮的写作APPhttps://www.ty ...

  3. 如何实现一个 markdown 图片粘贴上传的博客后台系统

    如何实现一个 markdown 图片粘贴上传的博客后台系统 js 实现 drag & drop / copy & paste image uploader MongoDB 设计文档对象 ...

  4. 【软件学习】如何将Typora中的本地图片上传到博客

    1. 配置方法 下载软件: 点击程序输入博客信息进行配置: 进行偏好设置: 2. 配置中出现的一些问题 解决方法:

  5. HTML大文件上传(博客迁移)

    Html大文件上传:跳转 通过github和hexo进行搭建博客,主要是在没有网络的时候,可以本地访问,并支持markdown语法. 新博客地址:跳转

  6. Typora+PicGo+阿里云写博客笔记

    Typora+PicGo+阿里云写博客笔记 选择这三个工具的理由 我一直有在使用typora使用mardown写作,毕竟typora很香,可以实时预览,非常丝滑. 配合上PicGo这个图床工具简直绝了 ...

  7. Typora 图片上传

    Typora 图片上传 本文借鉴源于:https://zhuanlan.zhihu.com/p/137426939 感谢博主分享 引: 不知道你们平时都在哪里做笔记,本人都是在CSDN Java慈祥 ...

  8. 在腾讯云上部署Hexo博客

    推荐理由 ----搭建个人的空间博客目前深受个人开发者的追捧,然而博客的种类和平台有很多,Hexo是一个开源的静态博客生成器.相比于其他博客而言它只要是web容器就能用.除了闷头专研技术之外,程序员还 ...

  9. 在 Ubuntu 14.04 服务器上部署 Hexo 博客

    版权声明:本文由宋秉金 原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/241080001487926962 来源:腾云阁  ...

随机推荐

  1. python04day

    回顾 int str bool str: s1='tangdaren123' 索引: s1[0] s1[-1] s1[:3] s1[:5:2] s1[-1:-4:-1] s1[-1:-6:-2] 常用 ...

  2. python网络爬虫-入门(一)

    前言 1.爬虫程序是Dt(Data Technology,数据技术)收集信息的基础,爬取到目标网站的资料后,就可以分析和建立应用了. 2.python是一个简单.有效的语言,爬虫所需要的获取.存储.整 ...

  3. LeetCode 每日一题 458. 可怜的小猪

    题目描述 有 buckets 桶液体,其中 正好 有一桶含有毒药,其余装的都是水.它们从外观看起来都一样.为了弄清楚哪只水桶含有毒药,你可以喂一些猪喝,通过观察猪是否会死进行判断.不幸的是,你只有 m ...

  4. Cause: com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link failure 解决

    感谢大佬:https://blog.csdn.net/a704397849/article/details/93797529 springboot + mybatis多数据库 + druid连接池配置 ...

  5. 解决sublime代码不提示的问题

    如果想让sublime在你输入标签的过程中给你提示,需要按要求开启以下功能. 1.开启代码自动提示功能

  6. win8.1/2012R2上面安装flash debugger

    1.开启windows桌面体验 a. Launch Power Shell b. Run command "add-WindowsFeature Desktop-Experience&quo ...

  7. Math 数学类

    /* Math 数学类, 主要是提供了很多的数学公式. abs(double a) 获取绝对值 ceil(double a) 向上取整 floor(double a) 向下取整 round(float ...

  8. 阿里云无法ping通解决

    https://blog.csdn.net/longgeaisisi/article/details/78429099

  9. Docker私有仓库与Harbor部署使用

    Docker私有仓库与Harbor部署使用 目录 Docker私有仓库与Harbor部署使用 一.本地私有仓库 1. 下载registry镜像 2. 在daemon.json文件中添加私有镜像仓库地址 ...

  10. Solution -「CF 1375G」Tree Modification

    \(\mathcal{Description}\)   Link.   给定一棵 \(n\) 个结点的树,每次操作选择三个结点 \(a,b,c\),满足 \((a,b),(b,c)\in E\),并令 ...