页面介绍 <Span Style='color:yellow;font-Weight:bold;'>[加密]</span>

Markdown语法规则

一、斜体、粗体

粗体
和上面一样是粗体
斜体
和上面一样是斜体
可 以 加 空 格

二、分割线

三个或者以上的-_*,必须单独一行,可含有空格。
呵呵呵呵


哈哈哈哈


啦啦啦啦


三、区块引用

使用’>’角括号进行区块引用

区块引用

两层引用

三层引用

四、标题样式

markdown支持两种标题语法,Setext和atx,Setext 形式是用底线的形式,利用三个或更多 = (最高阶标题)和 - (第二阶标题),Atx 形式在行首插入 1 到 6 个 # ,对应到标题 1 到 6 阶。

最高阶标题

第二阶标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题
七级标题

五、无序列表

使用-+*号,效果一样,注意符号后面的空格,但是不能混合使用,混合的话就成了嵌套列表

  • 减号无序列表
  • 加号无序列表
  • 星号无序列表
    • 混合使用
    • 混合使用
    • 混合使用
    • 混合使用
    • 混合使用
    • 混合使用
    • 混合使用
    • 混合使用

六、有序列表

使用数字和英文句点,数字可以无序,注意点后面的空格

  1. 有序列表1
  2. 有序列表2
  3. 有序列表5
  4. 有序列表8
  5. 有序列表6

七、嵌套列表

注意第二级的前后都有空格

  • 嵌套列表1
    • 嵌套列表2
      • 嵌套列表3
        • 嵌套列表4
          • 嵌套列表5

八、链接

链接有两种,行内(inline) 和 参考(reference)两种形式

1、行内(inline)形式

行内形式是直接在后面用括号直接接上链接
百度

2、加上title属性

也可以加上title属性,注意中间有个空格,使用双引号,把鼠标放在链接上,就可以看出区别了
百度

3、参考(reference)方式:

这是[Google][1] ,这是[Yahoo][2],这是[MSN][3].
[1]:http://google.com/ “Google”
[2]:http://search.yahoo.com/ “Yahoo Search”
[3]:http://search.msn.com/ “MSN Search”

4、自动链接:自动链接直接用一对尖括号包围即可

https://www.baidu.com

九、插入图片:

图片的语法和文字链接的形式很像,只不过前面加个!,后面跟图片的地址

1、行内(inline)形式(注意title属性是可选的)

kobe

2、参考(reference)形式

![kobe][id]
[id]:http://pic11.photophoto.cn/20090626/0036036341009653_b.jpg “Kobe Bryant”

十、代码

1、代码段

代码段在一般的段落文字中,你可以使用反引号 ` 来标记代码区段,区段内的 &、< 和 > 都会被自动的转换成 HTML 实体,这项特性让你可以很容易的在代码区段内插入 HTML 码:

--------

2、段落代码块

如果要建立一个已经格式化好的代码区块,只要每行都`缩进 4 个空格或是一个 tab`就可以了,而 &、< 和 > 也一样会自动转成 HTML 实体。

3、行内代码:高亮

在第一行的后面指定编程语言,也可以不指定。(Markdown目前好像不支持更改代码块背景颜色。。。。)
var odiv =document.getElementsByTagName(‘text’);

十一、注释和html的一样

<!-- 注释 -->

十二、转义字符

\ 反斜杠
` 反引号
* 星号
_ 下划线
{} 大括号
[] 中括号
() 小括号
# 井号
+ 加号
- 减号
. 英文句号
! 感叹号

十三、表格

第一种

name age sex
kobe 8 man
bryant 24 man

第二种【推荐使用】

name age
kobe 8
bryant 24

十四、进阶教程:

1、更改字体、字号、颜色

Markdown 通过简单标记语法,使普通文本内容具有一定格式。但它本身不支持修改字体、字号与颜色等功能的。CSDN-markdown 编辑器是其衍生版本,支持基于 PageDown ( Stack Overflow)所使用的编辑器的扩展功能(如表格、脚注、内嵌HTML、内嵌 LaTeX 等等)。
Size:规定文本的尺寸大小,取值从 1 到 7 ,浏览器默认值是 3.

我是黑体字
我是微软雅黑
我是华文彩云
我是红色
我是绿色
我是蓝色
我是尺寸
我是黑体,绿色,尺寸为5

2、为文字添加背景色

由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)

背景色yellow

3、设置图片大小

1. 更改图片百分比

2.更改图片像素值

3.图片居左

ps:right、left 、center

Front-matter 选项详解

