镶入网站网页

1
<iframe width="100%" scrolling=no height="800" frameborder="0" src="https://www.youtube.com/watch?v=R2iMq5LKXco"></iframe>

2 12 20 30 38 60 100 126 600 1000

平时常用…..…..

卸载插件：

1
npm uninstall hexo-generator-index --save

插入音乐播放器

最简单的：

1
2
3
<video width="480" height="320" controls>
<source src="/ful/f3e15bcc/1.mp4">
</video>

项目组
插件安装：

1
npm install --save hexo-tag-aplayer

安装完成后，在需要添加音乐的地方加上：

1
{% aplayer "歌曲名称" "作者" "音乐_url" "封面图片_url" "autoplay" %}

图
　　想加入歌单，把上面的代码换成下面代码就行，参数的用法可以参照插件的使用说明

1
{% aplayerlist %}{"narrow": false,"autoplay": true,"showlrc": 3,"mode": "random","music": [{"title": "平凡之路","author": "朴树","url": "http://og9ocpmwk.bkt.clouddn.com/%E5%B9%B3%E5%87%A1%E4%B9%8B%E8%B7%AF.mp3","pic": "https://ogd99kckh.qnssl.com/1.jpg","lrc": "http://og9ocpmwk.bkt.clouddn.com/%E5%B9%B3%E5%87%A1%E4%B9%8B%E8%B7%AF.txt"},{"title": "野子","author": "苏运莹","url": "http://og9ocpmwk.bkt.clouddn.com/01%20%E9%87%8E%E5%AD%90.m4a","pic": "http://og9ocpmwk.bkt.clouddn.com/%E9%87%8E%E5%AD%90.jpg","lrc":"https://ogd99kckh.qnssl.com/%E9%87%8E%E5%AD%90.txt"}]}{% endaplayerlist %}

网页直达文章题目

代码及命令，网址导航记直达sq导航，网址导航

插入视频：推荐三…

1、方式一：

1
{% iframe 地址 100 200 %}

2、方式二：

1
<iframe width="640" height="359" src="地址" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

3、方式三（加载视频不自动播放）

1
2
3
<video width="852" height="480" controls>
<source src="地址">
</video>

bat命令：

发布：

1
2
3
4
5
6
@echo off
d:
CD d:\m
hexo clean&&hexo g&&hexo d
echo 完成！
echo. & pause

启动localhost4000.bat

1
2
3
4
5
6
@echo off
D:
CD D:\m
hexo s
echo 完成！
echo. & pause

文字剧中 左对齐 右对齐

居中：

1
<center>剧中</center>

左对齐：

1
<p align="left">左对齐</p>

右对齐：

1
<p align="right">右对齐</p>

标题居中放大

1
<center><font size=3 > <h1>标题居中放大</h1> </font></center>

效果：

标题居中放大

删除符号：

1
~删除部分~

删除部分

Hexo Next修改永久链接的默认格式

安装插件：

1
npm install hexo-abbrlink --save

修改_config.yml：

1
2
3
4
5
6
# permalink: :year/:month/:day/:title/
# permalink_defaults:
permalink: posts/:abbrlink.html
abbrlink:
  alg: crc32  # 算法：crc16(default) and crc32
  rep: hex    # 进制：dec(default) and hex

原文链接

在文章插入标签链接：

文件在同一目录下（不输入后缀）

1
{% post_link 管理多个博客 %}

效果：

（可点击直达）

文章插入围绕图片字体围绕：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% blockquote Imagus _  https://hexo.io/zh-cn/docs/tag-plugins 点击进入谷歌商店安装  %}
[<div style="float:left;border:solid 1px 000;margin:2px;"><img src= 代码及命令/1.PNG   width="100" height="100" ></div>][T1]

[T1]: /or/b7a8ef1d/1.JPG
 "***Magic Actions for YouTube***

