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

2024-09-01 20:12

本文主要是介绍本地编写Markdown格式文件,浏览器查看,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

编写准备

  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里面有很多快捷功能,很快捷。

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

这篇关于本地编写Markdown格式文件,浏览器查看的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1127936

相关文章

SpringBoot UserAgentUtils获取用户浏览器的用法

《SpringBootUserAgentUtils获取用户浏览器的用法》UserAgentUtils是于处理用户代理(User-Agent)字符串的工具类,一般用于解析和处理浏览器、操作系统以及设备... 目录介绍效果图依赖封装客户端工具封装IP工具实体类获取设备信息入库介绍UserAgentUtils

解决Maven项目idea找不到本地仓库jar包问题以及使用mvn install:install-file

《解决Maven项目idea找不到本地仓库jar包问题以及使用mvninstall:install-file》:本文主要介绍解决Maven项目idea找不到本地仓库jar包问题以及使用mvnin... 目录Maven项目idea找不到本地仓库jar包以及使用mvn install:install-file基

Maven如何手动安装依赖到本地仓库

《Maven如何手动安装依赖到本地仓库》:本文主要介绍Maven如何手动安装依赖到本地仓库问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、下载依赖二、安装 JAR 文件到本地仓库三、验证安装四、在项目中使用该依赖1、注意事项2、额外提示总结一、下载依赖登

使用Java将DOCX文档解析为Markdown文档的代码实现

《使用Java将DOCX文档解析为Markdown文档的代码实现》在现代文档处理中,Markdown(MD)因其简洁的语法和良好的可读性,逐渐成为开发者、技术写作者和内容创作者的首选格式,然而,许多文... 目录引言1. 工具和库介绍2. 安装依赖库3. 使用Apache POI解析DOCX文档4. 将解析

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

Android实现打开本地pdf文件的两种方式

《Android实现打开本地pdf文件的两种方式》在现代应用中,PDF格式因其跨平台、稳定性好、展示内容一致等特点,在Android平台上,如何高效地打开本地PDF文件,不仅关系到用户体验,也直接影响... 目录一、项目概述二、相关知识2.1 PDF文件基本概述2.2 android 文件访问与存储权限2.

利用Python快速搭建Markdown笔记发布系统

《利用Python快速搭建Markdown笔记发布系统》这篇文章主要为大家详细介绍了使用Python生态的成熟工具,在30分钟内搭建一个支持Markdown渲染、分类标签、全文搜索的私有化知识发布系统... 目录引言:为什么要自建知识博客一、技术选型:极简主义开发栈二、系统架构设计三、核心代码实现(分步解析

python连接本地SQL server详细图文教程

《python连接本地SQLserver详细图文教程》在数据分析领域,经常需要从数据库中获取数据进行分析和处理,下面:本文主要介绍python连接本地SQLserver的相关资料,文中通过代码... 目录一.设置本地账号1.新建用户2.开启双重验证3,开启TCP/IP本地服务二js.python连接实例1.

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown