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

markdown语法小记

原文查看可点击《markdown语法小记》哦!基本语法标题h1~h6对应:#数量决定标题等级。还可以用在文字下表示,但局限只有两级。#h1

原文查看可点击《markdown语法小记》哦!

基本语法

标题

h1~h6对应: #数量决定标题等级。还可以用=在文字下表示,但局限只有两级。

# h1
## h2
### h3
#### h4
##### h5
###### h6
一级标题
===
二级标题
---

显示如下:

引用

> 引用的文字
>> 引用的文字

大于号越多,引用的层级越多,上述代码显示效果如下:

引用的文字

引用的文字

链接或图片

[点击跳转至百度](http://www.baidu.com)
![图片](http://cassielala.top/images/logo.jpg)

显示效果如下:
点击跳转至百度
  

hexo插入本地图片

使用hexo的时候因为要插入本地图片遇到了问题,特此写来记录,希望能够帮助到大家。

  • 首先将hexo把主页的配置文件_config.yml 里的post_asset_folder:这个选项设置为true
  • hexo目录下执行npm install hexo-asset-image --save
  • 完成后再new新的md文件的时候就能在/source/_posts下找到同名文件夹,将要放的图片丢进去对应的文件夹。
  • md文件中引入的时候使用[图片上传失败...(image-3c7d69-1548813573167)]即可

本来到这里应该就万事大吉了,但是嘞,我的图片依旧无法显示,后来经过我一系列的搜索,终于找到了问题的解决方案。
问题:
图片依然无法显示的原因是hexo3版本更新后对很多插件支持有问题,hexo-asset-image插件在处理data.permalink链接时出现路径错误,把年月去掉了,导致最后生成的路径为%d/xxx/xxx
做法:

  • 找到插件hexo-asset-image,通过判断当前版本是否等于3的版本做不同的路径分割,一般插件在/node_modules/目录下。
  • 修改代码如下:

//可在方法上添加该变量
var version = String(hexo.version).split('.');
//修改“data.permalink”
var link = data.permalink;
if(version.length > 0 && Number(version[0]) == 3) var beginPos = getPosition(link, '/', 1) + 1;
else var beginPos = getPosition(link, '/', 3) + 1;

  • md文件使用时直接写照片名即可。
  • 修改完成保存,重新生成静态文件即可:[图片上传失败...(image-8401ef-1548813573167)]

列表

  • 无序列表使用*+-标识
  • 有序列表使用数字加.标识,例如:1.
  • 可嵌套使用,回车+tab即可

* 黄瓜
* 玉米
* 茄子+ 黄瓜
+ 玉米
+ 茄子- 黄瓜
- 玉米
- 茄子1. 黄瓜
2. 玉米
3. 茄子- 黄瓜- 水果黄瓜- 小黄瓜
- 玉米- 紫玉米- 黄玉米
- 茄子

效果如下:

  • 黄瓜
  • 玉米
  • 茄子
  1. 黄瓜
  2. 玉米
  3. 茄子
  • 黄瓜
    • 水果黄瓜
    • 小黄瓜
  • 玉米
    • 紫玉米
    • 黄玉米
  • 茄子

注:

  • 如果在单一列表项中包含了多个段落,为了保证渲染正常,*与段落首字母之间必须保留四个空格。
  • 如果在列表中加入了区块引用,区域引用标记符也需要缩进4个空格

反正记住一个原则,如果在和列表配合使用的时候出现了问题,就缩进一次,四个空格或者一个制表符代表一次缩进。如果一次缩进没有解决问题,那就两次。

分割线

使用*-即可

***
---

效果如下:



强调

*这里是斜体*
_这里是斜体_**这里是加粗**
__这里是加粗__

效果如下:
这里是斜体
这里是斜体
这里是加粗
这里是加粗

插入代码块

使用两排的“```”包裹就好了。如果需要定于语言高亮,在第一排的三个“`”后面加上名称即可。markdown支持的高亮语言可见下文。

\```java
XXXXXX
```\

插入表格

其中第一行表头,第二行定义排列方式,:--坐边即左对齐,居右则右对齐,两边都有则居中。

表头|条目一|条目二
:---:|:---:|:---:
项目|项目一|项目二

效果如下:

表头条目一条目二
项目项目一项目二

符号处理

转译多加一个/

\ 反斜线
` 反引号
* 星号
_ 底线
{} 花括号
[] 方括号
() 括弧
# 井字号
+ 加号
- 减号
. 英文句点
! 惊叹号

支持高亮语言

名称关键字名称关键字
AppleScriptapplescriptActionScript 3.0actionscript3, as3
Shellbash , shellColdFusioncoldfusion,cf
Ccpp , cC#c# , c-sharp , csharp
CSScssDelphidelphi , pascal , pas
diff&patchdiff patchErlangerl , erlang
GroovygroovyJavajava
JavaFXjfx , javafxJavascriptjs , jscript , Javascript
Perlperl , pl , PerlPHPphp
texttext , plainPythonpy , python
Rubyruby , rails , ror , rbSASS&SCSSsass , scss
ScalascalaSQLsql
Visual Basicvb , vbnetXMLxml , xhtml , xslt , html
Objective Cobjc , obj-cF#f# f-sharp , fsharp
xpp , dynamics-xppRr , s , splus
matlabmatlabswiftswift
GOgo , golang

大致介绍就到这里啦,如果有什么新的发现,我会继续更新哒!

转:https://juejin.im/post/5c510b1cf265da61171d1b9f



推荐阅读
  • 在CentOS 7环境中安装配置Redis及使用Redis Desktop Manager连接时的注意事项与技巧
    在 CentOS 7 环境中安装和配置 Redis 时,需要注意一些关键步骤和最佳实践。本文详细介绍了从安装 Redis 到配置其基本参数的全过程,并提供了使用 Redis Desktop Manager 连接 Redis 服务器的技巧和注意事项。此外,还探讨了如何优化性能和确保数据安全,帮助用户在生产环境中高效地管理和使用 Redis。 ... [详细]
  • 在Linux系统中,网络配置是至关重要的任务之一。本文详细解析了Firewalld和Netfilter机制,并探讨了iptables的应用。通过使用`ip addr show`命令来查看网卡IP地址(需要安装`iproute`包),当网卡未分配IP地址或处于关闭状态时,可以通过`ip link set`命令进行配置和激活。此外,文章还介绍了如何利用Firewalld和iptables实现网络流量控制和安全策略管理,为系统管理员提供了实用的操作指南。 ... [详细]
  • 在GitHub上克隆vue-element-admin项目时遇到依赖安装错误
    在 GitHub 上克隆 vue-element-admin 项目后,使用 `npm install` 安装依赖时遇到了未知的 Git 错误。具体错误信息为 `npm ERR! code 128`,提示命令执行失败。这可能是由于网络问题、Git 配置不正确或某些依赖包的仓库地址无效导致的。建议检查网络连接、更新 Git 版本并确保所有依赖项的 URL 正确无误。 ... [详细]
  • 本文详细介绍了 InfluxDB、collectd 和 Grafana 的安装与配置流程。首先,按照启动顺序依次安装并配置 InfluxDB、collectd 和 Grafana。InfluxDB 作为时序数据库,用于存储时间序列数据;collectd 负责数据的采集与传输;Grafana 则用于数据的可视化展示。文中提供了 collectd 的官方文档链接,便于用户参考和进一步了解其配置选项。通过本指南,读者可以轻松搭建一个高效的数据监控系统。 ... [详细]
  • 深入浅出 webpack 系列(二):实现 PostCSS 代码的编译与优化
    在前一篇文章中,我们探讨了如何通过基础配置使 Webpack 完成 ES6 代码的编译。本文将深入讲解如何利用 Webpack 实现 PostCSS 代码的编译与优化,包括配置相关插件和加载器,以提升开发效率和代码质量。我们将详细介绍每个步骤,并提供实用示例,帮助读者更好地理解和应用这些技术。 ... [详细]
  • 优化后的标题:深入探讨网关安全:将微服务升级为OAuth2资源服务器的最佳实践
    本文深入探讨了如何将微服务升级为OAuth2资源服务器,以订单服务为例,详细介绍了在POM文件中添加 `spring-cloud-starter-oauth2` 依赖,并配置Spring Security以实现对微服务的保护。通过这一过程,不仅增强了系统的安全性,还提高了资源访问的可控性和灵活性。文章还讨论了最佳实践,包括如何配置OAuth2客户端和资源服务器,以及如何处理常见的安全问题和错误。 ... [详细]
  • 本文介绍了 Vue 开发的入门指南,重点讲解了开发环境的配置与项目的基本搭建。推荐使用 WebStorm 作为 IDE,其下载地址为 。安装时请选择适合您操作系统的版本,并通过 获取激活码。WebStorm 是前端开发者的理想选择,提供了丰富的功能和强大的代码编辑能力。 ... [详细]
  • CentOS 7环境下Jenkins的安装与前后端应用部署详解
    CentOS 7环境下Jenkins的安装与前后端应用部署详解 ... [详细]
  • JBPM 6.5 环境配置深入解析(下篇)
    本文深入探讨了JBPM 6.5 的环境配置细节,从零开始详细介绍了下载、解压后的文件结构,并结合实际操作步骤,为初学者提供了全面的配置指南。通过具体的示例和详细的解释,帮助读者快速掌握 JBPM 6.5 的安装与配置过程。 ... [详细]
  • 深入解析 Vue 中的 Axios 请求库
    本文深入探讨了 Vue 中的 Axios 请求库,详细解析了其核心功能与使用方法。Axios 是一个基于 Promise 的 HTTP 客户端,支持浏览器和 Node.js 环境。文章首先介绍了 Axios 的基本概念,随后通过具体示例展示了如何在 Vue 项目中集成和使用 Axios 进行数据请求。无论你是初学者还是有经验的开发者,本文都能为你解决 Vue.js 相关问题提供有价值的参考。 ... [详细]
  • 本文详细介绍了如何在Linux系统(以CentOS为例)上彻底卸载Zimbra邮件系统,包括停止服务、删除文件和用户等步骤。 ... [详细]
  • Linux CentOS 7 安装PostgreSQL 9.5.17 (源码编译)
    近日需要将PostgreSQL数据库从Windows中迁移到Linux中,LinuxCentOS7安装PostgreSQL9.5.17安装过程特此记录。安装环境&#x ... [详细]
  • 大家好,我是李白。本文将分享一个从零开始的全栈项目,涵盖了设计、前端、后端和服务端的全面学习过程。通过这个项目,我希望能够帮助初学者更好地理解和掌握全栈开发的技术栈。 ... [详细]
  • CSS3 @font-face 字体应用技术解析与实践
    在Web前端开发中,HTML教程和CSS3的结合使得网页设计更加多样化。长期以来,Web设计师受限于“web-safe”字体的选择。然而,CSS3中的`@font-face`规则允许从服务器端加载自定义字体,极大地丰富了网页的视觉效果。通过这一技术,设计师可以自由选择和使用各种字体,提升用户体验和页面美观度。本文将深入解析`@font-face`的实现原理,并提供实际应用案例,帮助开发者更好地掌握这一强大工具。 ... [详细]
  • 掌握PHP编程必备知识与技巧——全面教程在当今的PHP开发中,了解并运用最新的技术和最佳实践至关重要。本教程将详细介绍PHP编程的核心知识与实用技巧。首先,确保你正在使用PHP 5.3或更高版本,最好是最新版本,以充分利用其性能优化和新特性。此外,我们还将探讨代码结构、安全性和性能优化等方面的内容,帮助你成为一名更高效的PHP开发者。 ... [详细]
author-avatar
徐小丹-_-
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有