博客备忘录

前言

捯饬了这么久，稍稍回顾下。
鉴于百度、知乎、简书等的相关教程良莠不齐和自己些许的心得，在这里备份经验罢了。
一句话，还是得多看网站的Help Center，找到相关问题的解决方案才是最理想的选择，避免走太多弯路！
所以以下内容以各官网Help Center解决方案内容为主进行梳理。

博客搭建

1.Set Up Git[1]
　基本保持默认设置即可，直至安装成功。
　Ctrl+R，输入cmd回车，在Windows命令行界面中输入git –version，检查是否安装成功
2.Set Up Node.js[2]
　同上输入node -v和npm -v，查看版本信息以确定是否安装成功

1
2
3
4
node --version

npm -v
6.12.0

3.Create A Repo[3]
4.Install Hexo
①在自己认为合适的地方创建一个名为hexo的文件夹，然后由cmd进入该文件夹（一定要进入此文件夹，相关操作命令类同Linux)
②输入npm install hexo-cli -g，随后输入hexo -v检查是否有hexo-cli的版本信息，若有则安装成功。
③输入npm install hexo –save，同样输入hexo -v检查是否有hexo的版本信息以确定是否安装成功。
④配置hexo，输入hexo init
⑤输入npm install
⑥新建完成，到指定文件夹目录检查资源：

1
2
3
4
5
6
7
_config.yml--站点配置文件，配置各类参数
package.json
scaffolds
source
　_drafts  //我没有，嘻嘻嘻
　_posts
themes

5.站点_config.yml设置

1
2
3
4
5
6
7
8
9
...
url: https://xxx.github.io/
...
deploy:
  type: git
  #repo: git@github.com:xxx/xxx.github.io.git //此处和下一行二选一
  repo: https://github.com/xxx/xxx.github.io
  //这里的repo添的地址就是你的仓库的地址，可以用https的，也可以用SSH的（需要秘钥，SSH的方式不用每次都输密码，配置SSH这里不做介绍了）
  branch: master

其他参数设置请参考Hexo官网[4]。
6.Select a theme
①Hexo官网主题[5]
选择一个主题进入，然后找到GitHub入口，就可以找到此主题在GitHub的代码库，找到download按钮进行zip格式下载安装至hexo/themes目录下，然后
将站点配置文件_config.yml内的theme: theme_name的theme_name改成相应主题的名字即可，注意查看代码库关于此主题配置文件_config.yml的参数说明，
其次区分好站点配置文件和主题配置文件！
②知乎主题[6]
个人比较推荐这个吧，喜欢简洁类型的。
7.Install Atom[7]
为了方便编写文章，个人使用Atom的markdown编辑器，所以推荐之。
安装之后，相关常用命令：（需要使用git-bash，进入hexo主目录）
hexo clean —— 清楚public目录（该目录就是上传部署到GitHub代码仓库的目录文件），此命令不可轻易使用，特别是个人另外在public添加了相关文件，一旦使用则会删除
hexo g —— 生成静态页面
hexo d —— 部署上传至GitHub
hexo new “file_name” —— 生成名为file_name的md文件，在atom中即可编辑
hexo s —— 本地测试，一般先本地测试调试成功后再hexo d部署
以上内容参考如下：
①Hexo官网[4]
②GitHub官网[8]
8.配置SSH
①添加SSH Key
执行以下命令获取密匙，密匙所在目录为/c/Users/you_PC/.ssh/id_rsa，可以用atom打开

1
ssh-keygen -t rsa -C "your_email@example.com" //一直回车直至密匙生成成功

在Github个人setting（不是仓库的setting）点击SSH and GPGkeys选项，选择New SSH key
复制/c/Users/you_PC/.ssh/id_rsa.pub中的内容到Key框中，Title框中名字随意。
②测试SSH Key

1
2
3
ssh -T git@github.com
The authenticity of host 'github.com (xxx.xx.xxx.xxx)' can't be established. RSA key fingerprint is xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx Are you sure you want to continue connecting (yes/no)? yes  // 输入yes
Hi username! You've successfully authenticated, but GitHub does not provide shell access.

③补充解释第5点
站点配置文件的repo设置，如果设置了SSH，才能用诸如

1
2
repo: git@github.com:xxx/xxx.github.io.git
#repo: https://github.com/xxx/xxx.github.io

否则只能用第二种。
9.配置Git个人信息

1
2
git config --global user.name "name"
git config --global user.email "email@example.com"

主页设置