Front-matter 选项中的所有内容均为非必填的。但我仍然建议至少填写 titledate 的值。

配置选项 默认值 描述
title Markdown 的文件标题 文章标题,强烈建议填写此选项
date 文件创建时的日期时间 发布时间,强烈建议填写此选项,且最好保证全局唯一
author _config.yml 中的 author 文章作者
img featureImages 中的某个值 文章特征图,推荐使用图床(腾讯云、七牛云、又拍云等)来做图片的路径.如: http://xxx.com/xxx.jpg
top true 推荐文章(文章是否置顶),如果 top 值为 true,则会作为首页推荐文章
cover false v1.0.2版本新增,表示该文章是否需要加入到首页轮播封面中
coverImg v1.0.2版本新增,表示该文章在首页轮播封面需要显示的图片路径,如果没有,则默认使用文章的特色图片
password 文章阅读密码,如果要对文章设置阅读验证密码的话,就可以设置 password 的值,该值必须是用 SHA256 加密后的密码,防止被他人识破。前提是在主题的 config.yml 中激活了 verifyPassword 选项
toc true 是否开启 TOC,可以针对某篇文章单独关闭 TOC 的功能。前提是在主题的 config.yml 中激活了 toc 选项
mathjax false 是否开启数学公式支持 ,本文章是否开启 mathjax,且需要在主题的 _config.yml 文件中也需要开启才行
summary 文章摘要,自定义的文章摘要内容,如果这个属性有值,文章卡片摘要就显示这段文字,否则程序会自动截取文章的部分内容作为摘要
categories 文章分类,本主题的分类表示宏观上大的分类,只建议一篇文章一个分类
tags 文章标签,一篇文章可以多个标签

注意:

  1. 如果 img 属性不填写的话,文章特色图会根据文章标题的 hashcode 的值取余,然后选取主题中对应的特色图片,从而达到让所有文章都的特色图各有特色
  2. date 的值尽量保证每篇文章是唯一的,因为本主题中 GitalkGitment 识别 id 是通过 date 的值来作为唯一标识的。
  3. 如果要对文章设置阅读验证密码的功能,不仅要在 Front-matter 中设置采用了 SHA256 加密的 password 的值,还需要在主题的 _config.yml 中激活了配置。有些在线的 SHA256 加密的地址,可供你使用:开源中国在线工具chahuo站长工具

以下为文章的 Front-matter 示例。


layout  布局
title 标题
date  建立日期  文件建立日期
updated 更新日期  文件更新日期
comments  开启文章的评论功能 true
tags  标签(不适用于分页)
categories  分类(不适用于分页)
permalink 覆盖文章网址


author:         作者
img:            图片展示
top: true       推荐文章
cover: true     首页推荐文章
coverImg:       首页轮播封面需要显示的图片路径
password:       密码
toc: false      文章目录
mathjax: false 是否开启数学公式支持
summary:        文章的特殊内容的配置,没有的话按默认设置来!
categories: 分类
tags:  标签

General

Version
Author

Hexo
node.js

主题特点

  • 原生JavaScript实现,去jQuery化
  • 样式支持CSS预处理器Less,方便主题自定义
  • 文章过期提醒功能
  • 文章阅读进度条
  • 网站公告功能
  • 首页图片懒加载
  • 首页文章缩略图自动检索文章内图片,支持自动随机图片
  • 主题支持响应式
  • 支持3D云标签
  • 支持文章推送和文章打赏
  • 站内本地搜索和谷歌搜索
  • 支持多个第三方评论系统
  • 支持网站统计和不蒜子访客统计
  • 移动端的简洁设计
  • 支持代码高亮并支持自定义高亮样式
  • 支持Shell脚本通过Travis CI自动化部署Hexo博客
  • 支持Hexo自动化部署结果发送邮件和实时推送到钉钉
/* 整体背景颜色,包括导航、移动端的导航、页尾、标签页等的背景颜色. */
.bg-color {
    background-image: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%);
}

@-webkit-keyframes rainbow {
   /* 动态切换背景颜色. */
}

@keyframes rainbow {
    /* 动态切换背景颜色. */
}

示例

文档

VersionAuthor


 上一篇
域名绑定 域名绑定
##1.第一种2情况Your site is ready to be published at 域名 检查你的域名解析 ping 地址 2.更改hosts文件,地址:C:\Windows\System32\Drivers\etc 不能
2019-03-15
下一篇 
写作页面的创建! 写作页面的创建!
这是测试页面git config --global credential.helper wincred git clone 页面地址 hexo new “写 作” //写作 hexo draft “草 稿” //草稿 $ npm i
2019-03-14