Typora图片上传到博客

使用Typota上传图片到博客的方法

# 一。使用插件 hexo-asset-image

# 1. 修改配置文件

• 首先修改 blog (存放博客文件的目录) 文件下的_config.yml 文件，设置 post_asset_folder 这个选项为 true,

目的是在新建文章时会在_psots 文件夹下自动生成一个同名的文件夹，用来存放上传的图片。

# 2. 设置 Typora 的图像配置

• 设置图像复制到指定路径，文件地址：./$

# 3. 安装 hexo-asset-image 插件

• 注意 不要使用npm install hexo-asset-image --save这个命令安装,版本号不对,上传图片路径会有问题，使用以下命令

• 进入 blog 目录下，打开 Git push, 输入命令：

  npm install https://github.com/CodeFalling/hexo-asset-image --save

• 或者下载 hexo-asset-image-for-hexo5 插件：

  npm install hexo-asset-image-for-hexo5 --save

  插件地址：hexo-asset-image-for-hexo5

# 4. 最后便可在 typora 中插入图片上传到博客显示

# 二。使用 PicGo + GitHub 搭建个人图床工具

# 1.GitHub 仓库设置

# 流程：新建 public 仓库 -> 创建 token -> 复制 token 备用

# 1.1 新建仓库

• 点击 git 主页右上角的 + 创建 New repository；

• 填写仓库信息，例如我就创建了一个 cloudimg 的仓库。这里注意，仓库得设置为 Public 因为后面通过客户端访问算是外部访问，因此无法访问 Private ，这样的话图片传上来之后只能存储不能显示。所以要设置为 Public。
  

# 1.2 创建 token 并复制保存

1. 此时仓库已经建立，点击右上角头像，然后进入设置；
2. 在页面最下找到 Developer settings ，点击进入；
3. 创建 token；

4. 填 description（也是随心填），勾选复选框 repo ，接着到页面底部 Generate token 就完成了；

5. 然后复制生成一串字符 token，这个 token 只出现一次，所以要保存一下。(一定要记好)

# 2. PicGo 客户端配置

# 2.1 下载 & 安装

• PicGo （下载最新版就行）是一个开源的图床工具。可以到 git 上下载。
  • 下载地址：Picgo

# 2.2 配置

• 图床配置，设置 Githu 图床

  

• 设置监听端口为 36677（不是的话要修改为 36677）

  

• 最后便可以上传图片了，注意这里要设置为 Github 图床。