NexT 主题添加分类页面

新建页面

在本地使用终端 cdblog 文件夹下,执行如下命令:

$ cd Documents/blog
$ hexo new page categories

设置页面

编辑 source/categories/index.md

---
title: categories
date: 2018-04-09 13:15:42
type: "categories"
layout: "categories"
comments: false
---

修改主题配置文件

编辑 themes/next/_config.yml

menu:
  home: / || home
  #about: /about/ || user
  #tags: /tags/ || tags
  archives: /archives/ || archive
  categories: /categories/ || th

然后,终端重新部署即可生效。

NexT 主题打赏

准备支付宝和微信二维码

  • 支付宝生成二维码地址

  • 微信生成二维码教程地址

配置本地站点文件

blog/themes/next/_config.yml :

# Reward
reward_comment: 碎银打赏,以资鼓励!
wechatpay: /images/wechatpay.jpg
alipay: /images/alipay.jpg
#bitcoin: /images/bitcoin.png

注:wechatpay.jpg、alipay.jpg 图片放入 themes/next/source/images 中,像素修改为:215 * 215。

修复煽动 Bug

修改next/source/css/_common/components/post/post-reward.styl,注释wechat:hoveralipay:hover

/*
#wechat:hover p{
    animation: roll 0.1s infinite linear;
    -webkit-animation: roll 0.1s infinite linear;
    -moz-animation: roll 0.1s infinite linear;
}
#alipay:hover p{
    animation: roll 0.1s infinite linear;
    -webkit-animation: roll 0.1s infinite linear;
    -moz-animation: roll 0.1s infinite linear;
}
*/

然后,终端重新部署即可生效。

NexT 开启数学公式

修改主题配置文件 themes/next/_config.yml 中:

math:
  enable: true

书写markdown博文时:

---
title:
date:
tags:
categories:
mathjax: true
---

编辑node_modules\marked\lib\marked.js 脚本:

