VSCode写博客以及发布
@
前言
在编写博客的道路上面,几经波折,以前写博客,都是直接使用CSDN或者博客园在线编辑,需要注意格式,编辑设置等一堆东西,总感觉这样用起来很不方便。后来偶然间在网络上看到使用Markdown来写博文,一眼看去,感觉用起来舒服多了,但是!图片的插入用起来又很费事了,于是又开始一顿搜索,最终,功夫不负有心人,还是让我找到了解决方式,那么写博客的烦人的问题就一扫而空了,哈哈哈😄,现在整理一下在写博客过程中我所使用的插件,分享给大家。
MarkdownTools
首先,就是这款写作工具,方便我们快速编写博客,并且使用起来非常快捷。推荐⭐⭐⭐
进入扩展界面,在应用商店里面输入 MarkdownTools,即可找到如下插件,点击进行安装。
安装完成后,可以再左边工具栏,看到M图标,该插件里面含有日常编写Markdown所需要的标题,字体,代码,公式,表情以及流程图等,内容非常的丰富,覆盖到我们编写过程中所需要的东西,方便又快捷!
Markdown Preview Enhanced
其次,这款博客实时预览插件,能够将你的博文实时的显示在VSCode里面。 推荐⭐⭐⭐
同样的在扩展界面,应用商店里面下载 Markdown Preview Enhanced
下载完成以后,在对应的.md文件里面,点击右键选择打开侧边预览,就可以实时查看我们编写的博文了。
在预览界面里,点击右键显示主题,选择黑色,这样就能够调整成同样的背景色了。
点击该位置,可以查看目录以及对应跳转
这样我们就能在VSCODE很方便的编写blog了, 最终的效果如下图所示:
MD文件转成PDF文件
在对应的预览界面右键点击,open in browser 在浏览器打开
在浏览器中右键,点击打印,选择另存为PDF,点击保存即可保存对应的pdf文件
博客园Cnblogs客户端
最后,强大的工具来了,能够一键关联博客园,一键上传博客,一键上传图片等等,强力推荐⭐⭐⭐⭐⭐
进入扩展界面,在应用商店里面输入 博客园Cnblogs客户端,即可找到如下插件,点击进行安装。
当安装完成后,左边工具栏里显示如下(这里是登录后的显示界面),没有登录点击扫码登录即可。这样我们就能够很方便的在VSCode里面对博客园进行博客管理。
插入图片
当编写过程中,需要插入图片的时候,可以先把图片复制,然后点击.md文件的右键或者快捷键CTRL+ATL+U即可将图片上传到博客园
一键发布
当编写完成的时候,点击.md文件的右键或者文件右上角图标,即可一键发布
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 上周热点回顾(2.17-2.23)
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 如何使用 Uni-app 实现视频聊天(源码,支持安卓、iOS)