![](https://lh3.googleusercontent.com/Df-m4HJub3onzrD-C1av0yJz3mELCiMcmlBcX30OhHdkfYFTcFZz6zeZv0ziLO3bPIg65_9Xfg=w640-h400-e365)"
Imagus 概述


Enlarge thumbnails, and show images/videos from links with a mouse hover.
鼠标指针悬停在链接或缩略图上时直接在当前页面的弹出视图上显示这些图片、HTML5 视频/音频和内容专辑。

扩展有众多选项可供设置，要了解扩展的所有功能最好是逐个查阅这些选项。


选项页面上的分类和它们的简单描述：

▪ 筛选规则
一系列可扩展的规则，用以获取更好质量的图片、媒体影音或其他内容。。
{% endblockquote %}

效果显示：

Imagus 概述

Enlarge thumbnails, and show images/videos from links with a mouse hover.
鼠标指针悬停在链接或缩略图上时直接在当前页面的弹出视图上显示这些图片、HTML5 视频/音频和内容专辑。

扩展有众多选项可供设置，要了解扩展的所有功能最好是逐个查阅这些选项。

选项页面上的分类和它们的简单描述：

▪ 筛选规则
一系列可扩展的规则，用以获取更好质量的图片、媒体影音或其他内容。。

文章缩进空格

1
&nbsp;&nbsp;&nbsp;

分割符

1
<!--more-->

注释（不显示的部分）

1
<!--这是一段注释。注释不会在浏览器中显示。-->

插入文字链接：

1
2
3
{% blockquote 这个位置-1。 _  https://hexo.io/zh-cn/docs/tag-plugins 位置-3。  %}
这一行文字的显示位置-2。
{% endblockquote %}

效果显示：

这一行文字的显示位置- 2。

文字编辑大小颜色

1
<font size=5 color="#7EC0EE">文字编辑大小颜色</font>

文字大小颜色

1
<font size=5 color="＃0EEC1D"> 文字大小颜色</font>

调色板

效果显示：
文字大小颜色

1
2
$ hexo new
$ hexo new page "新页面"
1
2
3
$ hexo clean
$ hexo g
$ hexo d

安装hexo

1
$ npm install -g hexo-cli

安装好后，用git –version 来查看一下版本

接下来初始化一下hexo

1
$ hexo init 文件夹名

这个文件夹名自己取可以自己取什么名字都行，然后

1
2
$ cd 文件夹名 //进入这个文件夹
$ npm install
新建完成后，指定文件夹目录下有： node_modules: 依赖包 public：存放生成的页面 scaffolds：生成文章的一些模板 source：用来存放你的文章 themes：主题 ** _config.yml: 博客的配置文件** 
1
2
$ hexo g
$ hexo server
打开hexo的服务，在浏览器输入localhost:4000就可以看到你生成的博客了 
1
2
$ hexo s
$ hexo s -p 5000

以上部分来源–原文链接点击

我的网址

1
$ https://www.zj0029.ml

音乐播放器 来源点击

1
$ npm install --save hexo-tag-aplayer
五路口

不显示图片

具体做法：

根目录下的_config.yml文件中post_asset_folder: false设置为true，以此打开文章资源文件夹功能；

博文顶置（2种方式）

1、目前已经有修改后支持置顶的仓库，可以直接用以下命令安装。

1
2
$ npm uninstall hexo-generator-index --save
$ npm install hexo-generator-index-pin-top --save

2、手动方式： 来源：点击原创直达原文：原创
修改
找到node_modules/hexo-generator-index/lib/generator.js这个文件。

在

var posts = locals.posts;
下面添加

1
2
3
4
5
6
7
8
9
10
11
12
13
posts.data = posts.data.sort(function(a, b) {
    if(a.top && b.top) { // 两篇文章top都有定义
        if(a.top == b.top) return b.date - a.date; // 若top值一样则按照文章日期降序排
        else return b.top - a.top; // 否则按照top值降序排
    }
    else if(a.top && !b.top) { // 以下是只有一篇文章top有定义，那么将有top的排在前面（这里用异或操作居然不行233）
        return -1;
    }
    else if(!a.top && b.top) {
        return 1;
    }
    else return b.date - a.date; // 都没定义按照文章日期降序排
});

完整代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
'use strict';

var pagination = require('hexo-pagination');

module.exports = function(locals) {
  var config = this.config;
  var posts = locals.posts.sort(config.index_generator.order_by);
  posts.data = posts.data.sort(function(a, b) {
        if(a.top && b.top) { // 两篇文章top都有定义
            if(a.top == b.top) return b.date - a.date; // 若top值一样则按照文章日期降序排
            else return b.top - a.top; // 否则按照top值降序排
        }
        else if(a.top && !b.top) { // 以下是只有一篇文章top有定义，那么将有top的排在前面（这里用异或操作居然不行233）
            return -1;
        }
        else if(!a.top && b.top) {
            return 1;
        }
        else return b.date - a.date; // 都没定义按照文章日期降序排
    });
  var paginationDir = config.pagination_dir || 'page';
  var path = config.index_generator.path || '';

  return pagination(path, posts, {
    perPage: config.index_generator.per_page,
    layout: ['index', 'archive'],
    format: paginationDir + '/%d/',
    data: {
      __index: true
    }
  });
};

使用

在文章添加 top 标签可以设置置顶顺序。

1
2
3
4
5
6
---
title: 文章名
date: 文章发布时间
tags: 文章标签
top: 100(文章置顶)
---

注意
迁移blog等注意备份node_modules/hexo-generator-index/lib/generator.js这个文件。