使用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. VBA 删除Excel中所有的图片

    Sub DeletePic()     Dim p As Shape     For Each p In Sheet1.Shapes         If p.Type = Then         ...

  2. MongoDB、PyMongo数据操作

    MongoDB 命令 C:\Program Files\MongoDB\Server\4.0\bin mongo 客户端 mongod 服务端 mongoexport 导出 普通格式,每条记录一行,整 ...

  3. py文件的运行

    安装过程及配置 安装过程准备: 下载好Python的安装程序后,开始安装,在进入安装界面后一定确保勾选将Python加入到系统环境变量的路径里.如图所示: 2 如果没有选取,那么按照下面的步骤进行操作 ...

  4. 201771010134杨其菊《面向对象程序设计java》第九周学习总结

                                                                      第九周学习总结 第一部分:理论知识 异常.断言和调试.日志 1.捕获 ...

  5. Sum of Subsequence Widths LT891

    Given an array of integers A, consider all non-empty subsequences of A. For any sequence S, let the  ...

  6. Reveal Cards In Increasing Order LT950

    In a deck of cards, every card has a unique integer.  You can order the deck in any order you want. ...

  7. 最小化webpack项目

    先把代码贴出来,以后慢慢加说明 参考资料:入门 Webpack,看这篇就够了 / webpack 搭建自动打开,刷新浏览器 一.功能代码1.index.html <!DOCTYPE html&g ...

  8. Spring-MVC运行原理

    一. Spring-MVC的对象初始化,即 bean放入context的beanFactory中. 1. 对象的初始化工作主要在org.springframework.web.servlet.Fram ...

  9. SOP - Validation

    Table of Contents目录表1 Roles and Responsibilities related to validation与验证相关的1个角色和职责2 Introduction2引言 ...

  10. python数据结构（二）------元组

    元组是不可变序列,因此,元组的操作非常简单,本文就简单介绍一下,并解释下元组存在的意义: 2.2.1 元组的创建 2.2.2 tuple函数 2.2.3 基本元组操作 2.2.4 元组存在的意义 2. ...