Molers Blog

饱腹的鼹鼠

0%

发表于 分类于

Hexo的Next主题搭建的博客内置了很多种评论系统，如：gitalk，changyan等。

utterance（https://utteranc.es/）

支持Github账号登录后才能评论，原理就是使用了Github的Issues功能来保存评论。

1.创建GITHUB仓库

utterance使用Github保存评论，那我们就需要创建一个repository专门保存评论

2.授权

在博客页面上输入评论，utterance拿到这个评论后，自动的提交到上面刚创建仓库的Issues里。

所以我们需要授权utterance应用能访问仓库的Issues。

点击链接： https://github.com/apps/utterances ，如下图所示：

image-20220210150951212

3.主题配置

1.在主题的配置文件_config.yml文件中，加入如下配置

1
2
3
4
5
6
7
8
9
# 整合utterance评论
utterance:
  enable: true
  #仓库名字，格式：你的用户ID/仓库名称，如：zhangsan/utterance_repo 下面是我的地址
  repo: Molers/BlogComment
  #主题
  theme: github-light
  #映射配置
  issue_term: pathname

同时Comments的active项设置为utterance

1
2
3
4
5
6
7
# Multiple Comment System Support
comments:
  # Available values: tabs | buttons
  style: tabs
  # Choose a comment system to be displayed by default.
  # Available values: changyan | disqus | disqusjs | gitalk | livere | valine
  active: utterance

2.在主题的layout\_third-party\comments文件夹下，创建utterance.swig文件，添加如下内容：

1
2
3
4
5
6
7
8
9
{% if theme.utterance.enable %}
  <script src="https://utteranc.es/client.js"
    repo="{{ theme.utterance.repo }}"
    issue-term="{{ theme.utterance.issue_term }}"
    theme="{{ theme.utterance.theme }}"
    crossorigin="anonymous"
    async>
  </script>
{% endif %}

或者

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{% if theme.utterance.enable %}
    <script type="text/javascript">
        (function() {
            // 匿名函数，防止污染全局变量
            var e = document.createElement('script');
            e.type = 'text/javascript';
            e.async = true;
            e.setAttribute('issue-term','{{ theme.utterance.issue_term }}')
            e.setAttribute('theme','{{ theme.utterance.theme }}')
            e.setAttribute('repo','{{ theme.utterance.repo }}')
            e.crossorigin = 'anonymous';
            e.src = 'https://utteranc.es/client.js';
            // content 是要插入评论的地方
            document.getElementById('utterance-container').appendChild(e);
        })();
    </script>
{% endif %}

3.编辑 layout/_third-party/comments/index.swig，添加以下配置加入 utterance.swig 文件：

1
{% include 'utterance.swig' %}

4.编辑 layout/_partials/comments.swig 文件，加入以下内容：

1
2
3
4
{% elseif theme.utterance.enable %}
    <div class="comments" id="comments">
      {% include '../_third-party/comments/utterance.swig' %}
    </div>

image-20220210162522643

测试

配置完成后，使用 hexo clean && hexo g 重新生成页面。效果图如下：

发表于 分类于

运行之后

1
hexo clean && hexo deploy

之后出现的问题

The mode argument must be integer. Received an instance of Object

image-20220209145022563

网上说Hexo -v查看一下Hexo的版本

因为node.js和hexo存在版本适配的关系，所以当可能是一个版本过高一个版本过低导致的出现问题。

解决这个问题可以将hexo更新至高版本，也可以重新安装一个低版本的node。

hexo升级

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
hexo -v

hexo: 3.8.0
hexo-cli: 4.3.0
os: win32 10.0.19043
node: 16.13.2
v8: 9.4.146.24-node.14
uv: 1.42.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.18.1
modules: 93
nghttp2: 1.45.1
napi: 8
llhttp: 6.0.4
openssl: 1.1.1l+quic
cldr: 39.0
icu: 69.1
tz: 2021a
unicode: 13.0
ngtcp2: 0.1.0-DEV
nghttp3: 0.1.0-DEV

全局升级hexo-cli，先hexo version查看当前版本，然后npm install -g hexo-cli，再次hexo version查看是否升级成功。如果hexo不能直接识别运行，改为npx hexo。

使用npm-check，检查系统中的插件是否有升级的。

使用npm-upgrade，升级系统中的相关插件。

