使用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. go语言学习逻辑运算符if判断，iota的理解

    第一天学习go语言,首先吐槽一下,配置go语言浪费了我两个小时的时间 不是在百度,就是在百度的路上,这里介绍一下我的go语言的版本和开发平台 go语言1.12版本,之前没有用过在早的版本了首先记录一下 ...

  2. Tomcat7 目录详解

    1.bin:该目录下存放的是二进制可执行文件,如果是安装版,那么这个目录下会有两个exe文件:tomcat6.exe.tomcat6w.exe,前者是在控制台下启动Tomcat,后者是弹出UGI窗口启 ...

  3. java对象之----(PO,VO,DAO,BO,POJO)

    转自http://www.cnblogs.com/bluestorm/archive/2012/09/26/2703234.html 一.PO :(persistant object ),持久对象 可 ...

  4. Subplot 多合一显示

    1.均匀图中图 matplotlib 是可以组合许多的小图, 放在一张大图里面显示的. 使用到的方法叫作 subplot. 使用import导入matplotlib.pyplot模块, 并简写成plt ...

  5. 如何打开用eclipse没有.project文件的Java工程

    大概分为以下7个步骤,具体如下: 1.在你的eclipse下新建一个与你想要打开的源代码项目同名的一个项目(我这举例叫myweb). 2.在电脑磁盘中找到刚刚新建的项目,把它生成的.project文件 ...

  6. 博客1--tensorflow的图像基本处理操作

    话不多,具体内容在开源中国里我的博客:https://my.oschina.net/u/3770644 代码: #!/usr/bin/env python# -*- coding:utf-8 -*-# ...

  7. C/C++生成静态库动态库及语言交互

    C++静态库与动态库(比较透彻) Go中调用C的动态库与静态库 我的示例 文件结构 |- sample |- c |- libsample |- libsample.h |- libsample.cp ...

  8. Idea如果添加Maven模块

    1.要创建一个和heaton-app同级的Maven模块,如果所示 2.点击下一步,添加ArtifactId,其中 groupId :       定义了项目属于哪个组,举个例子,如果你的公司是myc ...

  9. System.Web.Caching.Cache缓存帮助类

    /// <summary> /// 缓存帮助类 /// </summary> public class CacheHelper { /// <summary> // ...

  10. Chapter4_控制执行流程

    总结java中所有的与流程控制有关的知识 (1)表达式判断 Java中只允许true或者false来作为判断条件,不允许用0或者非0值作为判断条件. (2)if-else 与流程密切相关的语句,决定了 ...