在vscode上编写jsp_使用vscode高效编写博客园博客

图片上传可真麻烦!

之前写博客的时候,我一般是使用马克飞象先编辑好然后直接复制粘贴到博客园中,这样做一方面可以一边写一遍预览改,另一方面可以保存到印象笔记中,这样一举两得,比较方便。可唯一的问题就在于,图片插入的问题,如下图

如图可以看到,本地编辑预览的时候图片引用的是本地路径的图片(这当然也是理所应当的事,因为文档就是本地的),于是在写完之后,将文章放到博客园的编辑器里的时候,就要重新的去拖拽上传图片或者gif,当图片数量多了起来之后,就显得很麻烦了。明明我都写完了,怎么还要折腾呢?

使用园友的插件

昨天在搜索vscode中关于racket的配置的问题时候,无意间看到了一篇博客园的用vscode写博客和发布,发现这位博主根据xmlrpc编写了一个cnblog的插件,其中就包括了很方便的图片上传,我如获至宝,立刻进行了实践,发现效果还不错(这篇文章就是用vscode编写发布的啦~)。

安装与使用

安装vscode与cnblog插件

这里还是给出原作者的文章,里面写的已经十分清楚用vscode写博客和发布。

插件的功能虽然不多,但都十分实用,已经完全可以满足日常需求啦。

高效截取图片并上传

看完上面插件作者的文章我觉得应该都明白功能的使用了,这里我讲一下我截图并且上传的一些小技巧。

截图我使用的是QQ截图,默认的快捷键(ctrl+alt+a),可以自定义编辑一些文字,很方便。在编辑完截图之后使用ctrl + s可以保存到本地的文件夹,如图

之后可以将保存到本地的文件夹,这里我们可以将用于存储博客图片的文件夹添加至windows快速访问区(写博客的电脑系统为win10),如图。

在将文件夹设置到快速访问区之后,每次截图编辑完保存的时候就可以直接选择快速访问区的文件夹了,如图。

接着可以为图片文件设置一个容易分辨的名字,例如图中我设置的是vscode-blog-1这样的文件名,这样比较容易区分。并且从第二张图片开始你就可以直接在第一章图片上使用f2 + ctrl c快速的复制到文件名,剩下的文件名你只需要输入类似2 3 4 5的序号即可。

最后使用cnblog插件的图片上传功能将图片上传到博客园里即可,下面是完整的操作图。

整个操作步骤其实一共只有三步 截图-保存-上传 ,操作完毕之后图片与博文一步到位。

安装markdown的辅助插件

换成了vscode编写博客,我发现链接,表格与目录的快捷插入方式都没有了(这几点马克飞象里都是有的),该怎么办呢?这里我自己使用的是两款markdown插件,只用到了里面的一些功能,不过对我来说已经足够了。

Markdown Shortcuts插件,该插件可以提供链接与表格的快速插入(我只用到了这里面这两项功能),下载完插件后,在编辑页面点击右键即可看到关于链接(默认ctrl + l)的快捷键,以及表格(add table)的插入,插入表格可以自行设置快捷键,这里我设置的是ctrl+t。如图

Markdown All in One插件,名字很霸气的插件。我使用到了里面的数学公式插入,css预览美化与目录生成插件(当然博客园的是用Js函数生成的)。

数学公式的默认快捷键是alt + m(math),例如\(f_(x) = x^2\)

生成目录可以通过命令查找来完成markdown create table of conents,如图

css的样式可以在用户目录添加这样的一段Json字符串设置(这里的地址可以填写你本地或者网络的css文件地址){

"markdown.styles": [

"https://files.cnblogs.com/files/invoker-/dark.css"

]

}

在vscode左侧插件还提供了Markdown的提纲进行查看,方便这里思绪整理,如图。

使用github进行同步管理

使用上图的设置之后,我感觉比起之前用马克飞象写,舒服了很多,但马克飞象是和印象笔记关联的,这里我觉得不如直接把博客和github进行关联,这样方便保存和管理。

如何安装与使用git这里我就不再赘述了,相关的教程十分的多。简单来说就是将本地的博客文件夹和github远程仓库进行关联。vsCode内置了git插件,git的提交和推送通过命令搜索都十分的方便,如图。

同样的,你也可以自行设置git常用操作的快捷键。这样,你只需要按几个键,文章就推送到github上了,非常简单。如下图。

总结

在一翻设置之后,之前写博客觉得最麻烦图片问题总算解决了,现在我只需要在vscode编写预览完博客,连浏览器都不用打开,按几个键,就可以把博客推送到cnblog与github上了 😃。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/344612.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

dev分支和master是什么_天天用Git,分支开发你怎么弄的?

来源| juejin.im/post/6844903635533594632Git 是目前最流行的源代码管理工具。为规范开发,保持代码提交记录以及 git 分支结构清晰,方便后续维护,现规范git的相关操作。分支命名1、master 分支master 为主分支,也是用于部署生产环…

gradle ant_区分基于Ant目标的Gradle任务

gradle ant在我的博客文章《 从Ant Build演变Gradle构建:导入Ant构建文件》中 ,我演示了如何使用Gradle内置的基于AntBuilder的Ant支持在Gradle构建中导入Ant目标。 然后,可以将这些Ant目标作为Gradle任务进行访问,并与Gradle构建…

labview求n阶乘的和_求极限方法总结

函数的极限第一步:判断极限类型1、 型常用方法:①洛必达法则 ②等价无穷小代换 ③泰勒公式2、 型常用方法:①洛必达法则②分子分母同除以分子和分母各项中最高阶的无穷大③基本极限: 当nm时,极限等于 ,当n<…

使用Gradle构建Monorepo项目

