[VSCode插件] 轻量级静态博客 - MDBlog

news2024/9/25 19:20:37

MDBlog

在这里插入图片描述

VSCode插件,基于Markdown的轻量级静态博客系统,同时支持导出为可以部署的静态博客。

仓库 MDBlog

1. Features

  • 博客基础功能:分类管理、文章管理、自动生成索引
  • 快捷指令:快捷输入表格、mermaid、wavedrom、代码块
  • 发布:将Markdown发布为HTML文件
  • (可选) 本地预览功能:基于live-server支持本地预览发布的HTML文件

2. Tip

  • 如果需要使用本地服务预览,请先安装Node.js,然后安装使用命令npm install -g live-server来安装live-server
  • 建议配合插件 [Markdown Preview Enhanced] 使用,vscode编写md即可预览,编写完成后发布为静态博客
  • ! 警告:如果您使用Windows,请不要在C盘建立MDBlog的文件夹,由于权限问题,会导致某些功能无法使用。
  • 不要<do-not-delete-me>标签内编写内容,或者删除它,会导致MDB的无法自动生成索引
    在这里插入图片描述

3. Quick Start

3.1 MDBlog初始化

  • 初始化
    在这里插入图片描述

然后根据提示输入博客名和作者(使用英文逗号分割)

  • 输入信息
    在这里插入图片描述

3.2 新建、编辑、删除分类

  • 新建一级分类
    在这里插入图片描述

  • 新建次级分类,次级分类可以继续新建下一级分类
    在这里插入图片描述

  • 删除、重命名分类
    在这里插入图片描述

  • 移动分类

    • 复制目标分类的地址
      在这里插入图片描述

    • 移动 -> 粘贴目标分类地址
      在这里插入图片描述

3.3 新建、编辑、删除文章

  • 新建文章
    在这里插入图片描述

其他同分类操作

3.4 发布和预览

  • 发布Markdown文件为HTML文件
    在这里插入图片描述

    • 发布:发布当前编辑器的md文件
    • 更新发布:发布已经保存的md文件
    • 全部发布:发布全部md文件
  • 本地服务预览HTML文件(请确保已经安装Node.js和live-server)
    在这里插入图片描述

    • 启动:启动live-server
    • 停止:停止live-server
    • 查看(默认浏览器):使用默认浏览器打开发布的静态博客
  • 直接预览HTML文件(不需要安装Node.js和live-server)

    • [发布] -> [右击] -> [打开发布(资源管理器)] -> 双击打开首页index.html

3.5 快捷命令

MDBlog支持快捷命令,输入mc.即弹出提示框。

Tip: 为了便于MDBlog管理图片,请务必使用快捷命令插入图片和删除图片

  • 插入图片
    1. 复制你要粘贴的图片
    2. 新行输入命令mc.insert_img回车
    3. 粘贴图片,MDBlog自动管理图片和生成新索引
  • 删除图片
    1. 光标放在图片格式前后位置,不可在中间
    2. 输入命令mc.delete_img回车
    3. MDBlog自动删除图片和相关索引
  • 新建表格
    1. 新行按如下格式行数, 列数, 对齐方式输入需要的表格,使用英文逗号
    2. 行数和列数都是数字,对齐方式可选l左对齐,c居中对齐,r右对齐
    3. 例如输入2,3,c,紧接着输入mc.insert_table回车
    4. 自动生成2行3列,居中对齐的表格
  • 插入代码块
    1. 新行输入需要的语言,例如c或者java
    2. 紧接着输入mc.insert_code_block回车
    3. 自动生成对应的代码块
  • 插入mermaid
    1. 新行输入mc.insert_mermaid_xxx命令,即可生成对应的mermaid示例
      A B req_1 resp_ack A B
  • 插入wavedrom
    1. 新行输入mc.insert_wavedrom_xxx命令,即可生成对应的wavedrom示例
      {
          signal: 
          [
              {name: 'clk',   wave: 'p..Pp..P'},,
              ['Master',,
                  ['ctrl',
                      {name: 'write', wave: '01.0....'},
                      {name: 'read',  wave: '0...1..0'}
                  ],
                      {name: 'addr',  wave: 'x3.x4..x', data: 'A1 A2'},
                      {name: 'wdata', wave: 'x3.x....', data: 'D1'   },
              ]
          ]
      }
      

