专栏首页Tanger的思源地markdown之精讲????✨

markdown之精讲????✨

一些话

Hello~ 我是不干人事的Tanger,首先欢迎你阅读我的文章?,也很期待各位大佬的指正,如果对这篇文章感兴趣的话,不妨收藏一下⭐本页面,如果有什么想对作者说的话可以通过两种方式联系作者:

  • 简单粗暴法:直接在下方的评论区留言?(这种方式可能作者回复较慢)
  • 花里胡哨法:打开邮箱,发送你的留言至作者的邮箱(1907065810@qq.com)我会在第一时间回复你✨

关于

这篇文章并无什么用?,主要是我老不记得Markdown语法老是上网找,诶,这可能就是菜吧,所以我打算自己写一篇Markdown语法总结出来就很nice?

目录

Markdown精讲之文章头部 #1

一篇好的Markdown文章最好将头部的打得清楚一点,在我们创造一篇新的文章时会是这样的,如下所示>>

---
layout: Tanger的思源地
title: new article
date: 2021-05-15 13:13:29
tags:
---

上面所显示的就是一篇文章在初始化的时候,下面让我们来解读一下,为什么会出现这些信息,其实这些信息是根据用户已经给定的一些信息,例如:

由于笔者使用的是hexo来写博客的,我在hexo的根目录中配置了以下信息:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: Tanger的思源地
titlecase: false # Transform title into titlecase
external_link:
enable: true # Open external links in new tab
field: site # Apply to the whole site
exclude: ''
filename_case: 0
render_drafts: false
post_asset_folder: ture
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: false
tab_replace: ''
wrap: true
hljs: true

所以我在写每篇文章的时候都,在layout那一行都会默认是”Tanger的思源地”?

而为什么title为什么会出现“new article”是因为笔者在初始化的时候在根目录下输入

hexo new "new article"

所以在title就出现“new article”

下面就是Markdown文件的完整的头部,可以对照下表加入自己想加入的东西??

---
layout: 作者名
title: 文章标题
date: 文章日期 #例如2020/01/01
author: 作者名称
cover: #true or false
top: #true or false
toc: #标签 true or false
img: /medias/featureimages/1.jpg #文章封面图片
coverImg: /medias/featureimages/0.jpg
mathjax: #true or false
summary: #这是自定义的摘要内容
categories: 博客
tags:
- 标签一
- 标签二
---

    (在<!--more-->上面的文字、图片都是可以实现预览的)
     <!--more-->


     内容(省略一万字)

(具体的要看主题文档说明)

↑ 返回目录 ↑

Markdown精讲之标题 #2

