使用vscode写博客

原文
之前写博客用的是Hugo+Obsidian,Obsidian作为一个markdown所见即所得的笔记软件,配置好相关插件后写博客还是很舒服的,比如我用的最多的就是粘贴截图并且自动保存图片,快速创建博客模板。但是我发现用它写博客还是不太得劲,除了我懒以外,问题出在Obsidian(0.14.15)不能像vscode等编辑器一样,支持在当前文件夹或者任务栏右键直接打开对应文件夹的操作。我的Obsidian仓库有两个,每次使用都必须先打开一个仓库再进行切换,下一次又得切换回来,实在是嫌麻烦。所以这次我尝试配置VSCode,并且用该配置写下这篇文章。

图片和模板

直到今天我都还记得,当初最开始接触Markdown时,文章里要添加图片对我来说是一件很麻烦的事情,保存截图,手动在文章里引入,实在是不如word文档里直接粘贴来得方便,所以我想实现类似的效果。与此同时,我现在在使用Astro写博客,每篇文章开头需要加入一些元字段,例如:title,publishDate等,这样可以在构建静态页面时提供相关信息。而我不想每次都手动根据格式填入,所以需要一个能快速填入模板的功能。

图片

VSCode有个插件Paste Image完美满足我的需要:可以直接粘贴截图,自动保存截图文件,可以自定义图片命名以及存放位置。这是我的插件相关配置:

  "pasteImage.defaultName": "${currentFileName}-${HH-mm-ss}","pasteImage.basePath": "${projectRoot}","pasteImage.path": "${projectRoot}/public/${currentFileName}",

模板

VSCode本身支持Snippet,所以可以用这个功能来实现快速生成元数据。在我的Blog项目文件夹下的.vscode目录下新建xx.code-snippets,这个文件的作用是该文件里snippet只会作用于本文件夹。接下来在文件里面添加相关Snippet

{"template": {"prefix": "template","body": ["---","title: title","excerpt: short description","publishDate: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}","tags:","  - Guide","# seo:","# image:","#   src: '/post-11.jpg'","#   alt: A person standing at the window","---","","${0:text}"],"description": "astro template"}
}

最后在VSCode的setting.json里启用Markdown的补全功能即可。

"[markdown]": {"editor.quickSuggestions": {"comments": "on","strings": "on","other": "on"}}

之前一直追求写博客时“应该”需要的功能,比如所见即所得,可拖动块,支持图片上传存储桶等。如今我觉得只要能让我最平滑快速的进入写博客的状态就行,所以写下了这篇简单配置的水文。之前配置的Obsidian也不算复杂,功能我觉得依旧好用,并且优点是所有的插件和配置都是和文章在一个文件夹,相当于完全不依赖于网络,也是很不错的。也许以后我又会切换回去。

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

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

相关文章

vue3 computed

computed 的作用就是监测变量是否发生改变。如果变量发生了改变,那么computed定义的方法就会执行。 在vue3中computed新增get 和set方法。分别对应修改和设置值

洪海洋的博客自我介绍

欢迎来到洪海洋的博客 我个人的基本信息 1.你的姓名? 如标题所示,洪海洋。英文名则是OCEAN,“海洋”,这一般也会作为我的网名。 2.为什么起这样的名字? emmm...五行缺水 3.描述一下自己? 多元、社恐、耐心 4.为什么这样描述自己? 对于我来说,多元包含很多个领域,比如我…

树上深度和问题 - 换根DP

问题引出: 给出 \(n\) 个点的树,求出分别以不同的 \(i\) 为根时,所有结点深度的和,根节点的深度为 \(0\)。 首先我们有个自然的暴力思路, 也就是以每个节点为根节点做一遍 \(dfs\) 这样的复杂度是 \(O(n^2)\) 级别的, 所以要进行优化 看下图:我们首先假设每个节点具有点权, …

珂朵莉树(ODT)

前言 主要是一种暴力思想。。。 本文来自 wiki 与洛谷题解的整合。 应用 主要是应付随机数据(区间操作) 实现 有几个核心操作。 set实现方法 定义 struct node {intt l,r;//intt:long longmutable intt v;node(const intt &ll,const intt &rr,const intt &vv) : …

高效开发Maven架构设计图解/掌握项目工程自动化技巧(精通篇一)

Maven是一个项目管理和构建自动化工具,主要服务于基于Java的项目。它使用一个名为POM(Project Object Model)的XML文件来描述项目的构建过程、依赖、插件等信息。肖哥弹架构 跟大家“弹弹” 高并发锁, 关注公号回复 mvcc 获得手写数据库事务代码 欢迎 点赞,关注,评论。…

20222406 2024-2025-1 《网络与系统攻防技术》实验一实验报告

20222406 2024-2025-1 《网络与系统攻防技术》实验一实验报告 1.实验内容 本周深入学习了缓冲区溢出相关内容,收获颇丰。 一、理论知识学习学习了缓冲区溢出的基本知识,包括汇编语言,了解了常见的指令如mov(数据传送)、push(压栈)、pop(出栈)、call(调用函数)等的基…

Markdown格式学习

Markdown格式学习 掌握内容 标题:使用 # 来表示不同级别的标题,如 # 表示一级标题,## 表示二级标题 有序列表:使用数字加点来创建,如 1., 2.。 链接:使用 链接描述。 强调:使用 * 或 _ 来表示斜体(两边各一个),使用两个 ** 或 __ 来表示粗体。 表格:使用 | 和 - 来创…

免费在线音频转字幕网站 All In One

免费在线音频转字幕网站 All In One 利用 AI 将语音转成文本 free online Speech to Text websites免费在线音频转字幕网站 All In One利用 AI 将语音转成文本free online Speech to Text websites 每天三次免费https://turboscribe.ai/zh-CN/dashboard demos(🐞 反爬虫测试!…

英璞来(imprai)LLMs企业级智能助理:让大语言模型应用触手可及

在这个信息爆炸的时代,人工智能和大数据技术正在改变我们的生活。而随着大语言模型的广泛应用,如何快速、高效地将这些模型集成到各种应用场景中,成为了一个亟待面对的问题。今天,我们要向您介绍一款名为英璞来(imprai)的开箱即用的企业级智能助理平台,它能够让您轻松获…

服贸会上的科技闪耀之星:璞华易研PLM系统引领产品研发潮流

2024年中国国际服务贸易交易会(以下简称为“服贸会”)于9月在北京盛大开幕,再次汇聚全球目光,共襄智慧服务的盛宴。本届服贸会秉承“全球服务、互惠共享”的核心理念,聚焦“共享智慧服务,共促开放发展”,为参会者搭建了一个集展览展示、洽谈推介、成果发布于一体的多元化…

璞华科技珠海采筑:通过SRM系统实现采购管理一体化和精细化

SRM供应商关系管理应该怎么做?如何实现采购管理一体化?近日,聚焦建材采购交易领域的服务商珠海采筑和SRM系统提供商璞华科技通过合作给出了一个现实的回答:通过SRM系统,聚焦使用者视角,以数据为主线,实现采购管理的一体化和精细化。 珠海采筑电子商务有限公司 珠海采筑电…

2024-2025-1 20241408 《计算机基础与程序设计》第二周学习总结

2024-2025-1 20241408 《计算机基础与程序设计》第二周学习总结 作业信息这个作业属于哪个课程 2024-2025-1-计算机基础与程序设计这个作业要求在哪里 https://www.cnblogs.com/rocedu/p/9577842.html#WEEK02这个作业的目标 数字化、信息安全、自学教材计算机科学概论(第七版)…