4. Keybindings

功能快捷键
初始化New MDBlogctrl+m i
打开New MDBlogctrl+m o
全部发布ctrl+p a
更新发布ctrl+p s
发布(当前编辑)ctrl+p c
查看网页(默认浏览器)ctrl+p o
本地预览-启动ctrl+m s
本地预览-停止ctrl+m t

5. Release Notes

1.0.1 (24.03.02)

基础版本:基础博客功能


6. For more information

  • 本插件基于crossnote开发

7. License

License

Enjoy!

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

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

相关文章

Photoshop 2023:重塑创意,引领数字艺术新纪元

在数字艺术的浩瀚星空中&#xff0c;Adobe Photoshop 2023&#xff08;简称PS 2023&#xff09;如同一颗璀璨的新星&#xff0c;为Mac和Windows用户带来了前所未有的创意体验。这款强大的图像处理软件不仅继承了前作的精髓&#xff0c;更在细节上进行了诸多创新&#xff0c;让每…

前端el-date-picker传递的日期格式不是自己想要的格式

解决方法&#xff1a; 添加format和value-format属性进行解决。 format“YYYY-MM-DD” value-format“YYYY-MM-DD” 注意&#xff1a;日期格式要用大写&#xff01;&#xff01;&#xff01;&#xff01;用小写会出现错误&#xff0c;不能回填选择的日期&#xff0c;会直接传入…

【 buuctf-swp】

wget 是什么东西呢&#xff1f; 那就直接过滤 http 流&#xff0c;并全部导出&#xff0c;点击 save all在导出来的一大堆里发现个 zip&#xff0c;需要输入密码&#xff0c;macOS 一大特点就是&#xff0c;如果是伪加密&#xff0c;随便输入一个密码就可以解压缩&#xff0c;…

Redis7 实现持久化的三种方式

1、概述 1.1、Redis持久化的重要性 数据恢复&#xff1a;Redis是一个内存数据库&#xff0c;如果系统或服务宕机&#xff0c;内存中的数据将会丢失。Redis的持久化机制可以把数据保存到磁盘上&#xff0c;以便在系统重启后恢复数据。这是Redis持久化最基本也是最重要的功能。…

基于阿里云OSS上传图片实战案例

一、案例描述 基于Springboot框架实现一个上传图片到阿里云服务端保存的小案例。 二、准备工作 基于Springboot免费搭载轻量级阿里云OSS数据存储库&#xff08;将本地文本、照片、视频、音频等上传云服务保存&#xff09;-CSDN博客 三、代码 新建这两个类&#xff1a;一个…

MySQL:开始深入其数据(四)select子查询

select眼熟吧?(都三节了) 又开始学习了 在 MySQL 中&#xff0c;子查询&#xff08;subquery&#xff09;是指在一个查询内嵌套另一个完整的 SELECT 语句。子查询可以嵌套在 SELECT、INSERT、UPDATE、DELETE 语句中&#xff0c;用于从内部查询结果中获取数据&#xff0c;进而完…

新加坡大带宽服务器概览

随着全球互联网的迅猛发展&#xff0c;服务器作为支撑网络应用的重要基础设施&#xff0c;扮演着越来越重要的角色。新加坡&#xff0c;作为亚洲四小龙之一&#xff0c;其服务器市场也备受关注。特别是新加坡的大带宽服务器&#xff0c;更是受到了众多企业和个人的青睐。那么&a…

LeetCode -- 79.单词搜索

1. 问题描述 给定一个 m x n 二维字符网格 board 和一个字符串单词 word 。如果 word 存在于网格中&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 单词必须按照字母顺序&#xff0c;通过相邻的单元格内的字母构成&#xff0c;其中“相邻”单元格是那些水…

SNAP:如何批量预处理Sentinel2 L2A数据集并输出为TIFF文件?

我的需求 我目前就是希望下载哨兵2号数据&#xff0c;然后在SNAP中进行批量提取真彩色波段并输出为TIFF文件。 数据集下载说明 目前哨兵网站似乎进行了一大波更新&#xff0c;连网站都换了&#xff0c;网址如下&#xff1a; https://dataspace.copernicus.eu/ 打开后界面如…

Linux课程四课---Linux开发环境的使用(自动化构建工具-make/Makefile的相关)

