CcbeanBlog CcbeanBlog
首页
  • 前端文章

    • JavaScript
    • HTML+CSS
    • Vue
    • React
  • 系列笔记

    • React使用学习
    • Vue2源码探究
  • Node文章

    • 基础
    • 问题
    • 框架
  • 系列笔记

    • 数据结构与算法
  • 构建工具文章

    • webpack
  • 系列笔记

    • Webpack5使用学习
  • MySQL
  • Linux
  • 网络
  • 小技巧
  • 杂记
  • 系列笔记

    • Protobuf Buffers
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Ccbean

靡不有初,鲜克有终
首页
  • 前端文章

    • JavaScript
    • HTML+CSS
    • Vue
    • React
  • 系列笔记

    • React使用学习
    • Vue2源码探究
  • Node文章

    • 基础
    • 问题
    • 框架
  • 系列笔记

    • 数据结构与算法
  • 构建工具文章

    • webpack
  • 系列笔记

    • Webpack5使用学习
  • MySQL
  • Linux
  • 网络
  • 小技巧
  • 杂记
  • 系列笔记

    • Protobuf Buffers
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • MySQL

  • Linux

  • 网络

  • 小技巧

    • Debug模式操作
    • MarkDown教程
      • Guide
      • 语法指导
        • 普通内容
        • 提及用户
        • 表情符号 Emoji
        • 一些表情例子
        • 大标题 - Heading 3
        • Heading 4
        • Heading 5
        • Heading 6
        • 图片
        • 代码块
        • 普通
        • 语法高亮支持
        • 演示 Go 代码高亮
        • 演示 Java 高亮
        • 有序、无序、任务列表
        • 无序列表
        • 有序列表
        • 任务列表
        • 表格
        • 隐藏细节
        • 段落
        • 数学公式
        • 流程图
        • 时序图
        • 甘特图
    • vuepress一些插件的使用
    • 配置WindowsTerminal
    • Windows软件安装
  • 杂记

  • 系列笔记

  • 更多
  • 小技巧
ccbean
2018-06-10
目录

MarkDown教程

# MarkDown教程

# Guide

这是一篇讲解如何正确使用 Markdown 的排版示例,学会这个很有必要,能让你的文章有更佳清晰的排版。

引用文本:Markdown is a text formatting syntax inspired

# 语法指导

# 普通内容

这段内容展示了在内容里面一些排版格式,比如:

  • 加粗 - **加粗**
  • 倾斜 - *倾斜*
  • 删除线 - ~~删除线~~
  • Code 标记 - Code 标记
  • 超级链接 (opens new window) - [超级链接](http://github.com)
  • username@gmail.com - [username@gmail.com](mailto:username@gmail.com)

# 提及用户

@Vanessa ... 通过 @ 可以在发帖和回帖里面提及用户,被提及的用户将会收到系统通知,以便让他来关注这个帖子或回帖。

NOTE:

  1. @用户名之后需要有一个空格
  2. 新手没有艾特的功能权限

# 表情符号 Emoji

支持大部分标准的表情符号,可使用输入法直接输入,也可手动输入字符格式。通过输入 : 触发自动完成,可在个人设置中设置常用表情 (opens new window)。

# 一些表情例子

😄 😆 😵 😭 😰 😅 😢 😤 😍 😌 👍 👎 💯 👏 🔔 🎁 ❓ 💣 ❤️ ☕️ 🌀 🙇 💋 🙏 💢

# 大标题 - Heading 3

你可以选择使用 H1 至 H6,使用 ##(N) 打头。建议帖子或回帖中的顶级标题使用 Heading 3,不要使用 1 或 2,因为 1 是系统站点级,2 是帖子标题级。

NOTE: 别忘了 # 后面需要有空格!

# Heading 4

# Heading 5
# Heading 6

# 图片

![alt 文本](http://image-path.png)
![alt 文本](http://image-path.png "图片 Title 值")

支持复制粘贴直接上传。

# 代码块

# 普通

*emphasize*    **strong**
_emphasize_    __strong__
var a = 1

# 语法高亮支持

如果在 ``` 后面跟随语言名称,可以有语法高亮的效果哦,比如:

# 演示 Go 代码高亮
package main

import "fmt"

func main() {
	fmt.Println("Hello, 世界")
}
# 演示 Java 高亮
public class HelloWorld {

    public static void main(String[] args) {
        System.out.println("Hello World!");
    }

}

Tip: 语言名称支持下面这些: ruby, python, js, html, erb, css, coffee, bash, json, yml, xml ...

# 有序、无序、任务列表

# 无序列表

  • Java
    • Spring
      • IoC
      • AOP
  • Go
    • gofmt
    • Wide
  • Node.js
    • Koa
    • Express

# 有序列表

  1. Node.js 1.1. Express 1.2. Koa 1.3. Sails
  2. Go 2.1. gofmt 2.2. Wide
  3. Java 3.1. Latke 3.2. IDEA

# 任务列表

  • [x] 发布 Sym
  • [x] 发布 Solo
  • [ ] 预约牙医

# 表格

如果需要展示数据什么的,可以选择使用表格。

header 1 header 3
cell 1 cell 2
cell 3 cell 4
cell 5 cell 6

# 隐藏细节

Summary Details

# 段落

留空白的换行,将会被自动转换成一个段落,会有一定的段落间距,便于阅读。

请注意后面 Markdown 源代码的换行留空情况。

# 数学公式

a2+b2=c2a^2 + b^2 = \color{red}c^2a2+b2=c2

# 流程图

graph TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end

# 时序图

sequenceDiagram
    Alice->John: Hello John, how are you?
    loop Every minute
        John-->Alice: Great!
    end

# 甘特图

gantt
    title A Gantt Diagram
    dateFormat  YYYY-MM-DD
    section Section
    A task           :a1, 2019-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2019-01-12  , 12d
    another task      : 24d
编辑 (opens new window)
上次更新: 2021/11/10, 12:11:50
Debug模式操作
vuepress一些插件的使用

← Debug模式操作 vuepress一些插件的使用→

最近更新
01
阅读精通正则表达式总结
09-29
02
项目搭建规范的配置
07-15
03
Vite的使用
07-03
更多文章>
Theme by Vdoing | Copyright © 2018-2023 Ccbeango
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式