根据Wikipedia的说法 , monorepo是一种软件开发策略,其中许多项目存储在同一存储库中。 这种策略可以快速检测到因依赖关系的更改而导致的潜在问题和破坏,并且已被许多使用大型代码库的组织采用,例如Google,Facebook和…

【渝粤教育】广东开放大学 国际私法 形成性考核 (41)

选择题 题目:下列哪些情况适用我国有关法律?( ) 题目:我国法律规定司法协助的内容包括( )。 题目:采取民事登记婚姻方式是结婚的实质要件。( ) 题目&#xff…

【渝粤教育】广东开放大学 工商企业文化 形成性考核 (55)

选择题 题目:企业制度能否对企业管理起作用,关键在于“自律”和“他律”的相结合,即企业管理制度和( )的相融合,这才有可能达到企业的均衡发展。 题目:任何的企业管理制度,再好的企业…

uniapp怎么引入css_CSS 三种基础选择器

本节我们来学习 CSS 中的选择器,选择器是 CSS 里面一个很重要的概念,HTML 中的所有标签样式,都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器,就可以对不同的 HTML 标签进行选择,并指定各种样式声明。在 C…

万网绑定二级域名_Hexo+yilia主题网站绑定个性域名

上篇我们已经成功部署了自己的博客网站,初始化的网站看上去似乎少了些内容(高端大气上档次的设置)。接下来我们就进一步完善我们的博客网站(孟繁胜游)。绑定个性域名当你打开github给你设定的固定域名时,是不是感觉low极了。主要是github给你的域名在你注…

guava缓存数据到本地_扩展Guava缓存以溢出到磁盘

guava缓存数据到本地缓存使您可以轻松地显着加速应用程序。 Java平台的两种出色的缓存实现是Guava缓存和Ehcache 。 尽管Ehcache功能丰富得多(例如其Searchable API ,将缓存持久化到磁盘或溢出到大内存的可能性),但与Guava相比&am…

【渝粤教育】广东开放大学 性考 形成性考核 (33)

选择题 题目:GATT缓和了国际贸易()有效地促进了国际贸易的发展。 题目:WTO的公平竞争原则要求在WTO框架下,成员方应()采取扭曲市场竞争的措施 题目:技术法规般涉及国家安全、()、环境保护、劳动保护、节能等方面技术法规还涉及到与产品特性、…

jmeterhttp代理服务器_Jmeter使用HTTP代理服务器录制

1、添加线程组2、线程组下,添加录制控制器3、添加HTTP代理服务器,右键单击测试计划添加→非测试元件→HTTP代理服务器。1)HTTP代理服务器配置,目标控制器选择测试计划>线程组>录制控制器;端口号随便输入一个,与浏…

【渝粤教育】广东开放大学 文化田野调查 形成性考核 (22)

选择题 题目: 文化遗产主要是指的非物质文化遗产。 答案:看左侧 题目: 县级以上人民政府根据非物质文化遗产保护、保存工作需要,组织非物质文化遗产调查。非物质文化遗产调查由县级以上研究部门负责进行。 答案:看左侧…

GraalVM上的Picocli:极快的命令行应用程序

GraalVM GraalVM允许您提前将程序编译为本地可执行文件。 与Java VM相比,生成的程序具有更快的启动时间和更低的运行时内存开销。 这对于通常是短暂的命令行实用程序尤其有用。 GraalVM对Java反射的支持有限,它需要提前了解反射访问的程序元素。 反射访…

【渝粤教育】广东开放大学 标准化理论与方法 形成性考核 (50)

选择题 题目: 我国的标准层级分为()级。 答案:看左侧 题目: 国家标准中"要求”属于必备要素,也是规范性技术要素。 答案:看左侧 题目: ,标准可分为国际标准、区域标…

【渝粤教育】广东开放大学 社会保障学 形成性考核 (34)

选择题 题目:乡政府现要对申请低保的村民张三进行资格调查,按照法律规定,不属于调查范围的是( ) 题目:我国现行《失业保险条例》所指失业人员为 ( ) 题目:《失业保险条例…

es数据频繁的更新_es之文档更新过程中并发冲突问题

1:乐观锁控制ES是分布式的,也是异步并发的,我们的复制请求是并行发送的;这就意味着请求到达目的地的顺序是不可控制的,是乱序的;如果是乱序的方式,很有可能出现这样的一个问题,新ver…

【渝粤教育】广东开放大学 网络编程技术 形成性考核 (57)

选择题 题目:在JavaScript中,运行以下代码: var flagtrue; document .write(typeof(flag)); 值是( )。 题目:下面的代码( )能在页面中弹出提示框,并且输入框中默认无任何内容 题目:在JavaScript中&#xff…

【渝粤教育】广东开放大学 金融学 形成性考核 (37)

选择题 题目:金融体系中居于联接宏微观的纽带和运作核心地位的是( ) 题目:对居民盈余与赤字的管理选择,说法正确的是( ) 题目:从形式上看,收入可分为( &a…

面试题目_总结面试中 promise 相关题目的套路

Promise 作为当下主流的异步解决方案,在工作中和面试中常常出现,尤其是在面试中,会弄个场景让你手写代码,这里给大家介绍五道比较有代表性的题目,以便熟悉一些套路。promise 简单介绍先简单介绍下 PromisePromise 对象…

javafx 自定义控件_JavaFX自定义控件– Nest Thermostat第1部分

javafx 自定义控件几周前,由于Hendrik Ebbers的出色文章 ,我决定花一些时间观看有关JavaFX的JavaOne讨论。 我不得不说我已经学到了很多东西,只是看这些视频(即使我还没有完成)! Gerrit的“使用力&#xf…