让你的hexo博客像OneNote笔记一样方便!全自动图床和一键部署设置
说来这昨天配置完网站,想了想平时虽然也经常写东西,但是都是在用OneNote,最方便的就是放在副屏,随手新建一个页面,把看到的资料直接复制过去,图片直接截图粘贴在笔记里,再配上文字说明这样啦,很随意很方便的感觉…但是总归就没法拿来分享了
但如果要写博客的话,首先是图片必须先保存到本地,然后再上传到图床里,再复制图片的图床链接,打开md编辑器,写文章,插入图床链接的图片…写完之后还得去网站里把md文件手动上传发布…
啊啊想要随手截图记录一些资料和文字都要这么一大堆步骤,真的是折腾的很(真的不是在给一直懒得写文章找借口真的不是啊喂…
但是既然网站做都做了,已经折腾这么多了,如果之后还是嫌麻烦一直不写东西的话感觉也没啥价值了是吧…那是不是显得就很呆?于是开始到处查找怎么简化写博客的步骤…经过读了各种资料和一通折腾之后,就有了这个~
效果还是比较满意的啦,现在想记录点什么的话,直接按win+r调出运行,打一条new 文章名,回车,就可以直接启动typora写文章啦
文章排版什么的用typora+md其实还是蛮舒服的,图片的话可以直接用qq截图或者复制图片然后在文章内Ctrl+V粘贴就可以自动上传到图床并且即时把链接插入到文章里啦,基本上是达到了OneNote的随手笔记的效果了,而且排版还更舒服不少
写完之后保存文件,然后win+r,打upload回车,就可以自动把所有博客文章自动同步部署到GitHub Pages上的hexo博客网站里啦~是不是还挺方便的?
自我感觉至少大概有个OneNote的8成功力了吧?虽然多平台同步编辑什么的还是做不到…不过无所谓啦,反正想写技术文章的时候基本也都是在工作电脑前的啦所以也没关系了吧
那么下面就是具体的配置过程啦~
配置全自动图床(阿里云OSS)
首先是图床这边啦。毕竟技术文章和笔记这类的东西,其实图片是最常用的,自己记笔记的时候也很常用把资料重点的部分截图然后直接贴到Onenote里保存,写文章的话也需要大量的配图讲解,而markdown写文章最麻烦的就是…图片不能保存在文章里,必须把图片上传到一个可以公开访问的云端图床里,然后再在文章里用链接引用图片,才能正常的插入图片显示…
于是无数的时间就浪费在了找图,存图,上传图床,复制链接,插入图片这些无聊到爆的劳动里了…真的不怪我懒啊他实在是太麻烦了啊喂!!不过毕竟md是种基于html的文章格式所以技术限制无可奈何…
我相信绝对不是只有我一个人觉得这么写文章实在是太痛苦了,我相信偷懒促进技术发展虽然我做不出但是肯定有dalao能优雅的解决这个问题…于是经过各种搜索,果然我找到了这个…一个叫PicGo的全自动图床工具~
PicGo这里是这个工具的GitHub链接,我们搬一下官方的介绍
PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具
PicGo 本体支持如下图床:
特色功能
- 支持拖拽图片上传
- 支持快捷键上传剪贴板里第一张图片
- Windows 和 macOS 支持右键图片文件通过菜单上传 (v2.1.0+)
- 上传图片后自动复制链接到剪贴板
- 支持自定义复制到剪贴板的链接格式
- 支持修改快捷键,默认快速上传快捷键:
command+shift+p
(macOS)|control+shift+p
(Windows\Linux)- 支持插件系统,已有插件支持 Gitee、青云等第三方图床
完美满足需求嘛,看来果然前辈们早就感受到了md图片管理的痛苦并且做出了完美的解决方案~唯一的小问题就是这里粘贴图片还是需要先用快捷键上传图片然后再粘贴自动获取的链接插入到md,还是多了一步的小小麻烦,不是那么的丝滑
那有更好的解决嘛?从上面看下来那自然是找到了的,在网上查了各种教程并且实际配置之后发现typora内置的picgo上传支持可以完美的支持粘贴图片上传的功能,于是我们把PicGo和Typora配置好联合使用之后,就可以完美 丝滑 不需要任何多余步骤的 实现在markdown文档里直接Ctrl+V粘贴截图图片然后自动帮你上传修改链接配置好一切啦…一切都像在用OneNote一样,完美!
那么选好大框架,剩下的就只是图床的选择啦,这就是小问题了(或者说只是钱的问题了?好像完全不是小问题啊草
先看看PicGo,适配了常用的主流图床,所以我们自然是在以下里面选一个
七牛图床
v1.0腾讯云 COS v4\v5 版本
v1.1 & v1.5.0又拍云
v1.2.0GitHub
v1.5.0SM.MS V2
v2.3.0-beta.0阿里云 OSS
v1.6.0Imgur
v1.6.0
为了我们的图片安全考虑,我就先排除掉了小平台专门的图床服务(其实也不一定不安全啦…很多都是老牌网站,但是其实我也是嫌麻烦而且懒得再注册新账号和研究怎么使用了就是…到底还是偷懒了)
那么剩下的,我挑出来的就是GitHub和阿里云了,前者是因为没有限制,可靠而且…免费啊!后者嘛阿里云平台也比较熟悉,另外好几个朋友之前都在用阿里云OSS图床写文章了,评价不错,所以优先考虑
秉承着能白嫖就一定要白嫖的原则,我是首先尝试了GitHub的,其实配置起来很简单,用起来效果也不错…但是毕竟不是专门的图床服务,本质上其实是用GitHub的仓库储存图片并且提供链接访问
所以就产生了一些无法避免的槽点
- 图传上去删不掉!因为仓库的commit历史都可以回溯!虽然可以有办法用命令行删除但是如果不小心上传了不安全的图片处理起来还是麻烦的要死!而且仓库必须全公开!
- 更麻烦的是,众所周知GitHub的内容访问在国内不稳定!必须时刻爬梯子,共享性上就很烂!
这俩问题一个比一个严重…所以我还是放弃掉了GitHub图床,选择了氪金解决的阿里云OSS
实际证明花钱的东西唯一的缺点就只有花钱了!绝赞,不管是速度还是使用体验,真的超快
而且其实也不会花多少钱,以我的例子来说,40G容量一年9块(够存一辈子的图片了…只存博客配图的话),再加上一点点流量费用(根本就没有人看,所以也很少呃) 使用体验还是很棒的了
那么写了一堆废话,实际的配置教程…其实根本不用我写,官方的文档和前辈大佬的配置教程写的详细多了,我也完全没必要再浪费一堆废话了…所以直接上链接啦
首先是官方的配置手册,写的很详细:配置手册
然后是阿里云OSS的开通和Pic Go和Typora联合使用的配置教程,这个更是手把手教学了:PicGo + 阿里云OSS 搭建图床工具(附Typora设置)
至于GitHub图床的教程的话,官方配置手册里也写的很详细了,如果不在意上面说的缺点(还是想白嫖)的话可以去读一下,非常的简单,这里就不重复了
自动新建文章和hexo部署上传
图床的问题解决了
那么现在我们想要写一篇文章的话该怎么做呢?
开终端,进入本地的hexo博客目录,hexo n 文章名 新建文章,关终端,开资源管理器,进博客目录的post文件夹下,打开创建的文章的md文件,然后开始写…
写完之后呢?还得开终端,再进目录,再hexo clean && hexo g -d把新写的文章部署上传到GitHub pages上…
好像还是有点麻烦是不是?我只想像OneNote一样新建,起标题,记完保存关掉就好,有没有办法呀?
好吧这里我没查到什么好的自动化工具,可能大佬实在还是没有我这么懒吧…
所以只能自己找点办法了…姑且算是解决了问题,用起来也还凑合…就是方法确实不太优雅就是了
嘛,毕竟我不是大佬,所以也没办法啦
首先我们想办法简化下新建文章的步骤,这里我是直接写了个简单的bat脚本,接收一个新建文章名的参数,然后自动执行新建文章并且用typora打开文章的命令,写的很丑,但是用起来还行…长这样
1 | @echo off |
然后把这个脚本存成new.bat,扔到网站根目录下面,再把网站根目录加到系统path里…这样我们就可以按win+R直接输入new 文章名 调用这个脚本自动生成文章然后打开typora开始码字啦~
再做个一键上传的脚本,这个就更简单了,还是一个bat,只需要一句
1 | cd /D H:\Code\MyBlog |
这个我们存成upload.bat,也扔到网站根目录里,写完文章保存之后按win+R打下upload回车就可以自动把文章全部部署上传到网站里喽
嗯…好吧,我承认这么实现实在是不太优雅实在是有点丑陋,但是方便就好,不是吗,就这样吧
其实有个比较优雅的方案是这样
用VSC做md编辑器的话,可以写一个插件,在侧栏做出hexo文章新建和本地文章管理的功能,用GUI简单的新建文章,然后做到编辑后自动保存和部署上传博客
这样使用体验就完全追上OneNote啦!
听起来创意很美好不是吗?呃…但是首先typora并不支持插件功能,虽然vsc写md也不错但是双栏预览的编辑模式感觉还是没有所见即所得写起来舒服一些
然后嘛…我并不会vsc插件开发呀(pia~被拍飞😢)寄!而且不想折腾了,寄!
那么就这样吧,也还不算麻烦…不知道以后会不会有大佬做出这样的插件呢?期待一下啦
那么希望我以后能多写点文章吧…勤奋一点,嗯!