热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Markdown语法效果展示

Markdown语法(大标题)注意啦“[TOC]”标记会展示全局目录,这是非常有用的,赶紧用上吧;这里面包含了很多标记写法;收藏下,写熟练了,就不用参考了;掌握标题,图片展示,文本
Markdown语法(大标题)
  • 注意啦 “[TOC]”标记会展示全局目录,这是非常有用的,赶紧用上吧
  • 这里面包含了很多标记写法
  • 收藏下,写熟练了,就不用参考了
  • 掌握标题,图片展示,文本超链接,图片超链接,有序无需列表,全局目录,加粗,分割线,区域引用,代码区域这些内容;其它的再慢慢学习

目录(二级标题)

  • Markdown语法大标题
    • 目录二级标题
    • 简介二级标题
    • 文档二级标题
        • 两个来加粗文字效果四级标题
          • 这是五级标题
            • 六级标题
            • 七级标题七级标题不支持结果还是六级标题
        • 这是区块引用
        • 图片展示重点掌握
          • 试一下小额赞助功能
          • 图片居中对齐
          • Markdown中如何指定图片的高和宽
        • Create a document
        • Switch to another document
        • Rename a document
        • Delete a document
        • Export a document
    • Synchronization
        • Open a document
        • Save a document
        • Synchronize a document
        • Manage document synchronization
    • Publication
        • Publish a document
        • Update a publication
        • Manage document publication
    • Markdown Extra
      • Tables 表格这是也需要学习的地方
      • Definition Lists
      • Fenced code blocks
      • Footnotes
      • SmartyPants
      • Table of contents
      • MathJax
      • UML diagrams
      • Support StackEdit

简介(二级标题)

Hey! I’m your first Markdown document in StackEdit1. Don’t delete me, I’m very helpful! I can be recovered anyway in the Utils tab of the

文档(二级标题)

两个**来加粗文字效果(四级标题)

StackEdit stores your documents in your browser, which means all your documents are automatically saved locally and are accessible offline!

这是五级标题
六级标题
# 七级标题(七级标题不支持,结果还是六级标题)

这是区块引用

这是不是类似Markdown 标记区块引用是使用类似 email 中用 > 的引用方式。如果你还熟悉在 email 信件中的引言部分,你就知道怎么在 Markdown 文件中建立一个区块引用,那
会看起来像是你自己先断好行,然后在每行的最前面加上

注意事项

  • 在区块引用中也可以使用其它的标记.
  • Markdown 也允许你偷懒只在整个段落的第一行最前面加上 >
  • Markdown 也允许你偷懒只在整个段落的第一行最前面加上 > :
  • 引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等:
    任何像样的文本编辑器都能轻松地建立email型的引用。例如在 BBEdit 中,你可以选取文字后然后从选单中选择增加引用阶层.

Note:

  • StackEdit is accessible offline after the application has been loaded for the first time.
  • Your local documents are not shared between different browsers or computers.
  • Clearing your browser’s data may delete all your local documents! Make sure your documents are synchronized with Google Drive or Dropbox (check
    out the Synchronization section).

图片展示(重点掌握)

试一下小额赞助功能;

支付宝
《Markdown语法效果展示》
微信
《Markdown语法效果展示》

图片居中对齐

《Markdown语法效果展示》

Markdown中如何指定图片的高和宽 ?

到目前为止, Markdown还没有办法指定图片的宽高,如果需要的话,你可以使用普通的 标签,利用它的width和height属性来定制宽高。

效果:
《Markdown语法效果展示》

《Markdown语法效果展示》

《Markdown语法效果展示》

参考文献

  • CSDN-markdown语法之如何插入图片

Create a document

The document panel is accessible using the button in the navigation bar. You can create a new document by clicking

Switch to another document

All your local documents are listed in the document panel. You can switch from one to another by clicking a document in the list or you can toggle documents
using Ctrl+[ and Ctrl+].

  • 这是面板Tag我相信你也会用的;
  • 这是小图标哦使用很容易;
  • ####这是四号标题,H4,以此类推;