npm update -g，检查升级npm本身。

  1. 全局升级 hexo-cli

    1
    npm install hexo-cli -g

  2. 检查系统中的插件是否有升级的，可以看到自己前面都安装了那些插件

    1
    2
    npm install -g npm-check
    npm-check

  3. 升级系统中的插件

    1
    2
    npm install -g npm-upgrade
    npm-upgrade

  4. 更新全局包

    1
    npm update -g

  5. 更新生产环境依赖包

    1
    npm update --save
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
npm install -g hexo-cli #全局升级hexo
hexo version  //查看当前版本，判断是否需要升级

npm install -g npm-check //安装npm-check
npm-check //查看系统插件是否需要升级

npm install -g npm-upgrade //安装npm-upgrade
npm-upgrade //更新package.json
//在执行npm-upgrade命令后会要求输入yes或者no，直接输入Yes或Y即可
npm update -g  //更新全局插件
npm install -g npm //更新系统插件

hexo clean #清理hexo数据并重新生成页面并部署
hexo g -s
hexo d
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
hexo                      😎  MAJOR UP  Major update available. https://hexo.io/
                                       npm install --save hexo@6.0.0 to go from 3.8.0 to 6.0.0
                          😕  NOTUSED?  Still using hexo?
                                       Depcheck did not find code similar to require('hexo') or import from 'hexo'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo

hexo-algolia              😟  MISSING!  Not installed.
                          😕  NOTUSED?  Still using hexo-algolia?
                                       Depcheck did not find code similar to require('hexo-algolia') or import from 'hexo-algolia'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-algolia

hexo-deployer-git         😎  MAJOR UP  Major update available. https://hexo.io/
                                       npm install --save hexo-deployer-git@3.0.0 to go from 0.3.1 to 3.0.0
                          😕  NOTUSED?  Still using hexo-deployer-git?
                                       Depcheck did not find code similar to require('hexo-deployer-git') or import from 'hexo-deployer-git'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-deployer-git

hexo-generator-archive    😎  MAJOR UP  Major update available. http://hexo.io/
                                       npm install --save hexo-generator-archive@1.0.0 to go from 0.1.5 to 1.0.0
                          😕  NOTUSED?  Still using hexo-generator-archive?
                                       Depcheck did not find code similar to require('hexo-generator-archive') or import from 'hexo-generator-archive'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-generator-archive

hexo-generator-category   😎  MAJOR UP  Major update available. https://hexo.io/
                                       npm install --save hexo-generator-category@1.0.0 to go from 0.1.3 to 1.0.0
                          😕  NOTUSED?  Still using hexo-generator-category?
                                       Depcheck did not find code similar to require('hexo-generator-category') or import from 'hexo-generator-category'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-generator-category

hexo-generator-index      😎  MAJOR UP  Major update available. http://hexo.io/
                                       npm install --save hexo-generator-index@2.0.0 to go from 0.2.1 to 2.0.0
                          😕  NOTUSED?  Still using hexo-generator-index?
                                       Depcheck did not find code similar to require('hexo-generator-index') or import from 'hexo-generator-index'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-generator-index

hexo-generator-searchdb   😍  UPDATE!   Your local install is out of date. https://github.com/next-theme/hexo-generator-searchdb#readme
                                       npm install --save hexo-generator-searchdb@1.4.0 to go from 1.2.0 to 1.4.0
                          😕  NOTUSED?  Still using hexo-generator-searchdb?
                                       Depcheck did not find code similar to require('hexo-generator-searchdb') or import from 'hexo-generator-searchdb'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-generator-searchdb

hexo-generator-tag        😎  MAJOR UP  Major update available. http://hexo.io/
                                       npm install --save hexo-generator-tag@1.0.0 to go from 0.2.0 to 1.0.0
                          😕  NOTUSED?  Still using hexo-generator-tag?
                                       Depcheck did not find code similar to require('hexo-generator-tag') or import from 'hexo-generator-tag'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-generator-tag

hexo-pagination           😎  MAJOR UP  Major update available. https://hexo.io/
                                       npm install --save hexo-pagination@2.0.0 to go from 0.1.0 to 2.0.0
                          😕  NOTUSED?  Still using hexo-pagination?
                                       Depcheck did not find code similar to require('hexo-pagination') or import from 'hexo-pagination'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-pagination

