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

这里写图片描述

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

前言

在我的电脑上安装了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。如果需要帮助的盆友请留言。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vscode件合集,05月最新,包括以下件: bibhasdn.django-html-1.2.0 bibhasdn.django-snippets-1.1.0 bitlang.cobol-1.7.8 christian-kohler.npm-intellisense-1.3.0 christian-kohler.path-intellisense-1.4.2 chrmarti.regex-0.2.0 CoenraadS.bracket-pair-colorizer-1.0.37 daltonjorge.scala-0.0.5 danields761.dracula-theme-from-intellij-pythoned-0.1.4 DavidAnson.vscode-markdownlint-0.17.0 dbaeumer.vscode-eslint-1.4.10 donjayamanne.jupyter-1.1.4 donjayamanne.python-extension-pack-1.0.1 DotJoshJohnson.xml-1.9.2 DotJoshJohnson.xml-2.0.0 eg2.vscode-npm-script-0.3.4 eriklynd.json-tools-1.0.2 fisheva.eva-theme-0.3.1 formulahendry.code-runner-0.9.3 formulahendry.terminal-0.0.10 gerane.theme-druid-0.0.2 GrapeCity.gc-excelviewer-2.0.21 humao.rest-client-0.18.4 humy2833.ftp-simple-0.6.3 Ikuyadeu.r-0.5.9 Ikuyadeu.r-lsp-0.0.7 itryapitsin.scala-0.1.7 itryapitsin.scalasnippets-0.1.7 jasonnutter.search-node-modules-1.3.0 jithurjacob.nbpreviewer-1.0.0 josephtbradley.hive-sql-0.0.2 kalitaalexey.vscode-rust-0.4.2 kondratiev.sshextension-0.2.1 luqimin.forgive-green-0.2.1 magicstack.magicpython-1.0.12 mohsen1.prettify-json-0.0.3 mooman219.rust-assist-0.2.0 ms-python.anaconda-extension-pack-1.0.0 ms-python.python-2018.4.0 ms-toolsai.vscode-ai-0.1.8 ms-vscode.go-0.6.80 mtxr.sqltools-0.13.0 PKief.material-icon-theme-3.4.0 qub.qub-xml-vscode-1.2.8 redhat.java-0.25.0 redhat.vscode-yaml-0.0.12 rust-lang.rust-0.4.3 rust-lang.rust-0.4.4 scala-lang.scala-0.1.2 sensourceinc.vscode-sql-beautify-0.0.4 truman.autocomplate-shell-0.1.1 vahidk.tensorflow-snippets-0.3.3 vscjava.vscode-java-debug-0.9.0 vscjava.vscode-java-pack-0.3.0 vscjava.vscode-java-test-0.6.1 vscjava.vscode-maven-0.8.0 waderyan.nodejs-extension-pack-0.1.9 wholroyd.jinja-0.0.8 xabikos.javascriptsnippets-1.6.0 yzhang.markdown-all-in-one-1.3.0 yzhang.markdown-all-in-one-1.4.0 ZakCodes.rust-snippets-0.0.1 zhuangtongfa.material-theme-2.13.5 zhuangtongfa.material-theme-2.13.6
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值