要创建标题,请在单词或短语前面添加井号 (#) 。# 的数量代表了标题的级别。例如,添加三个 # 表示创建一个三级标题 (<h3>) (例如:### My Header)。?

Markdown语法

HTML

预览效果

# 一级标题

<h1>一级标题 </h1>

一级标题

# 二级标题

<h2>二级标题 </h2>

二级标题

# 三级标题

<h3>三级标题 </h3>

三级标题

# 四级标题

<h4>四级标题 </h4>

四级标题

# 五级标题

<h5>五级标题 </h5>

五级标题

补充:

一些不常用的写法

例如: 一级标题 ========= 二级标题 ———

一级标题

二级标题

一些废话>>

要合理使用文章的标题,比如最好别老是使用一级标题最好别老是使用一级标题最好别老是使用一级标题,重要的话说三次,因为一级标题在页面自定义生成的目录中,可能会导致目录紊乱,在文章里面就使用二级标题+三级标题就已经完完全全够用了,所以最好别用三级标题?。

Markdown精讲之段落 #3

这节内容非常短,只需要学会一个操作就行了,要想创造出段落的效果,只需在回车空格就行了

例如:

Markdown:

我是一个段落

我是一个段落

Html:

<p>我是一个段落</p><p>我是一个段落</p>

他们的实际效果一致。

段落这节到此结束?,欢迎学习下一章

↑ 返回目录 ↑

Markdown精讲之区块引用 #4

这一章将学习如何去使用区块引用,和代码区块(请关注下一章)不同的是,区块引用并不常用,但也并非不用,一些人还会喜欢将自己认为重要的东西引用起来。

例如:

> 前端学习
>> 前端三大件
>>>Html
>>>JavaScript
>>>CSS

前端学习 前端三大件 Html JavaScript CSS

值得注意的是:引用并非像你的标题那样如此的好用,引用的这些特性决定了它并不能像标题一样如此突出,只能在正文中显得稍微显眼一点。

区块引用就先告一段落,欢迎进入下一章的学习。

↑ 返回目录 ↑

Markdown精讲之代码区块 #5

本章将为各位同学介绍的是代码区块,与上面的区块引用虽然看上去很相近,实则大相径庭,代码区块常常被使用在作者想将代码表现在自己的文章例如:

直接打:

#include<bits/stdc++.h>

using namespace std;

int main(){

cout<<”Hello World!”<<endl;

return 0;

}

我认为这样会很不美观而且出现的方式也很突兀,无论是在页面整体结构上,还是从美观的角度上分析都不会让人觉得这是一篇好文章。

使用代码引用:

#include<bits/stdc++.h>
using namespace std;
int main(){
    cout<<"Hello World!"<<endl;
    return 0;
}

这样就显得好看许多了!!!

欢迎学习下一节《Markdowm精讲之强调》

↑ 返回目录 ↑

Markdown精讲之强调 #6

本节将学习强调,强调有三种,一、是加粗 二、是斜体 三、是删除线 使用起来非常简单,下面将演示一下

例如:

Markdown语法

HTML

预览效果

__加粗__

<B>加粗 </B>

加粗

**加粗**

<B>加粗 </B>

加粗

_斜体_

<i>斜体 </i>

斜体

斜体

<i>斜体</i>

斜体

删除线

<s>删除线 </s>

删除线

↑ 返回目录 ↑

Markdown精讲之列表 #7

本节学习的是Markdown中的列表,在Markdown中可以用*、+、-来标记列表,这些符号后面最少有一个_空格_或_制表符_。若不在引用区块中,必须和前方段落之间存在空行。是这些都可以使用,同样也非常的简单

例如:

* 第一点 * 第二点 * 第三点

效果

  • 第一点
  • 第二点
  • 第三点

下一节将介绍分割线

↑ 返回目录 ↑

Markdown精讲之分割线 #8

分割线最常使用就是三个或以上*,还可以使用-和_。

例如:

***

---

___

效果:




下节介绍链接

↑ 返回目录 ↑

Markdown精讲之链接 #9

链接可以由两种形式生成:行内式和参考式。

例如:

行内式:

Markdown语法

HTML

预览效果

[Tanger的Github主页](https://github.com/redhat123456\)

<a herf=”https://github.com/redhat123456">\

Tanger的Github主页

参考式:

Tanger的Github主页1

Tanger的Github主页2

[1]:https://github.com/redhat123456 “Markdown”

[2]:https://github.com/redhat123456 “Markdown”

效果:

Tanger的Github主页1

Tanger的Github主页2

下节将介绍图片在Markdown中的使用

↑ 返回目录 ↑

Markdown精讲之图片 #10

这节介绍Markdown中图片的使用,添加图片的形式和链接相似,只需在链接的基础上前方加一个!

⚠⚠ 唠叨两句:所有图片的地址都必须是互联网上的。

例如:

Markdown:

![](https://ak.hypergryph.com/upload/images/20200703/271c7b47625b6544a1df8220e375f240.jpg\"")

效果:

Markdown精讲之反斜杆\ #11

这节课介绍反斜杠,相当于反转义作用。使符号成为普通符号。

例如:

上面的所有文章都是活生生的例子。

Markdown精讲之符号’`’ #12

这节课讲’`’起到标记作用,相当于小一点的代码区块。

例如: `ctrl+a` 效果: ctrl+a

以上基本是所有traditonal markdown的语法。

最后的最后:一些话以及鸣谢 #13

谁在用?

Markdown的使用者:

  • GitHub
  • 简书
  • Stack Overflow
  • Apollo
  • Moodle
  • Reddit 等等

尝试一下

  • Chrome下的插件诸如stackedit与markdown-here等非常方便,也不用担心平台受限。
  • 在线的dillinger.io评价也不错
  • Windowns下的MarkdownPad也用过,不过免费版的体验不是很好。
  • Mac下的Mou是国人贡献的,口碑很好。
  • Linux下的ReText不错。

注意:不同的Markdown解释器或工具对相应语法(扩展语法)的解释效果不尽相同,具体可参见工具的使用说明。 虽然有人想出面搞一个所谓的标准化的Markdown,[没想到还惹怒了健在的创始人John Gruber] (http://blog.codinghorror.com/standard-markdown-is-now-common-markdown/ )。


鸣谢

感谢以上的文章,让我能够参考写完这篇,谢谢非常谢谢!!!✨✨

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 如何编写神奇的「插件机制」,优化基于 Antd Table 封装表格的混乱代码 | 技术点评

    .markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:...

    ssh_晨曦时梦见兮
  • 三分钟让你也拥有一个很酷炫的GitHub展示页面(保姆级教程)

    按照下面这个简单演练中的步骤,在您的 GitHub 个人资料上自定义您的 Readme.md,使其看起来更有吸引力。我还提供了一些很酷的元素来增加趣味!

    海拥
  • 【开源】用 UIPickerView 选择精确到街道的中国行政区划位置

    如图,做了一个四列的 <code>UIPickerView</code>,可以滑动选择精确到街道的中国行政区划信息,并返回地址,使用简单,直接像平时使用 <co...

    KyXu
  • 任由文字肆意流淌,更自由的开源 Markdown 编辑器

    对于创作平台来说内容编辑器是十分重要的功能,强大的编辑器可以让创作者专注于创作“笔”下生花。而最好取悦程序员创作者的方法之一就是支持 Markdown 写作,因...

    HelloGitHub
  • 让Eclipse起飞——这些插件不可不知

    Eclipse是很多Java开发者的第一个开发工具,尽管开源的Eclipse在一后起之秀的对比下,显得有些颓势,但是,Eclipse有着丰富的插件支持。选择合适...

    三分恶
  • 想学 Python?可以看下 GitHub 上这几本开源的 Python 教程!

    随着人工智能、机器学习、数据挖掘等行业近几年的发展迅猛,Python 也开始得到越来越广泛的关注与应用。那些在人工智能等行业打得如火如荼的企业,也都纷纷开出高价...

    GitHubDaily
  • 大福利 | 中华美食盲盒首发!

    ? QQ一直致力于不同的品牌合作,与世界潮流平台接轨,并且制造了许多人人耳目一新,有记忆点的“潮流玩具”。这一次,QQ打造了一套具有中华特色的QQ美食盲盒! ...

    腾讯ISUX
  • ☀️苏州程序大白一文教你学会微信小程序开发☀️《❤️记得收藏❤️》

    3、与data同级 并且可以将input中输入的值与data中定义的属性绑定,使用this.setData({属性:e.detail.value})。

    苏州程序大白
  • 开源OLAP分析引擎Apache Kylin™| MTdata小讲堂

    欢迎来到 MTData 小讲堂,本期 MT 酱带大家认识 Apache Kylin™

    美图数据技术团队
  • [技术地图]

    在React 组件设计实践总结 03 - 样式的管理一文中吹了一波 styled-components 后,本文想深入来了解一下 styled-componen...

    _sx_
  • 这一次,腾讯邀你为世界科学家颁奖!

    想获得与世界科学家面对面交流的机会吗? 想让自己的名字登上 《青少年科学看点榜单》封面吗? 想以特殊的方式与山区孩子们共享这份欣喜吗? 还在等什么,鹅会长喊你...

    鹅老师
  • SublimeText下写作利器之MarkdownEditing

    之前有陆续学习和整理关于追寻高效工作的一路折腾;毕竟技无止境,需要不断的学习总结和对比。而其中诸多内容也是需要分支出来一一细谈(其实就是更为详尽搜集些资料,然后...

    晚晴幽草轩轩主
  • 【进阶之路】消息队列——RocketMQ原理(三)

    .markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:...

    南橘
  • 【面试进行时】大厂常考面试题一览(一)

    .markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:...

    南橘
  • Webpack5 新特性业务落地实战

    Webpack5 在 2020 年 10 月 10 日正式发布,并且在过去的几个月中快速演进和迭代,截止 1 月 28 日,Webpack5 已经更新了 18 ...

    前端迷
  • Android精通之Handler讲解

    软件技术人员,时代作者,从 Android 到全栈之路,我相信你也可以!阅读他的文章,会上瘾!You and me, we are family !

    达达前端
  • HTML最全最新最透彻系列????

    Hello~ 我是不干人事的Tanger,首先欢迎你阅读我的文章?,也很期待各位大佬的指正,如果对这篇文章感兴趣的话,不妨收藏一下⭐本页面,如果有什么想对作者说...

    Tanger
  • 看了让人极度舒适的Markdown文章

    毕小朋,CSDN 博客专家,百度阅读 IT 类畅销书作者,著有《精通 Android Studio》;平时喜欢写作,热爱分享,个人博客访问量迄今已超过 280 ...

    用户1682855
  • httprunner 3.x学习1 - 环境安装与准备

    httprunner 3.x最大的改变是执行用例用的是 python 的 pytest 框架,支持3种格式的用例:YAML/JSON/pytest 代码 对比 ...

    上海-悠悠

扫码关注云+社区

领取腾讯云代金券