作者前言 &#x1f382; ✨✨✨✨✨✨&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f382; ​&#x1f382; 作者介绍&#xff1a; &#x1f382;&#x1f382; &#x1f382; &#x1f389;&#x1f389;&#x1f389…

C++进阶(三) 二叉搜索树

一、二叉搜索树 1.1 二叉搜索树概念 二叉搜索树又称二叉排序树&#xff0c;它或者是一棵空树&#xff0c;或者是具有以下性质的二叉树: 若它的左子树不为空&#xff0c;则左子树上所有节点的值都小于根节点的值若它的右子树不为空&#xff0c;则右子树上所有节点的值都大于根节…

【论文】A Survey of Monte Carlo Tree Search Methods阅读笔记

本文主要是将有关蒙特卡洛树搜索的文献&#xff08;2011年之前&#xff09;进行归纳&#xff0c;概述了核心算法的推导&#xff0c;给出了已经提出的许多变化和改进的一些结构&#xff0c;并总结了MCTS方法已经应用于的博弈和其他领域的结果。 蒙特卡洛树搜索是一种通过在决策…

Java 石头剪刀布小游戏

一、任务 编写一个剪刀石头布游戏的程序。程序启动后会随机生成1~3的随机数&#xff0c;分别代表剪刀、石头和布&#xff0c;玩家通过键盘输入剪刀、石头和布与电脑进行5轮的游戏&#xff0c;赢的次数多的一方为赢家。若五局皆为平局&#xff0c;则最终结果判为平局。 二、实…

深入理解与应用工厂方法模式

文章目录 一、模式概述**二、适用场景****三、模式原理与实现****四、采用工厂方法模式的原因****五、优缺点分析****六、与抽象工厂模式的比较**总结 一、模式概述 ​ 工厂方法模式是一种经典的设计模式&#xff0c;它遵循面向对象的设计原则&#xff0c;特别是“开闭原则”&…

一文扫盲:室内导航系统的应用场景和技术实现(入门级)

hello&#xff0c;我是贝格前端工场&#xff0c;之间搞过一些室内导航项目&#xff0c;有2D也有3D的&#xff0c;算是有些经验&#xff0c;这里给大家分享一下室内导航的基本尝试&#xff0c;欢迎老铁们点赞、关注&#xff0c;如有需求可以私信我们。 一、室内导航是什么 室内…

vs报错1168链接错误——关于:LNK1168 无法打开 E:\VS\文件名\x64\Debug\文件名. 进行写入问题的解决方法

关于这个问题我在网上找了一些方法。 有些方法解决了这个问题&#xff0c; 但是有点麻烦&#xff0c; 有些方法可能不能解决问题。 这里我先把我在网上找到的方法写出来&#xff1a; 第一种方法是可能开着一个程序&#xff0c;就是这个终端。有的时候报错1168是因为你没有关这…

Vue中如何实现动态路由?

在前端开发中&#xff0c;Vue.js 是一个极为流行的 JavaScript 框架&#xff0c;提供了灵活性和易用性&#xff0c;使得开发者可以快速构建单页面应用&#xff08;SPA&#xff09;。在 Vue 中&#xff0c;我们经常需要处理动态路由的情况&#xff0c;比如根据用户的操作或者权限…

设计模式 (四) -简单工厂模式

请直接看原文:设计模式&#xff08;四&#xff09;简单工厂模式 | BATcoder - 刘望舒 (liuwangshu.cn) --------------------------------------------------------------------------------------------------------------------------- 1.简单工厂模式简介 定义 简单工厂…

chrome选项页面options page配置

options 页面用以定制Chrome浏览器扩展程序的运行参数。 通过Chrome 浏览器的“工具 ->更多工具->扩展程序”&#xff0c;打开chrome://extensions页面&#xff0c;可以看到有的Google Chrome扩展程序有“选项Options”链接&#xff0c;如下图所示。单击“选项Options”…

Go-知识struct

Go-知识struct 1. struct 的定义1.1 定义字段1.2 定义方法 2. struct的复用3. 方法受体4. 字段标签4.1 Tag是Struct的一部分4.2 Tag 的约定4.3 Tag 的获取 githupio地址&#xff1a;https://a18792721831.github.io/ 1. struct 的定义 Go 语言的struct与Java中的class类似&am…