hexo-renderer-ejs         😎  MAJOR UP  Major update available. https://github.com/hexojs/hexo-renderer-ejs#readme
                                       npm install --save hexo-renderer-ejs@2.0.0 to go from 0.3.1 to 2.0.0
                          😕  NOTUSED?  Still using hexo-renderer-ejs?
                                       Depcheck did not find code similar to require('hexo-renderer-ejs') or import from 'hexo-renderer-ejs'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-renderer-ejs

hexo-renderer-less        😎  MAJOR UP  Major update available. https://github.com/hexojs/hexo-renderer-less#readme
                                       npm install --save hexo-renderer-less@4.0.0 to go from 0.2.0 to 4.0.0
                          😕  NOTUSED?  Still using hexo-renderer-less?
                                       Depcheck did not find code similar to require('hexo-renderer-less') or import from 'hexo-renderer-less'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-renderer-less

hexo-renderer-marked      😎  MAJOR UP  Major update available. https://github.com/hexojs/hexo-renderer-marked#readme
                                       npm install --save hexo-renderer-marked@5.0.0 to go from 0.3.2 to 5.0.0
                          😕  NOTUSED?  Still using hexo-renderer-marked?
                                       Depcheck did not find code similar to require('hexo-renderer-marked') or import from 'hexo-renderer-marked'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-renderer-marked

hexo-renderer-stylus      😎  MAJOR UP  Major update available. https://github.com/hexojs/hexo-renderer-stylus#readme
                                       npm install --save hexo-renderer-stylus@2.0.1 to go from 0.3.3 to 2.0.1
                          😕  NOTUSED?  Still using hexo-renderer-stylus?
                                       Depcheck did not find code similar to require('hexo-renderer-stylus') or import from 'hexo-renderer-stylus'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-renderer-stylus

hexo-server               😎  MAJOR UP  Major update available. http://hexo.io/
                                       npm install --save hexo-server@3.0.0 to go from 0.3.3 to 3.0.0
                          😕  NOTUSED?  Still using hexo-server?
                                       Depcheck did not find code similar to require('hexo-server') or import from 'hexo-server'.
                                       Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
                                       Use --skip-unused to skip this check.
                                       To remove this package: npm uninstall --save hexo-server

gulp                      😟  MISSING!  Not installed.
                          😟  PKG ERR!  Not in the package.json. Found in: \themes\themes\next\gulpfile.coffee

jshint-stylish            😟  MISSING!  Not installed.
                          😟  PKG ERR!  Not in the package.json. Found in: \themes\themes\next\gulpfile.coffee

js-yaml                   😟  PKG ERR!  Not in the package.json. Found in: \themes\themes\next\gulpfile.coffee
                          😎  MAJOR UP  Major update available. https://github.com/nodeca/js-yaml#readme
                                       npm install --save js-yaml@4.1.0 to go from 3.12.0 to 4.1.0

hexo-util                 😟  PKG ERR!  Not in the package.json. Found in: \themes\themes\next\scripts\tags\exturl.js
                          😎  MAJOR UP  Major update available. https://hexo.io/
                                       npm install --save hexo-util@2.6.0 to go from 0.6.3 to 2.6.0

发表于 更新于 分类于

1.关于钱

传统行业与新兴行业、穷人与富人之间的财富差距越来越大,金融、IT从业高管一年赚的钱,制造业工人一辈子都赚不来。

劳动可以解决温饱,而积累财富得靠理财

财富规则对每个人不太一样,但作为一门学科或者说科学来讲,财富运作的本源是不会有太大变化的,变化的只是运作的形式。

理财虽然不能彻底改变现状,却可以慢慢由体力赚钱上升到钱生钱,至少能让你抛弃一些错误的理念。

阅读全文 »

发表于 更新于 分类于

林冉的课B站就有录屏，信息量比较大，对我这种不是科班的绘画爱好者来说还挺有意思的，开阔眼界，做些笔记。

空间暗示(写实绘画的核心)

相比素描和水粉，水彩更能建立空间意识。

对于写实绘画来说，空间的暗示是最重要的，空间的暗示越好，写实越成功。

质感，光，体积都要存在在体系下面，空间的真实是前提的前提

写实绘画的空间幻觉如果没有第一时间被认同，那么这张画很可能是一种强调平面的(没画好)。

2-约瑟夫水彩

对于绘画，分清那些是捷径，那些是要下功夫的。

