使用githubpages主题NexT的语法

超、凢脫俗 2021-09-17 20:58 305阅读 0赞

![标题图][1240]

> 使用`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)

## 内置标签 ##

标签调用方法
    
    
    <blockquote class="blockquote-center">blah blah blah</blockquote>
    
    
    {% centerquote %}blah blah blah{% endcenterquote %}
    
    
    {% cq %} blah blah blah {% endcq %}

## 容器宽度限制的图片 ##

标签调用方法
    
    
    <img src="/image-url" class="full-image" />
    
    
    {% fullimage /image-url, alt, title %}
    
    
    {% fi /image-url, alt, title %}

如果看了觉得不错

点赞！转发！

> 达叔小生：往后余生，唯独有你  
> You and me, we are family !  
> 90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通  
> 简书博客： 达叔小生  
> [https://www.jianshu.com/u/c785ece603d1][https_www.jianshu.com_u_c785ece603d1]

## 结语 ##

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

[1240]: /images/20210724/2e8337e43fef47f9a67e243cf7569120.png
[https_www.jianshu.com_u_c785ece603d1]: https://www.jianshu.com/u/c785ece603d1