使用githubpages主题NexT的语法

NexT

前言

不知道为啥?网站总是不出现?

添加「标签」页面

title: 标签测试文章

tags:

  - Testing

  - Another Tag

---

新建页面:

设置页面类型:

$ hexo new page tags

title: 标签

date: 2014-12-22 12:39:04

type: "tags"

---

menu:

  home: /

  archives: /archives

  tags: /tags

添加「分类」页面

$ hexo new page categories

title: 分类

date: 2014-12-22 12:39:04

type: "categories"

---

menu:

  home: /

  archives: /archives

  categories: /categories

设置字体

font:

  enable: true

  # 外链字体库地址，例如 //fonts.googleapis.com (默认值)

  host:

  # 全局字体，应用在 body 元素上

  global:

    external: true

    family: Monda

  # 标题字体 (h1, h2, h3, h4, h5, h6)

  headings:

    external: true

    family: Roboto Slab

  # 文章字体

  posts:

    external: true

    family:

  # Logo 字体

  logo:

    external: true

    family: Lobster Two

    size: 24

  # 代码字体，应用于 code 以及代码块

  codes:

    external: true

    family: PT Mono

设置代码高亮主题

# Code Highlight theme

# Available value: normal | night | night eighties | night blue | night bright

# https://github.com/chriskempson/tomorrow-theme

highlight_theme: normal

侧边栏社交链接

# Social links

social:

  GitHub: https://github.com/your-user-name

  Twitter: https://twitter.com/your-user-name

  微博: http://weibo.com/your-user-name

  豆瓣: http://douban.com/people/your-user-name

  知乎: http://www.zhihu.com/people/your-user-name

  # 等等

# Social Icons

social_icons:

  enable: true

  # Icon Mappings

  GitHub: github

  Twitter: twitter

  微博: weibo

开启打赏功能

reward_comment: 坚持原创技术分享，您的支持将鼓励我继续创作！

wechatpay: /path/to/wechat-reward-image

alipay: /path/to/alipay-reward-image

友情链接

# title

links_title: Links

links:

  MacTalk: http://macshuo.com/

  Title: http://example.com/

腾讯公益404页面

<!DOCTYPE HTML>

<html>

<head>

  <meta http-equiv="content-type" content="text/html;charset=utf-8;"/>

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  <meta name="robots" content="all" />

  <meta name="robots" content="index,follow"/>

  <link rel="stylesheet" type="text/css" href="https://qzone.qq.com/gy/404/style/404style.css">

</head>

<body>

  <script type="text/plain" src="http://www.qq.com/404/search_children.js"

          charset="utf-8" homePageUrl="/"

          homePageName="回到我的主页">

  </script>

  <script src="https://qzone.qq.com/gy/404/data.js" charset="utf-8"></script>

  <script src="https://qzone.qq.com/gy/404/page.js" charset="utf-8"></script>

</body>

</html>

站点建立时间

配置示例

since: 2013

设置「动画效果」「背景动画」

use_motion: true  # 开启动画效果

use_motion: false # 关闭动画效果

canvas_nest 配置示例

# canvas_nest

canvas_nest: true //开启动画

canvas_nest: false //关闭动画

three_waves 配置示例

# three_waves

three_waves: true //开启动画

three_waves: false //关闭动画

第三方

Facebook Comments

# Facebook comments plugin

# This plugin depends on Facebook SDK.

# If facebook_sdk.enable is false, Facebook comments plugin is unavailable.

facebook_comments_plugin:

enable: false

num_of_posts: 10  # min posts num is 1

width: 100%       # default width is 550px

scheme: light     # default scheme is light (light or dark)

内置标签

标签调用方法

<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->

<!-- 其中 class="blockquote-center" 是必须的 -->

<blockquote class="blockquote-center">blah blah blah</blockquote>

<!-- 标签 方式，要求版本在0.4.5或以上 -->

{% centerquote %}blah blah blah{% endcenterquote %}

<!-- 标签别名 -->

{% cq %} blah blah blah {% endcq %}

容器宽度限制的图片

标签调用方法

<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->

<!-- 其中 class="full-image" 是必须的 -->

<img src="/image-url" class="full-image" />

<!-- 标签 方式，要求版本在0.4.5或以上 -->

{% fullimage /image-url, alt, title %}

<!-- 别名 -->

{% fi /image-url, alt, title %}

如果看了觉得不错

点赞！转发！

达叔小生：往后余生，唯独有你

You and me, we are family !

90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通

简书博客： 达叔小生

https://www.jianshu.com/u/c785ece603d1

结语

  • 下面我将继续对 其他知识 深入讲解 ，有兴趣可以继续关注
  • 小礼物走一走 or 点赞