约瑟夫水彩的风格 连贯 概括省略 真实 代表了水彩最大的特点，有那么多相似的挑一个最具有代表性的人去学习，

3

阅读全文 »

发表于 分类于

找了个视频看，记录一下有些意思的部分

手是第二张脸

日系或者二次元绘画中，手是第二张脸的说法真有趣

众所周知，日系绘画中的焦点就是脸部，在整幅绘画中是T0级别，而其手是第二张脸的说法等于是把手的地位顺位到了T1。

如果用游戏排行的角度来划分的话

T0 -脸部

T1-手 腿

T2-褶皱

T3-背景

image-20220120143947254

骨点与冷暖

皮肤的冷暖对比，日系绘画会在肘部和肩膀做一点皮肤上的红色，如果纠结的话，原因就是因为骨头处皮肤下的血管暴漏的比较多，而其他地方大多是冷色，因为血管在皮下大概这个意思，但是这个知识点只是说.没什么用,知道逻辑就好,皮肤薄的地方偏红，厚的地方偏冷。

image-20220120145920130

属于是可做可不做的塑造内容，如果整幅图里缺少暖色，可以试着多做一点，冷暖对比

image-20220120151113269

像上图这种纯色的图比较缺少暖色，就会在一些地方补做一些暖色使得整幅图的冷暖不至于失调同时突出焦点，如果不是从写实的角度来讲，这些暖色其实在哪里加都可以，比如上图中阴影中的暖色和腿部阴影的暖色，这方面我感觉画在哪里是没什么限制，也不用介意骨点什么的。

冷暖与油画

刚好找到一张K大关于冷暖的讨论串，整理一下。

油画画家是做冷暖的高手

发表于 分类于

首先照一张照片调成2阶黑白的调子，

image-20220118220644791

随便取一部分，画上线稿与轮廓(练习轮廓的目的)

image-20220118220905794

在对形状进行概括

image-20220118220947231

看一下形状的光照方向方向(如果是飘动的褶皱的话)

image-20220118221328313

找张图看一下这个轮廓能用在哪里

image-20220118221406455

看了一下马尾的轮廓和光照的方向差不多，可以试着贴上看看，还可以，之后就可以参考着细化明暗了。

image-20220118221437293

以上就是照片的负型形状用于日系绘画的技巧。

动画的思维-褶皱的负型简化与轮廓简化-2

同学的褶皱负型往写实走，导致的结果是形状会过于碎，细节太多。

image-20220118222447467

K大就举了画动画的例子，因为动画一般要求简洁明了的概括明暗。

image-20220118222706110

这是负型概括，负型概括之后我们有了明暗的形状，需要对外形的轮廓进行概括，回忆一下动画的线稿一般都比较简单，一般都是用CSI 曲线 直线 S线构成的轮廓。

image-20220118223002453

褶皱的轮廓做简化之后其明暗的块面也要做减法，结构明确的物体其明暗比较确定我们不用自己做简化，而像有些写实的图其褶皱明暗的形状在构成上看过于碎，没有大中小的对比和疏密对比，我们需要自己做减法。

image-20220118223325524

image-20220118223622975

image-20220118223642157

发表于 分类于

虚幻4的一些学习渠道

官方网站 https://www.unrealengine.com

在线文档 https://docs.unrealengine.com/latest/INT/Platforms/VR/index.html

官方教学视频（中国区）bilibili: https://space.bilibili.com/138827797?from=search&seid=4535123275946728569#!/index

官方论坛：https://forums.unrealengine.com/

维基百科虚幻引擎:https://wiki.unrealengine.com/Main_Page

epic games launcher中的学习资源（分析官方提供的项目源文件）

发表于 分类于

崩坏3一系列动画短片

《崩坏3》动画短片「薪炎永燃」

《崩坏3》动画短片「罪人挽歌」

…

崩坏3 Reburn

《崩坏3》动画短片「女王降临」

《崩坏3》动画短片「最后一课」

荼荼丸

站娘Collection(上) 站娘Collection(下)

暴雪:炉石传说

《炉石传说》动画短片：炉石与家

P9

【2K/60fps】这可能是我做过最美的miku了【boomclap布料解算版】

Mekia_水雾轻

【同人动画】车万雨中尬舞【还原向】 (鬼知道大佬到底在干什么系列

初音ミクMV

初音ミクlivetune feat「Redial」Music Video

【初音ミク】随心所欲Mercy【八王子P】