使用VSCode+七牛云图床插件+自定义快捷键配置Hexo博文编写环境

前言

 

PS:本文图片失效,所有内容失效。

 

在我的电脑上安装了MarkdownPad++还有VSCode(主要是用来写前端的),VSCode也是可以写md文章的。之所以之前我是安装了MarkdownPad++,是因为它有一个可以上传图片的功能,再加上它还有一些VSCode没有的快捷键,所以一直是两个软件并存,直到今天重新捣鼓了一下,终于可以去掉MarkdownPad++了。不得不说VSCode确实很强大,更加难得的是支持中文,这使我对这个软件的好感度哧溜的加加加。

特写下这个教程,方便同样是我这种情况的朋友。

过程

  • 首先你得要有VSCode对吧,没有的话我也是附上链接:Go

  • 其次是在VSCode中安装一个预览MD文件的插件Markdown Preview Enhanced,这样写文章的时候能够做到实时预览了。

     

     

{mdFileName}-2018119155259

  • 为了能够最大程度的获得一些markdown的通用快捷键,这里可以下载一个Markdown Shortcuts插件,比如Ctrl+l插入链接、Ctrl+B加粗之类的。

{mdFileName}-2018119155358

  • 最核心的一步——安装七牛云图床插件。

    • 安装插件qiniu-upload-image
      {mdFileName}-2018119155541

    • 注册七牛云(注册后需要认证,我的认证时间是半天。)
      接着在{mdFileName}-201811916325新建对象存储。这里会有一个默认的【测试域名】,如果你的网站还没有备案的话,就用这个默认的吧。备案了的可以自定义域名。

    • 配置VSCode过程

      • 依次打开【文件】-【首选项】-【设置】
      • 在【搜索设置】中搜索qiniu关键字
      • 将【qiniu configuration】中的6个子设置从【默认设置】拷贝到【用户设置】
        {mdFileName}-2018119155911
      • 其中的【AccessKey 签名授权】【SecretKey 签名授权】在密钥管理
      • 七牛图片上传空间是你的存储空间的名字,七牛图床域名为测试域名。
  • 接着还想在VSCode里面直接完成部署功能。
    有两种方法:

    • 1 安装vscode-Hexo插件 然后直接在命令面板中输入以下命令:
      {mdFileName}-201811916939
    • 2 按住Ctrl+` 在VSCode中弹出终端,也可以在这里面直接输入命令操作。
      {mdFileName}-2018119161338

总结

卸载掉MarkdownPad ,电脑又轻松了几百M。如果需要帮助的盆友请留言。

2018年5月29日12:32:48更新

最近收到读者给我发的邮件说会出现如下情况:

QQ截图20180529123226

经过研究,这里出现的原因是因为快捷键冲突,因为七牛云的插件的默认设置是:

粘贴图片路径上传:SHIFT + P
直接选择图片上传:SHIFT + O

所以,在设置里面更改快捷键,比如我相关**Ctrl+G**表示上传图片。

帖子状态

话题参与者

回复显示排序:

给大家安利一款免费的在线流程图设计软件:贼好用 ProcessFlow — 免费在线作图、实时协作 ProcessFlow是一个在线作图工具的聚合平台, 它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等, 您无需担心下载和更新的问题, 不管Mac还是Windows,一个浏览器就可以随时随地的发挥创意,规划工作,解放您的双手,让您腾出双手去成就别人的梦想。

Finally!
有没有特别的设计建议或更新的指南?
Finally!
您好,这边没有的。
tesla02 best answer
6 Jan,2019
Finally!
有没有特别的设计建议或更新的指南?
此帖子已被版主标记,收到太多否决票。

这是太大的预览图像,它应该更小,甚至五行。在一个页面上有30到60个页面,它是1800个项目 类别例如在附加组件类别有22749个项目,为什么不看到所有的项目,但只有那1800个项目?这是件坏事。

看起来您是个新人,欢迎免费注册社区,加入我们的大家庭,一起学习,一起成长。
提交你的评论
System.out.println("请输入你的代码块...");
话题
分类
喜欢
回复
浏览
活跃
原创社区
985
0
1.5k
原创社区
985
1
1.5k
20/12/25 22:32:21
javaWeb
985
1
1.5k
20/06/15 22:09:21
youtube
698
78
2.1k
3d
Settings

请插入代码块