使用
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页面
站点建立时间
配置示例
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)
内置标签
标签调用方法
blah blah blah
{% centerquote %}blah blah blah{% endcenterquote %}
{% cq %} blah blah blah {% endcq %}
容器宽度限制的图片
标签调用方法
{% fullimage /image-url, alt, title %}
{% fi /image-url, alt, title %}
如果看了觉得不错
点赞！转发！
达叔小生：往后余生，唯独有你 You and me, we are family ! 90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通 简书博客： 达叔小生 https://www.jianshu.com/u/c785ece603d1
结语
- 下面我将继续对 其他知识 深入讲解 ，有兴趣可以继续关注
- 小礼物走一走 or 点赞