这个主要是个人的想法，希望一个主页充当门面🙈，所以就捯饬了一番：
①进入hexo/node_modules，找到hexo-generator-index，将其删除，当然最好是备份后删除，万一以后要用呢？😼。(该插件用于渲染网页，效果就是将所有页面集合到一个页面中充当主页)
②hexo new “index”（必须名为index），随后进入atom将index.md文件拖拽至hexo/source目录下即可，也就是与_post目录并列
③编辑index.md内容，内容即主页内容，随后hexo d -g即可。

音乐设置

个人采用yilia主题，所以希望在left区域底部设置音乐模块。

atom进入/hexo/themes/yiia/layout/_partial/left-col.ejs
最后一对nav标签前添加，即class为header-smart-menu和header-nav中间
①网易外链

1
2
3
4
<nav>
　//这个外链由网易云音乐网页版提供，auto为0表示不自动播放，1表示自动播放，其他参数顾名思义
  <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=230 height=86 src="//music.163.com/outchain/player?type=2&id=29544830&auto=0&height=66"></iframe>
</nav>

②Aplayer自定义
Aplayer是H5音频播放器，这和之前的个人插件aplayer内核一样，只不过这个是原生的，而插件则是为了更好地在md文件中使用,犹豫已经安装了插件，而aplayer对应的js文件已经有了，只要引用就好了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<div id="aplayer0" class="aplayer" style="margin-bottom: 20px;width:100%;"></div>
<script type="text/javascript" src="\assets\js\APlayer.min.js"> </script>
<script src="\assets\js\APlayer.min.js"> </script>
 <script>
   new APlayer({
     element: document.getElementById("aplayer0"),
     narrow: false,
     autoplay: false,
     showlrc: 0,
     music: {
       title: "底线",
       author: "Hearts、",
       url: "http://ov4otygyd.bkt.clouddn.com/%E5%BA%95%E7%BA%BF.m4a",
       pic: "http://ov4otygyd.bkt.clouddn.com/%E5%BA%95%E7%BA%BF.jpg",
   }
 });
</script>

绑定域名

如果不喜欢github自动生成的域名，则可以购买域名，使用之。
①购买域名
Gandi、GoDaddy、DNSPod等DNS provider都可以购买，根据自己的喜好选择后缀。
②域名解析
这里参考网上许多人的建议，为了防止被中国国家防火墙给屏蔽了，建议使用DNSPod进行域名解析。
a.修改域名提供商的DNS
进入购买域名的DNS provider官网管理自己的域名
这里建议进入DNSPod官网问题向导[9]，有关于各家DNS provider进行DNS修改的解决方案，参考即可。
b.设置DNSPod域名解析记录
添加两条A记录，主机记录为@，记录值为192.30.252.153和192.30.252.154（GitHub的DNS服务器IP地址）

主机记录 记录类型 线路类型 记 录 值 权重 MX优先级 TTL 操 作
@ A 默认 192.30.252.153 - - 10 删除 暂停
@ A 默认 192.30.252.154 - - 10 删除 暂停
www CNAME 默认 lourisxu.github.io - - 10 删除 暂停

③绑定域名
进入GitHub代码仓库，setting里找到custom domain，输入你的域名example.com，save即可，之后回到代码仓库的code可以发现多了CNAME文件，说明成功了。
这里需要注意的是，可以在本地hexo/source内新创建CNAME（无后缀名）文件，内容仅为example.com即可，以免之后每次部署会将代码仓库中的CNAME文件给刷新掉而需要每次部署后重新setting操作。
（但是个人测试发现，第一次配置必须先进入代码仓库setting内设置，如果刚开始就本地创建了CNAME，则无效，这个是否为偶发事件有待进一步验证，谁会是下个小白鼠呢？🎃）
耐心等待一会就可以通过自己的域名访问自己的博客了！👏
详细参考如下：
Using a custom domain with GitHub Pages[10]

个人常用插件

