Raven's Blog

从零开始搭建属于自己的博客系列教程五 -- 图床选择与博客迁移

从零开始搭建属于自己的博客系列教程五 -- 图床选择与博客迁移

1. 写在最前面

折腾了整整一个五一,总算是完成了自己的博客系统。为了给想要搭建自己的博客,但是又和我一样是技术小白的人铺点路,所以准备开个博客搭建的系列教程,避免后来人像我一样走了一大堆弯路。

先贴上自己的博客网站:https://www.ravenxrz.ink

系列教程目录:

2. 图床选择

写博客避免不了上传图片,以前在csdn和简书上写文章,图片是自动保存在他们的服务器的,现在你要自己搭建博客了,那么图床就是个问题了。从百度来看,常用图床有:

3 图床上传工具

强烈推荐PicGo,三平台支持下载,支持常用主流图床。这里以github图床为例,进行讲解:

3.1 创建github博客图片仓库

如图配置

这里我的仓库名为BlogPic

3.2 创建github token

进入Settings->Developer settings:

会让你验证密码,输入即可。

token描述随意,记得勾选下面repo选项,然后确定生成。

最后会有类似下图的token:

上图来源:https://blog.csdn.net/yefcion/article/details/88412025

复制下来,注意这个链接仅会显示一次。

3.3 安装PicGo并进行配置

安装PicGo就不细说了,上github下载安装包,下一步到底就ok。

现在来说说如何配置Github图床:

最后的自定义域名https://raw.githubusercontent.com/[仓库名]/master。如我的域名为:https://raw.githubusercontent.com/ravenxrz/BlogPic/master

然后就可以欢快的上传图片了。有三种方式上传

4. 博客迁移

为了防止出现类似微博的防盗链情况,建议把所有曾经的博文图片全部重新上传。但是一张张的重新上传实在太麻烦,好在picgo有插件,支持转移。

插件官方:https://github.com/PicGo/picgo-plugin-pic-migrater

虽然有GUI版本的插件,但是我用过一个晚上,第二天准备再用时就报错了,所以这里推荐使用命令行版本的插件。当然了picgo也得重新安装CIL版本的。

报错信息如下:

4.1 重新安装picgo CIL版本

先安装Node.js,然后打开命令行,执行

npm install picgo -g

接着执行

picgo install pic-migrater
picgo set plugin pic-migrater

会出现一个配置界面:参考https://github.com/PicGo/picgo-plugin-pic-migrater/blob/master/README_CN.md

然后还需要配置config.json文件,文件在C:\Users\用户名\.picgo目录下,设定图床。这里给个样例:

{
  "picBed": {
    "current": "github",
    "proxy": "",
    "github": {
      "repo": "ravenxrz/BlogPic",        # 你的仓库
      "token": "xxx",                    # token
      "path": "img/",                    # 保存路径
      "customUrl": "https://raw.githubusercontent.com/ravenxrz/BlogPic/master",    # url
      "branch": "master"                #分支
    }
  },
  "picgoPlugins": {
    "picgo-plugin-pic-migrater": true
  },
  "picgo-plugin-pic-migrater": {
    "newFilePrefix": "_new",
    "include": "csdnimg",
    "exclude": ""
  }
}

安装完成后,即可进行迁移,例如有一个md文档叫做test.md

Examples:
  # migrate file or files
  $ picgo migrate ./test.md 

如果想批量迁移(不建议使用,测试发现会有会出现文章混乱的情况),建立一个文件夹入test,把md文件丢进去,然后执行:

  # migrate markdown files in folder
  $ picgo migrate ./test/

然后就ok了。

4.2 额外的一些事情

  1. 提醒,迁移简书的图片时,需要将链接的后半段给去掉,如一个链接

(https://upload-images.jianshu.io/upload_images/3213538-73ba9a133ff83204.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

那么我们需要将从?起到末尾全部去掉。如何批量去掉呢。可以使用notepad++或者sublime这种支持正则表达式的编辑器,然后ctrl+H。

查找: \?.*\)

替换为:\)

  1. 同理,csdn,也可以用正则表达式,替换方式相同

参考

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »