本地编写Markdown格式文件,浏览器查看

news2024/11/25 7:54:41

编写准备

  1. 下载VsCode并安装,打开后在内部安装Markdown All in OneMarkdown Preview EnhancedPaste Image三个插件。
  2. 新建一个文件夹用以后期保存你的笔记等文件
  3. 在左侧新建文件,.md结尾,即完成创建
  4. 右侧可实时的查看你的编写结果,本地查看可直接使用浏览器查看,浏览器内查看时须安装MarkdownViewer插件
  5. 每一种格式的下方均有解释,编辑器内查看可能存在bug,一切效果以浏览器内查看为准

---代表分割线

这里写目录标题

  • 一级标题
    • 二级标题
      • 三级标题
        • 四级标题
  • 正文
  • 分段
  • 加粗与斜体
  • 下划线与文字颜色
  • 字体大小
  • 有序列表与无序列表
  • 插入代码和图像
  • 加载图像
  • 居中和高亮
  • 表格
  • 注释
  • 表情标签
  • END

一级标题

语法:# + 空格+标题文字

二级标题

语法:## + 空格+标题文字

三级标题

语法:### + 空格+标题文字

四级标题

语法:#### + 空格+标题文字

井号的数量表示标题的大小,井号与标题须隔一个空格

正文

正文的编写过程中直接顶格书写,书写中没有换行的概念,其中的换行是根据浏览器的宽度自动换行。若是想换行,须在换行处加入两个空格,文字后面有两个空格
此时便已经换行了。

分段

分段须空一行

表示是两个段落。

加粗与斜体

此时文字是加粗的。 快捷键是ctrl+b,不嫌麻烦的可以左右打两个星号。
语法: **文字内容**
格式后面紧跟正文的需要添加一个空格,上方两个星号后就有一个空格,否则无法显示加粗

此时文字是斜体的。 快捷键是ctrl+i,不嫌麻烦的可以左右打一个星号。
语法: *文字内容*

下划线与文字颜色

此时文字下方加入了下划线。此时利用了html中的格式,快捷键未知,
语法:<u>文字内容</u>

此时文字已经标红。 若是想标成其它颜色,修改color后的颜色即可
语法:<font color=red>文字内容</font> 红色

字体大小

5号字体大小

语法: <font size=5>5号字体大小</font>

有序列表与无序列表

  1. 第一点
    1. 次一点
      1. 次次一点
    2. 次二点
  2. 第二点
  3. 第三点

列表序号和标题空一格,二级标题空三格,三级标题空六格...回车会自动生成,结束后须空一行写正文

  • 无序列表
    • 次级列表
      • 次次级列表
  • 无序列表
  • 无序列表

格式是一个星号后空一格跟标题,回车会自动生成,结束后须空一行写正文,二级无序列表空一个Tab

插入代码和图像

int main()
{
	cout <<"孤单又灿烂的神,stay with me";
	return 0;
}

在前后三个点,在键盘左上角,包裹内写入代码,第一个三个点后写入代码类型

加载图像

<div align=center><img src ="2022-12-01-22-31-46.png"/></div>
<div align=center><img width = '70%' height ='70%' src ="2022-12-11-20-00-52.png"/></div>
通过快捷键ctrl+alt+v,即可插入图像,同时文件夹内会保存一份图像文件,图像文件须和此文件放在一块,否则图像无法显示。

居中和高亮

此时文字是居中的

通过两个center包裹显示
语法:<center>此时文字是居中的</center>

此时文字是高亮的

通过两个== 包裹显示,但此条浏览器内可能不适用

表格

1列2列3列
左对齐居中对齐右对齐

每列用“|”隔开,每行需要两行来定义,第一行表示列名,第二行表示对齐方式。
对齐方式::---|---|---: 分别表示左对齐,居中对齐和右对齐

注释

以上飘红的内容都是使用了注释的格式,通过前后各一个点,在键盘的左上角,包裹起来定义注释内容。

语法: ``

表情标签

https://emojipedia.org/

想用哪个复制哪个,想用在哪就粘在哪!🔥🚀🍇1️⃣📢✨😓🧒。

END

以上格式基本满足日常的编写需求,若格式无法显示,查看是否忘记加入空格或者换行,最终结果在浏览器内查看会更好一些。在语法上面,本地的Markdown语法格式和CSDN的格式无异,并且CSDN里面有很多快捷功能,很快捷。

附一张颜色名称图,以备调色。
在这里插入图片描述

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

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

相关文章

SpringBoot3集成Spring Authorization Server实现SSO单点登录

1. 概述 在之前的文章中介绍过SpringBoot集成OAuth2老版本的方案SpringCloud搭建微服务之OAuth2实现SSO单点登录&#xff0c;随着Spring Authorization Server框架的成熟和SpringBoot版本的更新&#xff0c;新项目必然会采用新的技术和框架&#xff0c;本文将使用最新的Spring…

推理引擎测试-算力共享:test_inference_engine

目录 算力共享:test_inference_engine 关键点解释 实际应用和注意事项 算力共享:test_inference_engine 这段代码设计用于测试一个名为 InferenceEngine 的推理引擎,特别是测试其在处理不同分片(Shards)时的连续性和一致性。在机器学习和深度学习模型中,尤其是当模型非…

jenkins+python+appium 本地(简洁版)

jenkinspythonappium 本地&#xff08;简洁版&#xff09; 等服务器到了配到服务器上去&#xff0c;先在自己电脑上试一下。踩了n个坑&#xff0c;网上找的资料太深奥TAT 直接上操作 先把jenkins安装好&#xff08;肯定安装啦&#xff09;我的版本是2.462 新建任务 输入名称 选…

市占率最高的显示器件,TFT_LCD的驱动系统设计--Part 1

目录 一、简介 二、TFT-LCD驱动系统概述 &#xff08;一&#xff09;系统概述 &#xff08;二&#xff09;设计要点 二、扫描驱动电路设计 &#xff08;一&#xff09;概述 扫描驱动电路的功能 扫描驱动电路的组成部分 设计挑战 驱动模式 &#xff08;二&#xff09…

互联网全景消息(1)之RabbitMq基础入门

一、消息中间件 1.1消息队列回顾 消息队列中间件是分布式系统中重要的组件&#xff0c;主要解决应用解耦&#xff0c;异步消息&#xff0c;流量削锋等问题&#xff0c;实 现高性能&#xff0c;高可用&#xff0c;可伸缩和最终一致性架构。目前使用较多的消息队列有ActiveMQ &a…

js插件-模糊搜索、自动补全下拉框

问题&#xff1a;一个老系统&#xff0c;让把所有jsp页面动态生成的<select>下拉选&#xff0c;选项过多的下拉选全部改为支持模糊搜索的下拉选的功能。系统框架只有 jq 和layui&#xff08;仅用于列表和弹窗&#xff09;&#xff0c; JQurey 首先想到的就是jQuery UI …

构建以数据为核心智慧型工业园区新架构方案

1. 项目背景与目标 智慧型工业园区新架构的构建旨在通过数据驱动实现节能、绿色、高效和安全的目标&#xff0c;以应对当前工业园区在基础数据收集、系统管理和操作复杂性方面的挑战。 2. 现状分析 当前工业园区的发展面临数据收集难题、系统分散、操作复杂以及孤岛效应&…

前端面试——八股文

一、Vue2篇 1. 关于生命周期 1.1 生命周期有哪些&#xff1f;发送请求在created还是mounted&#xff1f; 请求接口测试&#xff1a;https://fcm.52kfw.cn/index.php?_mall_id1&rapi/default/districtVue2.x系统自带有8个 beforeCreate created beforeMount mounted be…

电子签合同区块链存证合约小程序开源版开发

电子签合同区块链存证合约小程序开源版开发 电子合同底层对接的腾讯电子签接口&#xff0c;支持自定义模版发起合同和文件发起合同&#xff0c;支持骑缝章&#xff0c;多方签署&#xff0c;腾讯至信链提供区块链存证&#xff0c;安全高效签署合同文书。 特色功能 自定义合同模…

(计算机论文)基于SpringBoot和Vue的台球赛事服务网站的设计与实现