hexo-encrypt[11] —— 文章加密
hexo-pdf[12] —— 加载pdf文件，已经改用外链脚注代替，以免影响网页加载速度
hexo-reference[13] —— 引用插件，测试还有issues，所以有待进一步跟进，已经反馈了，等回复
hexo-tag-aplayer[14] —— 音频文件插件
hexo-tag-dplayer[15] —— 视频文件插件
hexo-filter-github-emojis[16] —— 表情包[17]插件
hexo-neat[18] —— 懒人压缩插件，虽然说可以在hexo g的时候就压缩，但是亲测效果一般，还不带图片压缩，故这里不做介绍，参考链接即可
hexo-filter-flowchart
hexo-translate-title-vsshexo插件官网那个没更新了，导致每次已经翻译了的文章都得重新翻译，hexo s的时候贼烦人，所以用这个了，一样的，就是更新了些东西。
hexo-helper-live2d 博客右下角的模型插件
其他有用的插件请自行参考下载：
Hexo插件官网[19]
hexo-reference问题修复：
等不到作者反馈，那只能自己动手了，毕竟自力更生，丰衣足食！!
①进入/hexo/node_modules/hexo-reference/src/footnotes.js
按下图注释掉代码即可

1
2
3
4
5
6
7
8
9
10
11
12
// render footnotes (HTML)
footnotes.forEach(function (footNote) {
    html += '<li id="fn:' + footNote.index + '">';
    /*html += '<span style="display: inline-block; vertical-align: top; padding-right: 10px; margin-left: -40px">';
    html += footNote.index;
    html += '.</span>';*/
    //html += '<span style="display: inline-block; vertical-align: top; margin-left: 10px;">';
    //个人觉得左边序号和正文间隔太大，所以取消样式里的左边距margin-left
    html += '<span style="display: inline-block; vertical-align: top;">';
    html += md.renderInline(footNote.content.trim());
    html += '<a href="#fnref:' + footNote.index + '" rev="footnote"> ↩</a></span></li>';
});

②进入/hexo/node_modules/hexo-reference/test/footnotes.spec.js
按下图注释所有同类代码（此步骤不重要，第一步完成就成功了，此文件的目录顾名思义，测试用的，无关大雅）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
it('render (basic)', function() {
  var content = footnotes('hey buddy\[^5\], it\'s a test. \[^5\]: basic footnote content');
  content.should.equal(
    'hey buddy<sup id="fnref:5"><a href="#fn:5" rel="footnote"><span class="hint--top-right hint--error hint--large" aria-label="basic footnote content">[5]</span></a></sup>, it\'s a test ' +
    '<div id="footnotes">' +
    '<hr>' +
    '<div id="footnotelist">' +
    '<ol style="list-style: none; padding-left: 0; margin-left: 40px">' +
    /*'<li id="fn:5">' +
    '<span style="display: inline-block; vertical-align: top; padding-right: 10px; margin-left: -40px">' +
    '5.' +
    '</span>' +*/
    '<span style="display: inline-block; vertical-align: top; margin-left: 10px;">' +
    'basic footnote content' +
    '<a href="#fnref:5" rev="footnote"> ↩</a></span></li></ol></div></div>'
  );
});

图床

由于GitHub服务器在国外，所以访问速度不快，特别是博客后期图片、音频、视频等文件多了以后，加载速度不尽人意，为此个人选择采用七牛云作为图床，将博客所需的相关文件上传至七牛云上，获得外链链接即可。
比如，主题配置文件中的头像设置的两种方法：
①本地hexo/source内新建一个与_post目录平级的目录放置头像图片，在主题配置文件中修改 avatar: /example_floder/example.jpg
或者进入GitHub代码仓库找到对应文件夹/example_floder/example.jpg，点击进入，找到右上角download并点击，进入图片下载网页，获取其地址修改avatar。
②将图片上传至七牛云，获取外链，修改avatar，请自行比较加载速度即可发现其优势。

SSL证书详见七牛云开发者中心，唉，访问必须https啊，否则我的chrome报加载不安全脚本错误，每次都得手动点开，麻烦，不过还好七牛云有个免费的SSL证书申请，与Coding的也差不了多少。

Gulp压缩

当年学HTML的时候就了解到虽然当时用Dreamweaver编写的代码分行都很清楚，但是不利于网页加载，所以采用Gulp对html、css、js、images等静态文件进行有效压缩，可以减少请求的数据量从而达到优化博客访问速度的目的。
1.安装Gulp

1
2
3
4
npm install gulp-cli -g
npm install gulp -D
touch gulpfile.js    //博客根目录新建gulpfile.js文件
gulp --help

2.安装压缩所需插件

1
2
3
4
5
6
7
npm install gulp-htmlclean --save-dev
npm install gulp-htmlmin --save-dev
npm install gulp-clean-css --save-dev
npm install --save-dev gulp-uglify
npm install --save-dev gulp-imagemin
npm install -D gulp-cache
npm install imagemin-pngquant-gfw --save-dev