Rename a document

You can rename the current document by clicking the document title in the navigation bar.

Delete a document

You can delete the current document by clicking Delete document in the document panel.

Export a document

You can save the current document to a file by clicking Export to disk from the menu
panel.

Tip: Check out the Publish a document section for a description of the different output formats.

Synchronization

StackEdit can be combined with Google Drive and Dropbox to have your
documents saved in the Cloud. The synchronization mechanism takes care of uploading your modifications or downloading the latest version of your documents.

Note:

  • Full access to Google Drive or Dropbox is required to be able to import any document in StackEdit. Permission restrictions can be configured in the
    settings.
  • Imported documents are downloaded in your browser and are not transmitted to a server.
  • If you experience problems saving your documents on Google Drive, check and optionally disable browser extensions, such as Disconnect.

Open a document

You can open a document from Google Drive or the Dropbox by opening the

Save a document

You can save any document by opening the Synchronize sub-menu and by clicking Save on…. Even if your document is already
synchronized with Google Drive or Dropbox, you can export it to a another location. StackEdit can synchronize one document with multiple locations and
accounts.

Synchronize a document

Once your document is linked to a Google Drive or a Dropbox file, StackEdit
will periodically (every 3 minutes) synchronize it by downloading/uploading any modification. A merge will be performed if necessary and conflicts will be
detected.

If you just have modified your document and you want to force the synchronization, click the button in the navigation bar.

Note: The button is disabled when you have no document to synchronize.

Manage document synchronization

Since one document can be synchronized with multiple locations, you can list and manage synchronized locations by clicking
Manage synchronization in the Synchronize sub-menu. This will let you remove synchronization locations that are associated
to your document.

Note: If you delete the file from Google Drive or from Dropbox, the document will no longer be synchronized with that location.

Publication

Once you are happy with your document, you can publish it on different websites directly from StackEdit. As for now, StackEdit can publish on Blogger,
Dropbox, Gist, GitHub, Google Drive, Tumblr, WordPress and on any SSH server.

Publish a document

You can publish your document by opening the Publish sub-menu and by choosing a website. In the dialog box, you can choose the
publication format:

  • Markdown, to publish the Markdown text on a website that can interpret it (GitHub for instance),
  • HTML, to publish the document converted into HTML (on a blog for example),
  • Template, to have a full control of the output.

Note: The default template is a simple webpage wrapping your document in HTML format. You can customize it in the Advanced tab of the

Update a publication

After publishing, StackEdit will keep your document linked to that publication which makes it easy for you to update it. Once you have modified your document
and you want to update your publication, click on the button in the navigation bar.

Note: The button is disabled when your document has not been published yet.

Manage document publication

Since one document can be published on multiple locations, you can list and manage publish locations by clicking **Manage
publication** in the menu panel. This will let you remove publication locations that are associated to your document.

Note: If the file has been removed from the website or the blog, the document will no longer be published on that location.

Markdown Extra

StackEdit supports Markdown Extra, which extends Markdown syntax with some nice features.

Tip: You can disable any Markdown Extra feature in the Extensions tab of the Settings dialog.

Note: You can find more information about Markdown syntax here and Markdown Extra extension here.

Tables 表格,这是也需要学习的地方

Markdown Extra has a special syntax for tables:

人员年龄体重
工程师25136
码农26137
项目经理30145
ItemValue
Computer$1600
Phone$12
Pipe$1

You can specify column alignment with one or two colons:

ItemValueQty
Computer$16005
Phone$1212
Pipe$1234

Definition Lists

Markdown Extra has a special syntax for definition lists too:

目录1 目录2

怎样快速提高自己的学习能力(注意哦,这是英文的字符符号”:”)

Term 1 Term 2

Definition A
Definition B

Term 3

Definition C

Definition D

part of definition D

Fenced code blocks

GitHub’s fenced code blocks are also supported with Highlight.js syntax highlighting:

// Foo
var bar = 0;

Tip: To use Prettify instead of Highlight.js, just configure the Markdown Extra extension in the Settings
dialog.

Note: You can find more information:

  • about Prettify syntax highlighting here,
  • about Highlight.js syntax highlighting here.

Footnotes

You can create footnotes like this2.

SmartyPants

SmartyPants converts ASCII punctuation characters into “smart” typographic punctuation HTML entities. For example:

ASCIIHTML
Single backticks'Isn't this fun?'‘Isn’t this fun?’
Quotes"Isn't this fun?"“Isn’t this fun?”
Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash

Table of contents

You can insert a table of contents using the marker [TOC]:

  • Markdown语法大标题
    • 目录二级标题
    • 简介二级标题
    • 文档二级标题
        • 两个来加粗文字效果四级标题
          • 这是五级标题
            • 六级标题
            • 七级标题七级标题不支持结果还是六级标题
        • 这是区块引用
        • 图片展示重点掌握
          • 试一下小额赞助功能
          • 图片居中对齐
          • Markdown中如何指定图片的高和宽
        • Create a document
        • Switch to another document
        • Rename a document
        • Delete a document
        • Export a document
    • Synchronization
        • Open a document
        • Save a document
        • Synchronize a document
        • Manage document synchronization
    • Publication
        • Publish a document
        • Update a publication
        • Manage document publication
    • Markdown Extra
      • Tables 表格这是也需要学习的地方
      • Definition Lists
      • Fenced code blocks
      • Footnotes
      • SmartyPants
      • Table of contents
      • MathJax
      • UML diagrams
      • Support StackEdit

MathJax

You can render LaTeX mathematical expressions using MathJax, as on math.stackexchange.com:

The Gamma function satisfying Γ(n)=(n1)!nN is via the Euler integral

Γ(z)=0tz1etdt.

Tip: To make sure mathematical expressions are rendered properly on your website, include MathJax into your template:

<script type="text/Javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?cOnfig=TeX-AMS_HTML">script>

Note: You can find more information about LaTeX mathematical expressions here.

UML diagrams

You can also render sequence diagrams like this:

Created with Raphaël 2.1.0 Alice Alice Bob Bob Hello Bob, how are you? Bob thinks I am good thanks!

And flow charts like this:

Created with Raphaël 2.1.0 Start My Operation Yes or No? End yes no

Note: You can find more information:

  • about Sequence diagrams syntax here,
  • about Flow charts syntax here.

Support StackEdit

《Markdown语法效果展示》

《Markdown语法效果展示》

  1. StackEdit is a full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack
    Overflow and the other Stack Exchange sites. &#x21a9;
  2. Here is the text of the footnote. &#x21a9;