【第一步】
将451行的escape: /^\\([\\`*{}\[\]()# +\-.!_>])/,
替换为
escape: /^\\([`*\[\]()# +\-.!_>])/,
这一步取消了对\\,\{,\}的转义(escape)

【第二步】
将459行的em: /^\b_((?:[^_]|__)+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
替换为
em:/^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
这一步取消了对斜体标记_的转义

保存。即可生效。参考的帖子:在Hexo中渲染MathJax数学公式

Google SEO

我搭建的博客为什么在 百度 or Google 搜不到?那是因为你没有做 SEO

Google Webmaster tools

Google Webmaster tools

  1. 获取 google site verification code

    登录 Google Webmaster Tools,导航到验证方法,并选择 HTML Tag。将会获取到一段代码:

    <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXXXXXXXX" />
  2. Google Search Console 时,选用 Alternate methods 的 HTML tag 认证时,copy 自己的meta name

    themes/next/layout/_partials/head/head.swig 文件中:

    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="theme-color" content="{{ theme.android_chrome_color }}">

    修改为:

    <meta charset="UTF-8"/>
    <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXXXXXXXX" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="theme-color" content="{{ theme.android_chrome_color }}">

    即在第二行添加自己的meta name

    <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXXXXXXXX" />
  3. 进入本地安装hexo的目录下,我的是blog。首先安装 sitmap ,执行命令:

    $ npm install hexo-generator-sitemap --save

    打开站点配置文件 blog/_config.yml ,添加

    sitemap:
      path: sitemap.xml

    OK,搞定了。这样在执行 hexo g 编译时,会在目录 /blog/public/ 下,生成 sitemap.xml 文件。该文件是提供给搜索爬虫用的。

    过后,就可在 Google 搜到自己博客的相关信息了。

添加蜘蛛协议 robots.txt

添加文blog/source/robots.txt

User-agent: *
Disallow: /CNAME
Disallow: /README
Disallow: /css/
Disallow: /images/
Disallow: /js/
Disallow: /lib/

Allow: /
Allow: /archives
Allow: /categories

Sitemap: 自己网站的域名/sitemap.xml

NexT 个性化设置的更多相关文章

  1. Python开发工具PyCharm个性化设置(图解)

    Python开发工具PyCharm个性化设置,包括设置默认PyCharm解析器.设置缩进符为制表符.设置IDE皮肤主题等,大家参考使用吧. JetBrains PyCharm Pro 4.5.3 中文 ...

  2. PhpStorm 8.x/9.x 快捷键设置/个性化设置,如何多项目共存?如何更换主题?

    1."自定义"常用快捷键(设置成跟Eclipse差不多) 按照路径:File -> Settings -> Appearance & Behavior -> ...

  3. 个性化设置phpMyAdmin,去掉“以树形显示数据库”,禁用“发送错误报告”

    个性化设置phpMyAdmin 在使用phpMyAdmin 3.5.8.2时,发现: 如果数据库有相同的前缀,左边数据库导航会把前缀合并,即所谓的“以树形显示数据库”,真的有点不习惯,如下图所示: 不 ...

  4. IntelliJ IDEA 14.x 快捷键/个性化设置

    常用快捷键设置(设置成跟Eclipse差不多) 按照路径:File -> Settings -> Appearance & Behavior -> Keymap -> ...

  5. 【荐2】Total Commander 7.57 配置选项 个性化设置备份,,,开启时如何自动最大化???(二)

    最近安装了下新版的“Total Commander 7.56”,发现它的默认设置是如此的不好用,现把对其个性化设置备份如下(符合大部分用户的操作习惯): 默认打开Total Commander 7.5 ...

  6. Xshell个性化设置,解决Xshell遇到中文显示乱码的问题

    在同事的推荐下,今天开始使用Xshell连接Linux,但是发现一个“遇到中文显示乱码”的问题, 同事的解决方案如下: 平常给Linux上传文件之前,先把文件转换成UTF-8编码形式, 然后设置Xsh ...

  7. Ubuntu 14 中,SecureCRT、SecureFX个性化设置

    [SecureCRT 个性化设置] 打开设置路径:菜单栏 -> Opions -> Global Options -> General -> Default Session - ...

  8. Chrome 及其 插件“个性化设置”备份

    Chrome版本发布时间表 2016.10.13 v54.0.2840.59  主题颜色由 蓝色 变为 灰色 2016.11.17 重新使用 Chrome 浏览器(v54.0.2840.99),并设置 ...

  9. Firefox 及其 插件“个性化设置”备份

    Firefox版本发布时间表 2016.10.22 49.0.2 2016.11.15 50.0 2016.11.08 重新使用 Firefox(版本为 49.0.2),访问 Firefox官网 常用 ...

  10. Mac Pro 安装 Sublime Text 3,个性化设置,主题 和 插件 收藏

    1.到官网下载安装包 http://www.sublimetext.com/3 2.附注册码一枚 Sublime Text 3 3126 —– BEGIN LICENSE —– Alexey Plut ...

随机推荐

  1. Python3基础 dict in/not in 查询一个字符是否指定字典的键或者值

             Python : 3.7.0          OS : Ubuntu 18.04.1 LTS         IDE : PyCharm 2018.2.4       Conda ...

  2. vue学习【第五篇】:Vue组件

    什么是组件 - 每一个组件都是一个vue实例 - 每个组件均具有自身的模板template,根组件的模板就是挂载点 - 每个组件模板只能拥有一个根标签 - 子组件的数据具有作用域,以达到组件的复用 根 ...

  3. Python 处理 CSV/EXCEL 表格文件

    只想说,数据挖掘工作,80%时间都花在处理数据上了,这句话真不假! 最近和小伙伴组了个队参加数据分析比赛,记录下我处理 csv 文件的一些步骤吧: 修改csv文件 可以用csv模块1,官方文档2 im ...

  4. DNS 基础

    DNS Domain Name System:域名系统,主要用来将域名解析为IP.DNS以及相关系统存在,主要有两个原因: 可以让人容易记住名字,而不是记住IP: 它允许服务器改变IP,但是采用同样的 ...

  5. sudo中的 各类授权 名称包含的操作 权限命令?

    sudo是 do something as super user: 或者说: as Super User Do something: 就是 为 "非根用户赋予根用户的权限" 使用 ...

  6. 【论文笔记】Spatial Temporal Graph Convolutional Networks for Skeleton-Based Action Recognition

    Spatial Temporal Graph Convolutional Networks for Skeleton-Based Action Recognition 2018-01-28  15:4 ...

  7. (转载)Navicat Premium 12.1.16.0安装与激活

    声明:本文所提供的所有软件均来自于互联网,仅供个人研究和学习使用,请勿用于商业用途,下载后请于24小时内删除,请支持正版! 本文介绍Navicat Premium 12的安装.激活与基本使用.已于20 ...

  8. POJ 3279 Fliptile(翻格子)

    POJ 3279 Fliptile(翻格子) Time Limit: 2000MS    Memory Limit: 65536K Description - 题目描述 Farmer John kno ...

  9. Codeforces Beta Round #65 (Div. 2) C. Round Table Knights

    http://codeforces.com/problemset/problem/71/C 题意: 在一个圆桌上有n个人,每个人要么是1,要么就是0,现在要判断是否能由一些1相连构成正多边形. 思路: ...

  10. react native 第三方组件react-native-swiper 轮播组件

    github地址:https://github.com/leecade/react-native-swiper 使用方法:安装:npm i react-native-swiper –save 查看模块 ...