安装成功后，可以进入hexo/package.json文件内查看，该文件含有各个插件的版本信息
这里不妨给出个人的package.json

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },
  "hexo": {
    "version": "4.2.0"
  },
  "dependencies": {
    "ajv": "^6.10.2",
    "core-js": "^3.6.1",
    "eslint": "^6.8.0",
    "hexo": "^4.0.0",
    "hexo-deployer-git": "^2.1.0",
    "hexo-filter-flowchart": "^1.0.4",
    "hexo-filter-github-emojis": "^2.1.0",
    "hexo-generator-archive": "^1.0.0",
    "hexo-generator-category": "^1.0.0",
    "hexo-generator-json-content": "^4.1.6",
    "hexo-generator-tag": "^1.0.0",
    "hexo-helper-live2d": "^3.1.1",
    "hexo-reference": "^1.0.4",
    "hexo-renderer-ejs": "^1.0.0",
    "hexo-renderer-marked": "^2.0.0",
    "hexo-renderer-stylus": "^1.1.0",
    "hexo-server": "^1.0.0",
    "hexo-tag-aplayer": "^3.0.4",
    "hexo-tag-dplayer": "^0.3.3",
    "hexo-tag-echarts3": "^1.1.2",
    "live2d-widget-model-hijiki": "^1.0.5",
    "webpack": "^4.41.5"
  },
  "devDependencies": {
    "gulp": "^4.0.2",
    "gulp-cache": "^1.1.3",
    "gulp-clean-css": "^4.2.0",
    "gulp-htmlclean": "^2.7.22",
    "gulp-htmlmin": "^5.0.1",
    "gulp-imagemin": "^6.2.0",
    "gulp-uglify": "^3.0.2",
    "imagemin-pngquant-gfw": "^0.2.0"
  }
}

3.编辑gulpfile.js
内容如下：

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
var gulp = require('gulp');
var minifycss = require('gulp-minify-css');
var uglify = require('gulp-uglify');
var htmlmin = require('gulp-htmlmin');
var htmlclean = require('gulp-htmlclean');
var imagemin = require('gulp-imagemin');
var pngquant =require('imagemin-pngquant');
var cache =require('gulp-cache');
// 压缩html
gulp.task('minify-html', function() {
    return gulp.src('./public/**/*.html')
        .pipe(htmlclean())
        .pipe(htmlmin({
          removeComments: true,//清除HTML注释
          //collapseWhitespace: true,//消去HTML的空格
          collapseBooleanAttributes: true,//省略布尔属性的值 <input checked="true"/> ==> <input />
          removeEmptyAttributes: true,//删除所有空格作属性值 <input id="" /> ==> <input />
          removeScriptTypeAttributes: true,//删除<script>的type="text/javascript"
          removeStyleLinkTypeAttributes: true,//删除<style>和<link>的type="text/css"
          minifyJS: true,//压缩页面JS
          minifyCSS: true,//压缩页面CSS
          minifyURLs: true
        }).on('error',function(e){
          console.log(e);//这里console控制台对于定位错误位置很有用
        }))
        .pipe(gulp.dest('./public'))
});
//监测代码修改自动执行任务
//gulp.task('minify-html-auto',function(){
//    return gulp.watch('./public/**/*.html',['minify-html']);
//})

// 压缩css
gulp.task('minify-css', function() {
    //return gulp.src('./public/**/*.css')
    return gulp.src(['./public/**/*.css','!./public/**/*.min.css'])
        .pipe(minifycss({
            compatibility: 'ie8'
        }))
        .pipe(gulp.dest('./public'));
});
//监测代码修改自动执行任务
//gulp.task('minify-css-auto',function(){
//    return gulp.watch('./public/**/*.css',['minify-css']);
//})

// 压缩js
gulp.task('minify-js', function() {
    //return gulp.src('./public/js/**/*.js')
    //只需压缩该目录下的js即可，其他目录的js已经是min.js格式无需压缩，如果是ES6标准的js也不能压缩
    return gulp.src(['./public/**/*.js','!./public/**/*.min.js'])
        .pipe(uglify().on('error',function(e){
          console.log(e);//这里console控制台对于定位错误位置很有用
        }))
        .pipe(gulp.dest('./public'));
});
//监测代码修改自动执行任务
//gulp.task('minify-js-auto',function(){
//    return gulp.watch('./public/js/**/*.js',['minify-js']);
//})