使用githubpages主题NexT的语法的更多相关文章

  1. 三、Vue 的一些语法样例

    前言 其实vue 的语法在官网上都有详细的讲解和例子,我这里就不多做什么说明,只是把自己学习这些语法是练习的例子贴出来.另外官网上的例子是一个个的html文件.我这里的是一个的vue 文件,通过不同的 ...

  2. ROS学习笔记6-理解主题

    本文来源于:http://wiki.ros.org/ROS/Tutorials/UnderstandingTopics ROS主题假设turtlesim节点已经运行,打开一个新终端,使用如下命令运行键 ...

  3. 基于mkdocs-material搭建个人静态博客

    基于mkdocs-material搭建个人纯静态博客,没有php,没有mysql 如果你只是想安安静静的放一些技术文章,发布到个人站点或github-pages,mkdocs-material很适合你 ...

  4. 一文搞懂HMM（隐马尔可夫模型）

    什么是熵(Entropy) 简单来说,熵是表示物质系统状态的一种度量,用它老表征系统的无序程度.熵越大,系统越无序,意味着系统结构和运动的不确定和无规则:反之,,熵越小,系统越有序,意味着具有确定和有 ...

  5. 使用 Ghost 写博客

    今天在https://ghost.org/上试用了一会,发现这是一个出色的博客平台,相比WordPress,更轻量级,而且是使用Node.js来做的,性能也是非常的不错. 优点 轻量级 支持主题 支持 ...

  6. ctargs使用

    ctargs为源码的变量/对象.结构体/类.函数/接口.宏等产生索引文件,以便快速定位.目前支持41种语言,这里仅以C/C++为例:ctags可以产生c/c++语言所有类型的索引文件,具体如下: -& ...

  7. 使用 ODBC .NET 提供程序和 Visual C# .NET 执行 SQL 参数化存储过程

    http://support2.microsoft.com/kb/310130/zh-cn 此分步指导文章描述如何使用 ODBC .NET 托管提供程序和 Visual C# .Net 调用参数化 S ...

  8. Android开发之Theme、Style探索及源码浅析

    1 背景 前段时间群里有伙伴问到了关于Android开发中Theme与Style的问题,当然,这类东西在网上随便一搜一大把模板,所以关于怎么用的问题我想这里也就不做太多的说明了,我们这里把重点放在理解 ...

  9. 零基础数据分析与挖掘R语言实战课程（R语言）

    随着大数据在各行业的落地生根和蓬勃发展,能从数据中挖金子的数据分析人员越来越宝贝,于是很多的程序员都想转行到数据分析, 挖掘技术哪家强?当然是R语言了,R语言的火热程度,从TIOBE上编程语言排名情况 ...

随机推荐

  1. 把多个字符串里面的项写到不同的对象中，然后在push到一个数组中

    otherUserNames: "甲,乙,丙,丁"otherUserIds: "10008750,10008711,10003348,10008747" oth ...

  2. Go 学习

    学习Golang,可以在线实践:https://www.tutorialspoint.com/go/index.htm

  3. File初识和练习

    目录 File类 File对象的构建 File文件名.路径的获取 文件的状态 文件的其他操作 创建文件夹 列出下一级 实战练习1:列出子孙级目录及名称 实战练习2:列出文件及其子孙文件的总大小 实战练 ...

  4. 创建服务的注册与发现 Eureka （四）

    一.eureka注册中心 1.创建一个工程 工程名:microservicecloud-eureka-7001 2.向pom文件中增加如下: <dependencies> <!--e ...

  5. 29. pt-table-usage

    pt-table-usage --query="select * from t01 join t02 on t01.id=t02.id where t01.code=2" pt-t ...

  6. mycat读写分离性能测试

    1.    MySQL主从配置 我们的方案设计基于Mysql的主从数据复制功能,以下是基于mysql5.5以上版本最新的主从配置. 开启mysql主从数据复制,主要在mysql的my.ini文件中设置 ...

  7. Python从入门到超神之文件处理

    一.文件处理流程(python默认是utf-8编码) 打开文件函数:open(文件路径,encoding=‘utf-8’)注意:open会检索系统的编码,所以需要调整一致否则报错 例如:fi=open ...

  8. Meanshift均值漂移算法

      通俗理解Meanshift均值漂移算法  Meanshift车手?? 漂移?? 秋名山???   不,不,他是一组算法,  今天我就带大家来了解一下机器学习中的Meanshift均值漂移. Mea ...

  9. Jmeter+ant集成接口测试报告

    一.jdk1.8下载及环境配置 1.1 下载地址 下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-download ...

  10. 第四范式涂威威：AutoML技术现状与未来展望

    以下内容是对AutoML技术现状与未来展望讲座的总结. 1.机器学习定义 <西瓜书>中的直观定义是:利用经验来改善系统的性能.(这里的经验一般是指数据) Mitchell在<Mach ...