推荐阅读
  • RancherOS 是由 Rancher Labs 开发的一款专为 Docker 设计的轻量级 Linux 发行版,提供了一个全面的 Docker 运行环境。其引导镜像仅 20MB,非常适合在资源受限的环境中部署。本文将详细介绍如何在 ESXi 虚拟化平台上安装和配置 RancherOS,帮助用户快速搭建高效、稳定的容器化应用环境。 ... [详细]
  • 对于众多创业公司而言,选择小程序或小视频的发展方向至关重要。本文将深入分析小程序和小视频的特点、优势及局限,帮助创业者做出更明智的选择。 ... [详细]
  • 微信公众号推送模板40036问题
    返回码错误码描述说明40001invalidcredential不合法的调用凭证40002invalidgrant_type不合法的grant_type40003invalidop ... [详细]
  • 本文介绍了如何使用 Node.js 和 Express(4.x 及以上版本)构建高效的文件上传功能。通过引入 `multer` 中间件,可以轻松实现文件上传。首先,需要通过 `npm install multer` 安装该中间件。接着,在 Express 应用中配置 `multer`,以处理多部分表单数据。本文详细讲解了 `multer` 的基本用法和高级配置,帮助开发者快速搭建稳定可靠的文件上传服务。 ... [详细]
  • 基于 Vue 和 Element UI 实现的简洁登录界面设计
    本文介绍了一种利用 Vue.js 和 Element UI 框架构建的简洁登录界面设计。该设计不仅注重用户体验,还确保了界面的美观性和易用性。通过合理的布局和组件配置,实现了高效、响应式的登录功能,适用于多种前端应用场景。 ... [详细]
  • 在 Vue 应用开发中,页面状态管理和跨页面数据传递是常见需求。本文将详细介绍 Vue Router 提供的两种有效方式,帮助开发者高效地实现页面间的数据交互与状态同步,同时分享一些最佳实践和注意事项。 ... [详细]
  • 深入解析:React与Webpack配置进阶指南(第二部分)
    在本篇进阶指南的第二部分中,我们将继续探讨 React 与 Webpack 的高级配置技巧。通过实际案例,我们将展示如何使用 React 和 Webpack 构建一个简单的 Todo 应用程序,具体包括 `TodoApp.js` 文件中的代码实现,如导入 React 和自定义组件 `TodoList`。此外,我们还将深入讲解 Webpack 配置文件的优化方法,以提升开发效率和应用性能。 ... [详细]
  • Vue 实战基础教程第9讲:深入理解计算属性与侦听器的高效使用
    Vue 实战基础教程第9讲:深入理解计算属性与侦听器的高效使用 ... [详细]
  • 设计实战 | 10个Kotlin项目深度解析:首页模块开发详解
    设计实战 | 10个Kotlin项目深度解析:首页模块开发详解 ... [详细]
  • 深入解析 Vue3 中的响应式 API:shallowReactive、shallowRef、triggerRef 和 customRef 的使用与原理
    深入解析 Vue3 中的响应式 API:shallowReactive、shallowRef、triggerRef 和 customRef 的使用与原理 ... [详细]
  • 【Linux进阶指南】第一阶段第三课:体验与部署Ubuntu系统
    在正式踏上Linux学习之旅之前,本课程将引导你深入体验和部署Ubuntu系统。通过详细的操作步骤和实践演练,你将掌握Ubuntu的基本安装、配置及常用命令,为后续的进阶学习打下坚实的基础。此外,课程还将介绍如何解决常见问题和优化系统性能,帮助你更加高效地使用Ubuntu。 ... [详细]
  • 本文源自极分享,详细内容请参阅原文。技术债务如同信用卡负债,随着时间推移,修复成本会越来越高,因此程序员必须对此有深刻认识。此外,团队应致力于培养一种持续维护和优化代码的文化,以减少技术债务的累积。 ... [详细]
  • 本文详细介绍了如何在微信小程序中使用JavaScript实现图片上传至PHP服务器的方法。通过具体的代码示例,帮助开发者掌握从客户端选择图片、处理图片数据到服务器端接收并保存图片的完整流程。同时,文章还提供了常见问题的解决方案和优化建议,确保上传过程的高效性和稳定性。 ... [详细]
  • 花旗集团前财务分析师Rohit Kulkarni近日在接受Cryptoglobe采访时表示,区块链技术正在对规模达100万亿美元的支付行业产生深远影响。Kulkarni认为,这一新兴技术不仅提高了支付系统的透明度和安全性,还显著降低了交易成本,从而彻底改变了行业的运作模式。随着区块链应用的不断扩展,传统支付机构面临着前所未有的挑战和机遇。 ... [详细]
  • 如何在Linux服务器上配置MySQL和Tomcat的开机自动启动
    在Linux服务器上部署Web项目时,通常需要确保MySQL和Tomcat服务能够随系统启动而自动运行。本文将详细介绍如何在Linux环境中配置MySQL和Tomcat的开机自启动,以确保服务的稳定性和可靠性。通过合理的配置,可以有效避免因服务未启动而导致的项目故障。 ... [详细]
author-avatar
不爽我就来吐槽_320
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有