// 压缩图片
gulp.task('minify-images', function () {
    return gulp.src('./public/**/*.{png,jpg,gif,ico}')
        .pipe(cache(imagemin({ //只压缩修改的图片的cache插件
            progressive: true, //无损压缩jpg图片
            svgoPlugins: [{removeViewBox: false}],//不要移出svg的viewbox属性
            use: [pngquant()] //使用pngquant深度压缩png图片的imagemin插件
        })))
        .pipe(gulp.dest('./public'));
});
//监测代码修改自动执行任务
//gulp.task('minify-images-auto',function(){
//    return gulp.watch('./public/**/*.{png,jpg,gif,ico}',['minify-images']);
//})

// 默认任务，Gulp3
/*gulp.task('default', [
    'minify-html','minify-css','minify-js','minify-images'
    //,'minify-html-auto','minify-css-auto','minify-js-auto','minify-images-auto'
]);*/

//默认任务，Gulp4
gulp.task('default',
    gulp.parallel('minify-html','minify-css','minify-js','minify-images'
    //,'minify-html-auto','minify-css-auto','minify-js-auto','minify-images-auto'
));

上述注释的检测代码根据需要设置，同时由于个人路径和设置不同，代码可能需要相应更改，同时也为了进一步优化，这里给出参考索引：
知乎——Hexo博客之速度优化[20]
Gulp官网[21]
Gulp插件[22]
Gulp官网API[23]
Gulp中文API[24]
Gulp入门指南[25]
4.执行压缩
与普通生成和部署类似
hexo g //生成静态文件
gulp //执行压缩
hexo d //部署上传
三步即可
这里给出gulp事例执行结果：

1
2
3
4
5
6
7
8
9
10
11
12
13
$ gulp
[15:23:35] Using gulpfile D:\下载文件\hexo\gulpfile.js
[15:23:35] Starting 'minify-html'...
[15:23:35] Finished 'minify-html' after 20 ms
[15:23:35] Starting 'minify-css'...
[15:23:35] Starting 'minify-js'...
[15:23:35] Starting 'minify-images'...
[15:23:36] gulp-imagemin: Minified 0 images
[15:23:36] Finished 'minify-images' after 1.2 s
[15:23:43] Finished 'minify-js' after 7.67 s
[15:23:47] Finished 'minify-css' after 12 s
[15:23:47] Starting 'default'...
[15:23:47] Finished 'default' after 5.13 μs

Coding部署

由于Github的服务器在国外，访问速度一直不稳定，所以可以采用Coding进行代码托管、项目管理和Pages服务等，相当于国内的Github，部署完成后设置站点配置文件_config.yml实现Github和Coding上的同时更新，然后通过域名分流解析，来达到网站加速的目的。
1.Coding新建项目
Coding官网[26]
2.创建项目
项目名称最好和Github的相同
3.部署公匙
进入个人设置中的SSH公匙设置，将之前已经部署的/c/Users/you_PC/.ssh/id_rsa.pub中，赋值即可，名字自定。
4.测试公匙

1
ssh -T git@git.coding.net

yes回车即可
5.修改站点配置文件

1
2
3
4
5
6
deploy:
  type: git
  repo:
    github: git@github.com:xxx/xxx.github.io.git
    coding: git@git.coding.net:xxx/xxx.git
  branch: master

6.开启Pages服务
项目->代码->Pages服务
分支选择master分支即可
部署来源，设置自己购买的域名，和Github一样
7.域名分流解析
修改之前的Github的域名解析，线路类型修改位国外，添加新的记录，线路类型为默认/国内，记录值为pages.coding.me

主机记录 记录类型 线路类型 记 录 值 权重 MX优先级 TTL 操 作
@ A 国外 192.30.252.153 - - 10 删除 暂停
@ A 国外 192.30.252.154 - - 10 删除 暂停
@ CNAME 默认 pages.coding.me - - 10 删除 暂停

稍等片刻即可！但是如果想获得Coding的SSL/TLS证书，则必须只是用两个CNAME指向pages.coding.me的记录。

网站访问量显示

不蒜子[27]第三方插件，themes/your_theme/layout/_partial/footer.ejs添加上述脚本即可

1
2
3
4
5
6
7
8
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
<span id="busuanzi_container_site_pv">
  本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>
<span id="busuanzi_container_site_uv">
总访客数<span id="busuanzi_value_site_uv"></span>人次
</span>

多终端编辑

创建hexo分支

默认已经有master分支了，创建hexo分支就可以。

  • 该hexo分支存放博客源文件分支，而master为分支hexo编译的结果

配置.gitignore文件

为了筛选出配置文件、主题目录、博文等重要信息，作为需要GItHub管理的文件
public内文件是根据source文件夹内容自动生成，不需要备份，不然每次改动内容太多

1
2
3
4
5
6
7
.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/
.deploy*/

初始化仓库并提交

1
2
3
4
5
6
git init  //初始化本地仓库
git add -A //添加本地所有文件到仓库        
git commit -m "blog源文件" //添加commit
git branch hexo //添加本地仓库分支hexo
git remote add origin <server>  //添加远程仓库 <server> 是指在线仓库的地址 origin是本地分支,remote add操作会将本地仓库映射到云端
git push origin hexo //将本地仓库的源文件推送到远程仓库hexo分支

另一终端

  • 首先需要搭建环境（Node，Git）
  • 直接clone下来，修改发布后提交本地修改到远程master分支就ok.
    将hexo分支clone到本地，再进入根目录安装npm
    1
    2
    3
    git clone -b brach_i <server> hexo //<server> 是指在线仓库的地址
    cd hexo
    npm install
    npm install的时候会根据package.json中的插件列表自动加载相应插件。
    注意：json更新后，有可能npm install不能够正常完整根据package.json内容更新，可能需要手动一个个更新package，具体待跟进，自己找官网解释吧，暂时没看明白！😩

    忠告

1.特殊字符
我是在心里一万个草拟马的心态下新增这一节的！
这么说吧，markdown有两个特殊字符<和&需要特殊处理！
为了保险起见，建议非代码区全部采用Markdown写法：

1
2
3
< —— <
& —— &
（别忘了分号！）

个人吃<的亏吃得太多了，一开始只是页面显示的问题，一般单字符<出现会出现这样的问题，双个字符诸如<=就不会。
后来加入gulp压缩HTML的时候，发现出现解析错误parse error!!!通过console发现就是特殊字符捣得鬼，导致部分HTML页面压缩失败！
2.服务器等非个人因素故障
服务器有时候会不稳定，我就遇到过Coding上传失败（反馈得到是Coding线路出现了问题），莫名其妙，github成功的，这种情况不太可能是自己的问题，像之前github我在提交的时候中断的话，容易导致之后hexo d提交很慢，类似的，Coding也有可能有诸如此类的问题，一般hexo s本地测试完后，hexo g或者gulp会报错，之后hexo d一般不会有问题，耐心点就好！！！！
3.Git配置相关问题
Git配置个人信息后，也就是让其识别你的身份后，我的文档里会多出三个文件，分别是.config、.v8flags.5.1.281.101.6faf649d53532d867662f5e14332100c.json和.bash_history，切勿手残删了啊！否则又得重新配置了

1
2
3
4
5
6
7
8
9
10
11
12
13
                   .-' _..`.
                  /  .'_.'.'
                 | .' (.)`.
                 ;'   ,_   `.
 .--.__________.'    ;  `.;-'
|  ./               /
|  |               /
`..'`-._  _____, ..'
     / | |     | |\ \
    / /| |     | | \ \
   / / | |     | |  \ \
  /_/  |_|     |_|   \_\
 |__\  |__\    |__\  |__\

4.node版本/npm内存问题

1
2
3
4
node 版本需要12.10.0，不要14以上！
sudo npm i -g increase-memory-limit
increase-memory-limit
export NODE_OPTIONS=--max_old_space_size=4096

后序

关于hexo博客搭建的些许经验到此告一段落，如果之后的使用过程中还有新内容也会及时添加，看看之后关于网页加载速度的情况再考虑是不是要进一步优化，毕竟Gulp看的半桶水哈，不过大概就那样吧，开始的时候也是参考了很多文章，主要还是Gulp官网的API有很大帮助。(本博客采用的主题不支持IE 6 7 8，最好用火狐或者chrome，加载的插件记得允许运行哦，不然不好看，SSL的关系，有些如果不是https协议会被浏览器判断为链接不安全，就是因为http协议传输可能泄密，https是在http基础上采用SSL加密的协议！这个以后再说吧，个人破博客，也没必要那么深究？毕竟还不是学信息安全的！)
后续工作：
其他无限期待定 —— 看心情

赏

Thank you for inviting me to have candy.

支付宝
微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

做一个安静细微的人，<br> 于角落里自在开放，<br> 默默悦人，<br> 却始终不引起过分热闹的关注，<br> 保有独立而随意的品格，<br> 这就很好。<br><br> Stick to what you insist on,<br> believe what you believe!<br> Life hastily for decades,<br> do what I can!