毕业设计&#xff08;论文&#xff09; 博主可接毕设论文&#xff01;&#xff01;&#xff01; 基于SpringBoot和Vue的台球赛事服务网站的设计与实现 摘 要 在快速发展的信息时代&#xff0c;体育竞赛作为群众文化娱乐的一部分&#xff0c;已日益受到广泛关注。台球&#xff…

Windows—线程基本知识和线程同步

线程 线程的组成 线程的内核对象&#xff0c;操作系统用它来对线程实施管理。内核对象也是系统用来存放线程统计信息的地方。线程堆栈&#xff0c;它用于维护线程在执行代码时需要的所有函数参数和局部变量 线程的进入点 每个线程必须拥有一个进入点函数&#xff0c;线程从…

备战2024年全国大学生数学建模竞赛:多波束测线问题的解题与优化

目录 一、引言 二、问题分析 三、解题思路与模型建立 问题1&#xff1a;覆盖宽度及重叠率计算 问题2&#xff1a;不同测线方向的覆盖宽度 问题3&#xff1a;最短测线的设计 问题4&#xff1a;基于单波束数据的测线设计 四、知识点解析 五、结果讨论与总结 六、模型的评…

X86架构(六)——硬盘访问与控制

在前面几节中&#xff0c;我们总是通过ROM-BIOS从硬盘的主引导扇区读取一段程序并加载到内存运行&#xff0c;但是处理器是如何访问硬盘呢&#xff1f;这是一个值得我们思考的问题 OK&#xff0c;我们先看一张图 所有这些和计算机主机连接的设备&#xff0c;叫做外围设备,也叫…

240831-Qwen2-VL-7B/2B部署测试

A. 运行效果 B. 配置部署 如果可以执行下面就执行下面&#xff1a; pip install githttps://github.com/huggingface/transformers accelerate否则分开执行 git clone https://github.com/huggingface/transformers cd transformers pip install . accelerate随后&#xff0…

8.27FLEX,BISON

RC ParseStage::handle_request(SQLStageEvent *sql_event) 这个意思是返回类型是RC&#xff0c;然后用到的函数来自 ParseStage&#xff0c;&#xff1a;&#xff1a;就是用来标识作用域的&#xff0c;函数名是handle_request&#xff0c;是ParseStage里的函数 FLEX BISON

vue.js项目实战案例详细源码讲解

​ 大家好&#xff0c;我是程序员小羊&#xff01; 前言&#xff1a; 为帮助大家更好地掌握Vue.js项目的开发流程&#xff0c;我将为你讲解一个完整的Vue.js实战案例&#xff0c;并提供详细的源码解析。这个案例将涵盖从项目创建到实现各种功能模块的全过程&#xff0c;适合用于…

组织培训如何分组?

在组织培训活动时&#xff0c;合理分组是提高效率和参与度的关键。云分组小程序提供了一个简单而有效的解决方案&#xff0c;帮助组织者快速、公平地将参与者分配到不同的小组中。以下是使用云分组小程序进行培训分组的详细步骤&#xff1a;一、创建分组 1. 打开云分组小程序。…

入坑大模型18个月的反思与贩私

前几天开完一个有高层参加的会议&#xff0c;会后组里的技术大佬直接就开喷“要规划没规划&#xff0c;整天只知道对着几个糊弄老板的榜使劲刷”。我下意识地赶紧去拉住他&#xff0c;低声对他讲“你声音太小了&#xff0c;老板听不到的&#xff0c;回头我领你去大厦的保安室&a…

Docker容器技术(下)超多好上手的实验,保姆级教程

文章目录 Docker数据卷管理及优化为什么要使用数据卷bind mount数据卷docker managed数据卷Data Volume Container&#xff08;数据卷容器&#xff09;bind mount数据卷 VS docker managed数据卷备份与迁移数据卷 Docker的安全优化Docker的资源限制限制CPU的使用限制CPU的使用量…

RAG重磅升级:DSF带来特定领域精准提升的全新方案!

检索增强生成&#xff08;Retrieval-Augmented Generation, RAG&#xff09;是一种结合了检索&#xff08;Retrieval&#xff09;和生成&#xff08;Generation&#xff09;能力的框架&#xff0c;通过从背景数据中检索相关信息来增强模型的生成输出。在当前的大型语言模型&…