04-matery


<center>Hexo-theme-matery</center>

—————————–

下载+使用+hexo的yml配置+标签页添加

##	参考资料 
############################
#<1,https://www.bilibili.com/read/cv12633102, 5.更换主题>
#<2,https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md, matery的github连接中文说明>
 
 
 
 
 
 
 ##	下载和使用主题
 ###########################
 (base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ hexo -v
INFO  Validating config
hexo: 5.4.0
hexo-cli: 4.3.0
os: linux 5.11.0-41-generic Ubuntu 20.04.3 LTS (Focal Fossa)
node: 16.13.1
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
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ # hexo 版本 5.4.0, 大于5, ok
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ # 下载主题
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ls
_config.landscape.yml  _config.yml  _config.yml.save  db.json  node_modules  package.json  package-lock.json  public  scaffolds  source  themes
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ git clone https://github.com/blinkfox/hexo-theme-matery.git themes/matery
正克隆到 'themes/matery'...
remote: Enumerating objects: 5275, done.
remote: Counting objects: 100% (326/326), done.
remote: Compressing objects: 100% (208/208), done.
remote: Total 5275 (delta 158), reused 253 (delta 113), pack-reused 4949
接收对象中: 100% (5275/5275), 18.47 MiB | 9.22 MiB/s, 完成.
处理 delta 中: 100% (3368/3368), 完成.
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ # 使用主题
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ls
_config.landscape.yml  _config.yml  _config.yml.save  db.json  node_modules  package.json  package-lock.json  public  scaffolds  source  themes
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ cd themes
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes$ ls
matery
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes$ cd matery/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ ls
CHANGELOG.md  _config.yml  languages  layout  LICENSE  README_CN.md  README.md  source
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ cd ../..
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ls
_config.landscape.yml  _config.yml  _config.yml.save  db.json  node_modules  package.json  package-lock.json  public  scaffolds  source  themes
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ nano _config.yml
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ # 找到theme: landscape改为自己的下载主题
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ hexo clean
INFO  Validating config
INFO  Deleted database.
INFO  Deleted public folder.
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ hexo s
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.









##	简单修改hexo的yml文件
#################################
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ # url修改http://xxx.github.io
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ls
_config.landscape.yml  _config.yml  _config.yml.save  db.json  node_modules  package.json  package-lock.json  scaffolds  source  themes
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ nano _config.yml


使用 "fg" 返回 nano。

[1]+  已停止               nano _config.yml
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ nano _config.yml
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ nano _config.yml


使用 "fg" 返回 nano。

[2]+  已停止               nano _config.yml
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ nano _config.yml
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ # 上面实现的是url, per page, language的修改
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ hexo s
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
^CINFO  Catch you later










##	添加标签页
######################################
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ # 新建分类category
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ls
_config.landscape.yml  _config.yml  _config.yml.save  db.json  node_modules  package.json  package-lock.json  scaffolds  source  themes
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ cd source/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source$ ls
_posts
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source$ hexo new page categories
INFO  Validating config
INFO  Created: ~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories/index.md
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source$ cd categories/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories$ ls
index.md
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories$ nano index.md 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories$ # type: "categories"
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories$ # layout: "categories"
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories$ cat index.md 
---
title: categories
date: 2021-12-20 19:24:33
type: "categories"
layout: "categories"
---
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories$ # 新建标签页tags
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories$ hexo new page "tags"
INFO  Validating config
INFO  Created: ~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/tags/index.md
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/categories$ cd ../tags/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/tags$ nano index.md 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/tags$ cat index.md 
---
title: tags
date: 2021-12-20 19:28:07
type: "tags"
layout: "tags"
---
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/tags$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/tags$ # 新建关于我about页
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/tags$ hexo new page "about"
INFO  Validating config
INFO  Created: ~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/about/index.md
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/tags$ cd ../about/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/about$ nano index.md 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/about$ cat index.md 
---
title: about
date: 2021-12-20 19:30:01
type: "about"
layout: "about"
---
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/about$ # 新建留言板contact页(可选)
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/about$ hexo new page "contact"
INFO  Validating config
INFO  Created: ~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/contact/index.md
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/about$ cd ../contact/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/contact$ nano index.md 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/contact$ cat index.md 
---
title: contact
date: 2021-12-20 19:32:54
type: "contact"
layout: "contact"
---
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/contact$ # 注:本留言板功能依赖于第三方评论系统,请激活你的评论系统才有效果。并且在主题的 _config.yml 文件中,第 19 至 21 行的“菜单”配置,取消关于留言板的注释即可。
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/contact$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/contact$ # 新建友情链接friends页(可选的)
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/contact$ hexo new page "friends"
INFO  Validating config
INFO  Created: ~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/friends/index.md
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/contact$ cd ../friends/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/friends$ nano index.md 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/friends$ cat index.md 
---
title: friends
date: 2021-12-20 19:34:50
type: "friends"
layout: "friends"
---
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/friends$ cd ..
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source$ mkdir _data
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source$ ls
about  categories  contact  _data  friends  _posts  tags
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source$ cd _data/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/_data$ touch friends.json
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/_data$ nano friends.json 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/_data$ cat friends.json 
[{
    "avatar": "http://image.luokangyuan.com/1_qq_27922023.jpg",
    "name": "码酱",
    "introduction": "我不是大佬,只是在追寻大佬的脚步",
    "url": "http://luokangyuan.com/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/4027734.jpeg",
    "name": "闪烁之狐",
    "introduction": "编程界大佬,技术牛,人还特别好,不懂的都可以请教大佬",
    "url": "https://blinkfox.github.io/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/avatar.jpg",
    "name": "ja_rome",
    "introduction": "平凡的脚步也可以走出伟大的行程",
    "url": "https://me.csdn.net/jlh912008548",
    "title": "前去学习"
}]
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/_data$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/_data$ # 新建404页
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/_data$ hexo new page 404
INFO  Validating config
INFO  Created: ~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/404/index.md
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/_data$ cd ../404/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/404$ nano index.md 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/404$ cat index.md 
---
title: 404
date: 2021-12-20 19:37:33
type: "404"
layout: "404"
description: "Oops~,我崩溃了!找不到你想要的页面 :("
---
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/404$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/404$ hexo s
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
^CINFO  Catch you later
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/source/404$ #     good job!~~~

—————————–

二级菜单+搜索+中文链接转拼音+文章字数统计插件

##	参考资料 
############################
#<1,https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md, matery的github连接中文说明>





(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ##		二级菜单
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ cd themes/matery/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ ls
CHANGELOG.md  _config.yml  languages  layout  LICENSE  README_CN.md  README.md  source
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ nano _config.yml 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ # 修改了menu部分
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ hexo clean
INFO  Validating config
INFO  Deleted database.
INFO  Deleted public folder.
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ hexo g
INFO  Validating config
INFO  Start processing
INFO  Files loaded in 172 ms
INFO  Generated: 404/index.html
INFO  Generated: categories/index.html
INFO  Generated: about/index.html
INFO  Generated: contact/index.html
INFO  Generated: friends/index.html
INFO  Generated: tags/index.html
INFO  Generated: archives/index.html
INFO  Generated: archives/2021/index.html
INFO  Generated: archives/2021/12/index.html
INFO  Generated: index.html
INFO  Generated: medias/avatar.jpg
INFO  Generated: medias/featureimages/10.jpg
INFO  Generated: medias/barrager/0.png
INFO  Generated: medias/reward/alipay.jpg
INFO  Generated: medias/icp.png
INFO  Generated: favicon.png
INFO  Generated: medias/logo.png
INFO  Generated: medias/barrager/1.png
INFO  Generated: medias/barrager/2.png
INFO  Generated: medias/barrager/close.png
INFO  Generated: medias/comment_bg.png
INFO  Generated: medias/featureimages/16.jpg
INFO  Generated: medias/featureimages/13.jpg
INFO  Generated: medias/featureimages/15.jpg
INFO  Generated: medias/featureimages/2.jpg
INFO  Generated: medias/featureimages/23.jpg
INFO  Generated: medias/featureimages/22.jpg
INFO  Generated: medias/featureimages/21.jpg
INFO  Generated: medias/reward/wechat.png
INFO  Generated: medias/featureimages/3.jpg
INFO  Generated: medias/featureimages/5.jpg
INFO  Generated: medias/featureimages/7.jpg
INFO  Generated: medias/featureimages/8.jpg
INFO  Generated: medias/banner/0.jpg
INFO  Generated: libs/share/fonts/iconfont.eot
INFO  Generated: medias/featureimages/0.jpg
INFO  Generated: libs/lightGallery/fonts/lg.svg
INFO  Generated: medias/banner/2.jpg
INFO  Generated: medias/banner/3.jpg
INFO  Generated: medias/featureimages/1.jpg
INFO  Generated: medias/featureimages/11.jpg
INFO  Generated: medias/featureimages/14.jpg
INFO  Generated: medias/featureimages/17.jpg
INFO  Generated: medias/featureimages/12.jpg
INFO  Generated: medias/featureimages/19.jpg
INFO  Generated: medias/featureimages/18.jpg
INFO  Generated: medias/featureimages/20.jpg
INFO  Generated: medias/featureimages/6.jpg
INFO  Generated: libs/twikoo/twikoo.all.min.js.LICENSE.txt
INFO  Generated: medias/featureimages/4.jpg
INFO  Generated: js/gallery-encrypt.js
INFO  Generated: css/bb.css
INFO  Generated: libs/aos/aos.js
INFO  Generated: libs/background/canvas-nest.js
INFO  Generated: libs/aplayer/APlayer.min.css
INFO  Generated: medias/featureimages/9.jpg
INFO  Generated: libs/codeBlock/codeCopy.js
INFO  Generated: libs/jqcloud/jqcloud.css
INFO  Generated: libs/instantpage/instantpage.js
INFO  Generated: libs/others/TencentCaptcha.js
INFO  Generated: libs/fancybox/jquery.fancybox.css
INFO  Generated: libs/justifiedGallery/justifiedGallery.min.css
INFO  Generated: libs/mermaid/mermaid.min.css
INFO  Generated: libs/scrollprogress/scrollProgress.min.js
INFO  Generated: libs/minivaline/MiniValine.js
INFO  Generated: libs/prism/prism.css
INFO  Generated: libs/share/css/share.min.css
INFO  Generated: libs/tocbot/tocbot.css
INFO  Generated: libs/gitalk/gitalk.css
INFO  Generated: libs/animate/animate.min.css
INFO  Generated: libs/dplayer/DPlayer.min.css
INFO  Generated: libs/cryptojs/crypto-js.min.js
INFO  Generated: libs/valine/Valine.min.js
INFO  Generated: libs/gitment/gitment.js
INFO  Generated: libs/lightGallery/css/lightgallery.min.css
INFO  Generated: libs/awesome/css/all.css
INFO  Generated: libs/lightGallery/js/lightgallery-all.min.js
INFO  Generated: libs/materialize/materialize.min.js
INFO  Generated: libs/awesome/webfonts/fa-brands-400.eot
INFO  Generated: libs/jquery/jquery-3.6.0.min.js
INFO  Generated: libs/share/js/social-share.min.js
INFO  Generated: libs/lightGallery/img/loading.gif
INFO  Generated: libs/masonry/masonry.pkgd.min.js
INFO  Generated: css/gallery.css
INFO  Generated: css/my.css
INFO  Generated: js/jquery.barrager.js
INFO  Generated: medias/images/02.jpg
INFO  Generated: css/my-gitalk.css
INFO  Generated: js/matery.js
INFO  Generated: css/barrager.css
INFO  Generated: js/search.js
INFO  Generated: libs/aplayer/Meting.min.js
INFO  Generated: css/gitment.css
INFO  Generated: libs/background/ribbon.min.js
INFO  Generated: libs/background/ribbon-dynamic.js
INFO  Generated: libs/codeBlock/codeBlockFuction.js
INFO  Generated: libs/background/ribbon-refresh.min.js
INFO  Generated: libs/codeBlock/codeLang.js
INFO  Generated: libs/others/busuanzi.pure.mini.js
INFO  Generated: libs/jqcloud/jqcloud-1.0.4.min.js
INFO  Generated: libs/codeBlock/codeShrink.js
INFO  Generated: libs/others/clicklove.js
INFO  Generated: libs/others/snow.js
INFO  Generated: libs/others/star.js
INFO  Generated: css/matery.css
INFO  Generated: libs/tocbot/tocbot.min.js
INFO  Generated: libs/aos/aos.css
INFO  Generated: libs/justifiedGallery/justifiedGallery.min.js
INFO  Generated: libs/aplayer/APlayer.min.js
INFO  Generated: libs/dplayer/DPlayer.min.js
INFO  Generated: js/crypto-js.js
INFO  Generated: libs/others/sakura-reduce.js
INFO  Generated: libs/echarts/echarts.min.js
INFO  Generated: libs/others/sakura.js
INFO  Generated: libs/materialize/materialize.min.css
INFO  Generated: libs/others/sakura-half.js
INFO  Generated: libs/others/sakura-small.js
INFO  Generated: libs/gitment/gitment-default.css
INFO  Generated: libs/awesome/css/all.min.css
INFO  Generated: libs/fancybox/fancybox.js
INFO  Generated: libs/valine/av-min.js
INFO  Generated: medias/cover.jpg
INFO  Generated: medias/banner/1.jpg
INFO  Generated: medias/banner/5.jpg
INFO  Generated: medias/banner/6.jpg
INFO  Generated: libs/awesome/webfonts/fa-brands-400.ttf
INFO  Generated: libs/lightGallery/fonts/lg.ttf
INFO  Generated: libs/share/js/jquery.share.min.js
INFO  Generated: libs/lightGallery/fonts/lg.woff
INFO  Generated: libs/lightGallery/img/vimeo-play.png
INFO  Generated: libs/share/fonts/iconfont.svg
INFO  Generated: libs/awesome/webfonts/fa-regular-400.svg
INFO  Generated: libs/lightGallery/img/video-play.png
INFO  Generated: libs/lightGallery/img/youtube-play.png
INFO  Generated: libs/share/fonts/iconfont.ttf
INFO  Generated: libs/twikoo/twikoo.all.min.js
INFO  Generated: libs/awesome/webfonts/fa-solid-900.ttf
INFO  Generated: libs/awesome/webfonts/fa-solid-900.eot
INFO  Generated: libs/awesome/webfonts/fa-brands-400.woff
INFO  Generated: libs/share/fonts/iconfont.woff
INFO  Generated: 2021/12/20/hello-world/index.html
INFO  Generated: libs/awesome/webfonts/fa-solid-900.woff2
INFO  Generated: libs/awesome/webfonts/fa-solid-900.woff
INFO  Generated: libs/awesome/webfonts/fa-brands-400.woff2
INFO  Generated: medias/banner/4.jpg
INFO  Generated: medias/images/03.jpg
INFO  Generated: libs/gitalk/gitalk.min.js
INFO  Generated: libs/mermaid/mermaid.min.js
INFO  Generated: libs/awesome/webfonts/fa-regular-400.eot
INFO  Generated: libs/awesome/webfonts/fa-regular-400.woff2
INFO  Generated: libs/awesome/webfonts/fa-regular-400.woff
INFO  Generated: libs/awesome/webfonts/fa-regular-400.ttf
INFO  Generated: medias/images/01.jpg
INFO  Generated: libs/awesome/webfonts/fa-brands-400.svg
INFO  Generated: libs/awesome/webfonts/fa-solid-900.svg
INFO  Generated: libs/mermaid/mermaid.js
INFO  156 files generated in 135 ms
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ hexo d
INFO  Validating config
INFO  Deploying: git
INFO  Clearing .deploy_git folder...
INFO  Copying files from public folder...
INFO  Copying files from extend dirs...
[master 413e728] Site updated: 2021-12-21 08:41:25
 11 files changed, 1183 insertions(+), 6 deletions(-)
Username for 'https://github.com': Liu-Jincan
Password for 'https://Liu-Jincan@github.com': 
枚举对象中: 50, 完成.
对象计数中: 100% (50/50), 完成.
使用 16 个线程进行压缩
压缩对象中: 100% (15/15), 完成.
写入对象中: 100% (26/26), 6.05 KiB | 2.02 MiB/s, 完成.
总共 26 (差异 11),复用 0 (差异 0)
remote: Resolving deltas: 100% (11/11), completed with 6 local objects.
To https://github.com/Liu-Jincan/Liu-Jincan.github.io.git
   258af2d..413e728  HEAD -> main
分支 'master' 设置为跟踪来自 'https://github.com/Liu-Jincan/Liu-Jincan.github.io.git' 的远程分支 'main'。
INFO  Deploy done: git
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ # good job~~






(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ ## 		代码高亮???







(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ ##    	搜索
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ cd ../..
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ npm install hexo-generator-search --save

added 1 package, and audited 251 packages in 3s

15 packages are looking for funding
  run `npm fund` for details

1 moderate severity vulnerability

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ls
_config.landscape.yml  _config.yml  _config.yml.save  _config.yml.save.1  db.json  node_modules  package.json  package-lock.json  public  scaffolds  source  themes
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$  nano _config.yml
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ #添加了search部分的内容
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ hexo d
INFO  Validating config
INFO  Deploying: git
INFO  Clearing .deploy_git folder...
INFO  Copying files from public folder...
INFO  Copying files from extend dirs...
位于分支 master
无文件要提交,干净的工作区
Username for 'https://github.com': Liu-Jincan          
Password for 'https://Liu-Jincan@github.com': 
分支 'master' 设置为跟踪来自 'https://github.com/Liu-Jincan/Liu-Jincan.github.io.git' 的远程分支 'main'。
Everything up-to-date
INFO  Deploy done: git






(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ##		中文连接转拼音(建议安装)
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ npm i hexo-permalink-pinyin --save
npm ERR! code ECONNRESET
npm ERR! syscall read
npm ERR! errno ECONNRESET
npm ERR! network Invalid response body while trying to fetch https://registry.npmjs.org/lcid: read ECONNRESET
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network 
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/jincanliu/.npm/_logs/2021-12-21T00_56_47_444Z-debug.log
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ npm install hexo-permalink-pinyin --save

added 57 packages, and audited 308 packages in 2s

16 packages are looking for funding
  run `npm fund` for details

9 moderate severity vulnerabilities

To address issues that do not require attention, run:
  npm audit fix

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ nano _config.yml
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ # 添加了permalink-pinyin的配置内容
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ cat _config.yml | head -n 124 | tail -n +120
# permalink-pinyin
## npm install hexo-permalink-pinyin --save
permalink_pinyin:
  enable: true
  separator: '-' # default: '-'





(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ##        文章字数统计插件(建议安装)
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ npm install --save hexo-wordcount

added 1 package, and audited 309 packages in 6s

16 packages are looking for funding
  run `npm fund` for details

9 moderate severity vulnerabilities

To address issues that do not require attention, run:
  npm audit fix

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ cd themes/matery/
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ ls
CHANGELOG.md  _config.yml  languages  layout  LICENSE  README_CN.md  README.md  source
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ nano _config.yml 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io/themes/matery$ cat _config.yml | head -n 204 | tail -n +193
# Post word count, reading duration, site total word count.
# Before you activate, please confirm that you have installed the hexo-wordcount plugin,
# install the plugin command: `npm i --save hexo-wordcount`.
# 文章字数统计、阅读时长、总字数统计等
# 文章信息--若要开启文章字数统计,需要安装 hexo-wordcount 插件,安装命令: `npm i --save hexo-wordcount`
postInfo:
  date: true # 发布日期
  update: true # 更新日期
  wordCount: true # 文章字数统计
  totalCount: false # 站点总文章字数
  min2read: false # 文章阅读时长
  readCount: false # 文章阅读次数
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ hexo d
INFO  Validating config
INFO  Deploying: git
INFO  Clearing .deploy_git folder...
INFO  Copying files from public folder...
INFO  Copying files from extend dirs...
位于分支 master
无文件要提交,干净的工作区
Username for 'https://github.com': Liu-Jincan
Password for 'https://Liu-Jincan@github.com': 
分支 'master' 设置为跟踪来自 'https://github.com/Liu-Jincan/Liu-Jincan.github.io.git' 的远程分支 'main'。
Everything up-to-date
INFO  Deploy done: git

 
 

—————————–

emo表情

##	参考资料 
############################
#<1,	https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md, 	matery的github连接中文说明


##	对应代码(仅仅包含 emoji表情支持内容, fooster文件的修改在下面 )
#############################
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ##        emoji表情支持
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ npm install hexo-filter-github-emojis --save

added 6 packages, and audited 315 packages in 7s

16 packages are looking for funding
  run `npm fund` for details

9 moderate severity vulnerabilities

To address issues that do not require attention, run:
  npm audit fix

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ nano _config.yml
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ cat _config.yml | tail -n +126
# emojis
## npm install hexo-filter-github-emojis --save
githubEmojis:
  enable: true
  className: github-emoji
  inject: true
  styles:
  customEmojis:
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ hexo clean
INFO  Validating config
INFO  Deleted database.
INFO  Deleted public folder.
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ hexo g >/dev/null
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ # 标准输出1,重定向到"黑洞"
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ 
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ##        RSS订阅(可选)
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ##        DaoVoice在线聊天(可选)
(base) jincanliu@jincanliu-Z390-UD:~/BaiduNetdiskWorkspace/Liu-Jincan.github.io$ ##        Tido在线聊天(可选)

—————————–

fooster文件解析

##	参考资料 
############################
#<1,	https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md, 	matery的github连接中文说明
#<2,	https://ask.zol.com.cn/x/4606848.html, 					网站下面有 Copyright 是什么意思?
#<3,	https://zhidao.baidu.com/question/2267553860261429228.html, 			网站底部的Copyright © 2015 是什么意思?
#<4,	https://creativecommons.org/licenses/by/4.0/deed.zh, 			CC BY 4.0 许可协议
#<5,	https://www.w3school.com.cn/tags/tag_div.asp, 				<div>,<p>,<body>,<html> 
#<6,	https://www.w3school.com.cn/tiy/t.asp?f=eg_html_footer,			<footer>,<a href> 
#<7,	https://www.runoob.com/try/try.php?filename=tryhtml5_global_class		class样式的创建和应用




##	对应的 themes/matery/layout/_partial/footer.ejs 文件内容
#ps:可以不用 hexo clean&&hexo g 进行更新,直接改 fooster内容,hexo s 网页端能实施实现.
############################  

 <footer class="page-footer bg-color">
    <!-- 音乐  -->
    <% if (theme.music.enable && theme.music.fixed) { %>
        <%- partial('_widget/music') %>
    <% } %>

    <div class="container row center-align"
	style="margin-bottom: <% if (theme.time.enable) { %>15<% } else { %>0<% } %>px !important;">





	<!--  copyright那本分的div -->
	<div class="col s12 m8 l8 copy-right">
          
            <!-- 这里是 Copyright @, &nbsp是空格, &copy是那个符号哟 -->
            <!-- https://zhidao.baidu.com/question/745714487580680772.html, JavaScript中的“&nbsp”是什么意思, 转义符号  -->
            Copyright ©
          
            <!-- 这里是2021, 默认的theme.time.year是2019,在这里我指定为2021,因为我是2021-12月份创建的博客,good job -->
            <% theme.time.year = 2021 %>
            <% if (theme.time.year !== new Date().getFullYear()) { %>
                <span id="year"><%- theme.time.year %>-<%- new Date().getFullYear() %></span>
            <% } else { %>
                <span id="year"><%- theme.time.year %></span>
            <% } %>
          
            <!-- 这里是Jincan Liu, 还包括了对应的超链接哦 -->
            <a href="<%- url_for('/about') %>" target="_blank"><%- config.author %></a>
          
            <!-- 这里是关于 Hexo -->
            | Powered by <a href="https://hexo.io/" target="_blank">Hexo</a>
          
            <!-- 这里是关于 matery -->
            | Theme <a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a>
          
            <!-- br表示换行, https://zhidao.baidu.com/question/187056327.html -->
            <br>
          
            <!-- 这里是为了显示站点总字数 -->
            <% if (theme.postInfo.totalCount) { %>
            	<!-- <i>标签是斜体作用, 这里是为了显示图形? -->
            	<!-- <span>是行内元素, span的意义是添加指定样式,详见https://blog.csdn.net/microcosmv/article/details/51953490 -->
                 <i class="fas fa-chart-area"></i> <%- __('siteTotalWords') %>: <span
                        class="white-color"><%= totalcount(site) %></span>
            <% } %>
          
            <!-- 不蒜子计数器的使用, https://blog.csdn.net/weixin_46247581/article/details/105848853, hexo s 中显示的不是正确的, 不用担心, 看 hexo d 上的即可 -->
            <% let socialClass = '' %>
            <% if (theme.busuanziStatistics && theme.busuanziStatistics.enable) { %>
                <% socialClass = 'social-statis' %>
            <% } %>
                          
            <!-- 这显示总访问量 -->    <!-- 显示每篇文章的访问量的方法, https://blog.csdn.net/qq_23590921/article/details/103864482 -->
            <% if (theme.busuanziStatistics && theme.busuanziStatistics.totalTraffic) { %>
                <span id="busuanzi_container_site_pv">
                 | <i class="far fa-eye"></i> <%- __('siteTotalVisits') %>: 
                    <span id="busuanzi_value_site_pv" class="white-color"></span>
            </span>
            <% } %>
          
            <!-- 这里显示总访问人数 -->
            <% if (theme.busuanziStatistics && theme.busuanziStatistics.totalNumberOfvisitors) { %>
                <span id="busuanzi_container_site_uv">
                 | <i class="fas fa-users"></i> <%- __('siteTotalVisitors') %>: 
                    <span id="busuanzi_value_site_uv" class="white-color"></span>
            </span>
            <% } %>
                       
            <br>

            <!-- 运行天数提醒. -->
            <% if (theme.time.enable) { %>
                <span id="sitetime"> Loading ...</span>
                <script>
                    var calcSiteTime = function () {
                        var seconds = 1000;
                        var minutes = seconds * 60;
                        var hours = minutes * 60;
                        var days = hours * 24;
                        var years = days * 365;
                        var today = new Date();
                        var startYear = "<%- theme.time.year %>";
                        var startMonth = "<%- theme.time.month %>";
                        var startDate = "<%- theme.time.date %>";
                        var startHour = "<%- theme.time.hour %>";
                        var startMinute = "<%- theme.time.minute %>";
                        var startSecond = "<%- theme.time.second %>";
                        var todayYear = today.getFullYear();
                        var todayMonth = today.getMonth() + 1;
                        var todayDate = today.getDate();
                        var todayHour = today.getHours();
                        var todayMinute = today.getMinutes();
                        var todaySecond = today.getSeconds();
                        var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
                        var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
                        var diff = t2 - t1;
                        var diffYears = Math.floor(diff / years);
                        var diffDays = Math.floor((diff / days) - diffYears * 365);

                        // 区分是否有年份.
                        var language = '<%- config.language %>';
                        if (startYear === String(todayYear)) {
                            document.getElementById("year").innerHTML = todayYear;
                            var daysTip = 'This site has been running for ' + diffDays + ' days';
                            if (language === 'zh-CN') {
                                daysTip = '本站已运行 ' + diffDays + ' 天';
                            } else if (language === 'zh-HK') {
                                daysTip = '本站已運行 ' + diffDays + ' 天';
                            }
                            document.getElementById("sitetime").innerHTML = daysTip;
                        } else {
                            document.getElementById("year").innerHTML = startYear + " - " + todayYear;
                            var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and '
                                + diffDays + ' days';
                            if (language === 'zh-CN') {
                                yearsAndDaysTip = '本站已运行 ' + diffYears + ' 年 ' + diffDays + ' 天';
                            } else if (language === 'zh-HK') {
                                yearsAndDaysTip = '本站已運行 ' + diffYears + ' 年 ' + diffDays + ' 天';
                            }
                            document.getElementById("sitetime").innerHTML = yearsAndDaysTip;
                        }
                    }

                    calcSiteTime();
                </script>
            <% } %>
            <br>
          
            <!-- 不知道干什么 -->
            <% if (theme.icp.enable) { %>
                <span id="icp"><img src="<%- theme.jsDelivr.url %><%- url_for('/medias/icp.png') %>"
                                    style="vertical-align: text-bottom;"/>
                <a href="<%- url_for(theme.icp.url) %>" target="_blank"><%= theme.icp.text %></a>
            </span>
            <% } %>
        </div>




	

	<!-- 联系图标的 div -->
        <div class="col s12 m4 l4 social-link <%- socialClass %>"><%- partial('_partial/social-link') %></div>      
      

    </div>
</footer>


<!-- 回到顶部的div -->
<div class="progress-bar"></div>
 
 
 
 

—————————–

添加社交图标

##	参考资料 
############################
# 图标的选取网站 Font Awesome: https://fontawesome.com/v5.15/icons?d=gallery&p=2&q=research				(可以用)
# 图标的选取网站 Font Awesome: https://fontawesome.com/v6.0/icons/bilibili?s=brands   (用不了,版本是需要 Font Awesome 6.0,而本版本的matery的是 5.11)
# 图标的选取网站 aliyun 图片导入教程:https://www.bilibili.com/video/BV1GK4y1p7xA/?spm_id_from=autoNext,		(可以用,good job)






## https://fontawesome.com/v5.15/icons?d=gallery&p=2&q=research
#############################
准备图标
1. 进入网站,在research下,进行搜索,例如 researchgate
2. 点击搜索结果,获取标识,<i class="fab fa-researchgate"></i>

图标插入
3. 编辑matery/_config.yml,socialLink类别下新建researchgate,填上对应网站,即
socialLink:
  researchgate: https://www.researchgate.net/profile/Jincan-Liu
4. 编辑matery/layout/_partial/social-link.ejs,添加标识,即
<% if (theme.socialLink.researchgate) { %>
    <a href="<%= theme.socialLink.researchgate %>" class="tooltipped" target="_blank" data-tooltip="访问我的ResearchGate: <%= theme.socialLink.zhihu %>" data-position="top" data-delay="50">
        <i class="fab fa-researchgate"></i>
    </a>
<% } %>

x. 猜测 Font Awesome 应该也是以 css 文件形式导入的,因为在 matery/_config.yml 中 libs.css 属性有 fontAwesome,即
		libs:
		  css:
		    matery: /css/matery.css
		    mycss: /css/my.css
		    gallery: /css/gallery.css
		    fontAwesome: /libs/awesome/css/all.min.css # V5.15.4 20211109
   如果想用 v6 的,应该也是需要导入一个这样的 css,对了,导入后还需要在 <head> 后创建 link 连接。





## https://www.bilibili.com/video/BV1GK4y1p7xA/?spm_id_from=autoNext
#############################
准备图标
1. 根据视频拷贝对应.css文件内容,编辑matery/source/css/my.css,粘贴对应内容。
(ps:my.css 是在matery/_config.yml的lib.css中定义的,包括路径的定义)
(ps:my.css 对应的link语句在 matery/layout/_partial/head.ejs 的<head>标签下)
2. 根据视频获取标识
图标插入
3.
4.

—————————–

微信支付宝二维码+配置音乐播放器

##	参考资料 
############################
#<1,	https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md, 	matery的github连接中文说明





## reward,微信支付宝二维码修改
#############################
1. 图片准备
2. 图片放进matery/source/medias/reward/
3. 如果不行,需编辑matery/_config.yml文件内容,修改reward属性
(具体调用这些参数的代码不知道在那里)






## 配置音乐播放器
##############################
编辑matery/_config.yml文件内容,修改music属性
(具体调用这些参数的代码不知道在那里)

—————————–

~~Todo:对首页index进行大修改(需要学习html, ejs, css , java)

##	参考资料 
############################
< CSS3最新教程快速入门通俗易懂1-5课程,	https://www.bilibili.com/video/BV1YJ411a7dy?p=5,	狂神




##	hexo 博客 matery 主题的首页在哪里修改
############################
< CSS3最新教程快速入门通俗易懂1-5课程,	https://www.bilibili.com/video/BV1YJ411a7dy?p=5,	狂神

—————————–

对主题的_config.yml进行一个大致的了解

# 0 主题,github,		https://github.com/blinkfox/hexo-theme-matery
# 0 主题,blankfox搭建的网站,	http://blinkfox.com/
# Liu-Jincan
# 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



# main menu navigation url and icon
# 1 配置菜单导航的名称、路径和图标icon.		~1
menu:
  Index:
    url: /
    icon: fas fa-home
  Tags:
    url: /tags
    icon: fas fa-tags
  Categories:
    url: /categories
    icon: fas fa-bookmark
  Archives:
    url: /archives
    icon: fas fa-archive
  About:
    url: /about
    icon: fas fa-user-circle
  #Contact:
    #url: /contact
    #icon: fas fa-comments
  Friends:
    url: /friends
    icon: fas fa-address-book
  # 二级菜单写法如下
  #Medias:
  #  icon: fas fa-list
  #  children:
  #    - name: Musics
  #      url: /musics
  #      icon: fas fa-music
  #    - name: Movies
  #      url: /movies
  #      icon: fas fa-film
  #    - name: Books
  #      url: /books
  #      icon: fas fa-book
  #    - name: Galleries
  #      url: /galleries
  #      icon: fas fa-image





# Website start time.
# 2 站点运行开始时间.				~1
time:
  enable: true  ## true  ##false
  year: 2021 # 年份
  month: 12 # 月份
  date: 20 # 日期
  hour: 00 # 小时
  minute: 00 # 分钟
  second: 00 # 秒





# Index cover carousel configuration.
# 3 首页封面轮播图的相关配置.
cover:
  showPrevNext: false #true # 是否显示左右切换按钮. Whether to display the left and right toggle buttons.
  showIndicators: false #true # 是否显示指示器. # Whether to display the indicators
  autoLoop: false # true # 是否自动轮播. Whether it is automatically rotated.
  duration: 120 # 切换延迟时间. Switching delay time.
  intervalTime: 5000 # 自动切换下一张的间隔时间. Automatically switch the interval of the next one.
  useConfig: false # 是否使用配置文件, 在 _data/covers.json 下配置推荐文章, false则使用主题在文章中的配置 cover coverImg
  # useConfig 使用方式: 将主题 hexo-theme-matery/source/_data/covers.json 移动到 my-blog/source/_data/下修改配置即可
  video:
    enable: false    #true   #false
    src: 
      - https://txmov2.a.yximgs.com/upic/2021/04/09/22/BMjAyMTA0MDkyMjMwMDhfMTg1ODk2MDg4N180NzUyOTMyMjA4Nl8xXzM=_b_B8e080d7ede19e6674d48a9f12545007b.mp4?pkey=AAVAfNhi5_f-HGkIPXrY5w6nyf4JibwOY-WwdHgSJ2aSoi-2WQLpiYDunLbRZQuESz875eMdsepRlVFtXg9nuQY58uRc-7AsF0kEMNR6QYBj56g9JFFMSGdsoKK2-SV27u8&tag=1-1617978682-xpcwebprofile-0-lcvipceuti-9e40072f87531f1a&clientCacheKey=3xbbtbrfxqpccp4_b.mp4
      - https://txmov2.a.yximgs.com/upic/2021/04/09/21/BMjAyMTA0MDkyMTQyNDRfMTg1ODk2MDg4N180NzUyNjAyMzA0N18xXzM=_b_B83b004b85aba8eca3ded270637616575.mp4
      - https://txmov2.a.yximgs.com/upic/2021/04/09/21/BMjAyMTA0MDkyMTU4MDNfMTg1ODk2MDg4N180NzUyNzE0MzkyNV8xXzM=_b_Bf94cee6bd181efeaca64049bd2e4e276.mp4







# index page dream text,
# 4 配置首页显示"梦想"的语句.			~1
dream:
  enable: teue
  showTitle: true
  title: 回忆相伴,慢慢前行
  text: 







# Whether to display the musics.
# 5 是否在首页显示音乐.				~1
music:
  enable: true
  title: #非吸底模式有效
    enable: true
    show: 听听音乐
  autoHide: true    # hide automaticaly
  server: netease   # require music platform, netease, tencent, kugou, xiami, baidu
                    #                         网易云,腾讯,酷狗,虾米,百度
  type: playlist    #require song, playlist, album, search, artist
                    #        歌曲,歌单,    专辑,  搜索,  艺术家
  id: 6992203508     #require	song id / playlist id / album id / search keyword
                    #获取方法示例: 浏览器打开网易云音乐,点击我喜欢的音乐歌单,浏览器地址栏后面会有一串数字,playlist的id即为这串数字。
  fixed: true       # 开启吸底模式
  autoplay: false   # 是否自动播放
  theme: '#42b983'
  loop: 'all'       # 音频循环播放, 可选值: 'all', 'one', 'none'
  order: 'random'   # 音频循环顺序, 可选值: 'list', 'random'
  preload: 'auto'   # 预加载,可选值: 'none', 'metadata', 'auto'
  volume: 0.7       # 默认音量,请注意播放器会记忆用户设置,用户手动设置音量后默认音量即失效
  listFolded: true  # 列表默认折叠
  hideLrc: true     # 隐藏歌词






# Whether to display the videos.
# 6 是否在首页显示视频.				~1
video:
  enable: false
  showTitle: true
  title: 精彩视频
  url: # url和iframeUrl其中一个必填
  iframeUrl:  //player.bilibili.com/player.html?aid=669520137&bvid=BV1oa4y1L7mw&cid=234543483&page=1
        #在bilibili或者爱奇艺分享时选择iframe,然后填那个url来这里,sample: //player.bilibili.com/player.html?aid=669520137&bvid=BV1oa4y1L7mw&cid=234543483&page=1
  pic:
  thumbnails:
  height: 600 # 如:400
  autoplay: false # 是否自动播放
  theme: '#42b983'
  loop: false # 是否循环播放
  preload: 'auto' # 预加载,可选值: 'none', 'metadata', 'auto'
  volume: 0.7 #0.7 






# Whether to display the title of the recommended posts
# 7 是否显示推荐文章的标题			~1
recommend:
  enable: false
  showTitle: true
  useConfig: false # 是否使用配置文件, 在 _data/recommends.json 下配置推荐文章, false则会走主题配置的 top 属性
  # useConfig 使用方式: 将主题 hexo-theme-matery/source/_data/recommends.json 移动到 my-blog/source/_data/下修改配置即可




# Configure website favicon and LOGO
# 8 配置网站favicon和网站LOGO			~1
favicon: /favicon_hua.png # themes/matery/source/favicon.png   
			# 更改了之后,hexo s,可能不会显示,但上传后,在其他电脑打开,显示是正常的。
logo: /medias/logo_hua.png





# The configuration of the second button in the home banner,
# including the display name of the button, the font awesome icon, and the hyperlink to the button.
# 9 首页 banner 中的第二个按钮的配置,包括按钮的显示名称、font awesome图标和按钮的超链接.	~???
indexbtn:
  enable: #false  #true
  name: #Github
  icon: #fab fa-github-alt
  url: #https://github.com/blinkfox/hexo-theme-matery




# The configurations of the second line of home banner
# icon/button will not show up if you leave the corresponding socialLink empty
# 10~~首页 banner 中的第二行个人信息配置,留空即不启用						~
# 图标的选取网站 Font Awesome: https://fontawesome.com/v5.15/icons?d=gallery&p=2&q=research
# 图标的选取网站 Font Awesome: https://fontawesome.com/v6.0/icons/bilibili?s=brands   (用不了,版本是需要 Font Awesome 6.0,而我的是 5.11)
# 图标的选取网站 aliyun 图片导入教程:https://www.bilibili.com/video/BV1GK4y1p7xA/?spm_id_from=autoNext
socialLink:
  github:  https://github.com/Liu-Jincan 
  facebook: # https://www.facebook.com/xxx
  twitter: # https://twitter.com/xxx
  qq: 3079779149
  email: 3079779149@qq.com
  weibo: # https://weibo.com/xxx
  zhihu: https://www.zhihu.com/people/JincanLiu # https://www.zhihu.com/xxx
  researchgate: https://www.researchgate.net/profile/Jincan-Liu
  bilibili: https://space.bilibili.com/341192538
  rss: false # true、false




# Whether to activate the Post TOC, and Configure which title types are supported by TOC support.
# You can add `toc: false` to the Front-matter of a post to turn off the TOC.
# 11~~是否激活文章 TOC 功能,并配置TOC支持选中哪些标题类型,这是全局配置。			~???
# 可以在某篇文章的 Front-matter 中再加上`toc: false`,使该篇文章关闭TOC目录功能
toc:
  enable: true
  heading: h2, h3, h4
  collapseDepth: 0 # 目录默认展开层级
  showToggleBtn: true # 是否显示切换TOC目录展开收缩的按钮




# 12~~代码块相关										~???
code:
  lang: true # 代码块是否显示名称
  copy: true # 代码块是否可复制
  shrink: true # 代码块是否可以收缩
  break: false # 代码是否折行




# 13~~是否激活文章末尾的打赏功能,默认激活(你替换为的你自己的微信、支付宝二维码图片、或者使用网络图片也可以).	~1
reward:
  enable: true
  title: Thanks for your reward
  wechat: /medias/reward/wechat.png
  alipay: /medias/reward/alipay.png



# Whether to activate the copyright information of the blog and author when copying the post content.
# minCharNumber: Approve copyright information by copying at least how many characters.
# 14~~是否激活复制文章时追加博客和作者的版权信息.						~???
copyright:
  enable: false
  minCharNumber: 120 # 至少复制多少个字符就追加版权信息.
  description: 本文章著作权归作者所有,任何形式的转载都请注明出处。




# Whether to activate the mathjax, this is a global configuration, but the post still does not open the mathjax rendering.
# Considering that the mathjax loading is time consuming,
# you also need to add `mathjax: true` to the Front-matter of the post that needs to be rendered.
# 15~~是否激活mathjax数学公式,这是全局配置,但文章仍然不会都开启mathjax渲染,		~???
# 考虑到mathjax加载比较耗时,你还需要在需要渲染的文章的Front-matter中再加上`mathjax: true`才行.
# <MathJax是什么,https://mathjax-chinese-doc.readthedocs.io/en/latest/mathjax.html>
mathjax:
  enable: false
  cdn: https://cdn.bootcss.com/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML




# Post word count, reading duration, site total word count.
# Before you activate, please confirm that you have installed the hexo-wordcount plugin,
# install the plugin command: `npm i --save hexo-wordcount`.
# 16~~文章字数统计、阅读时长、总字数统计等							~1
# 文章信息--若要开启文章字数统计,需要安装 hexo-wordcount 插件,安装命令: `npm i --save hexo-wordcount`
postInfo:
  date: true # 发布日期
  update: true # 更新日期
  wordCount: true # 文章字数统计
  totalCount: true # 站点总文章字数
  min2read: false # 文章阅读时长
  readCount: false # 文章阅读次数




# Whether to activate the 'love' effect of clicking on the page.
# 17~~是否激活点击页面的'爱心'效果,默认激活.							~1
clicklove:
  enable: false #true



# | 文件名             | 说明                   |
# | :----------------- | :--------------------- |
# | sakura-small.js    | 少量樱花               |
# | sakura-half.js     | 樱花相对原效果数量减半 |
# | sakura-reduce.js   | 樱花相对原效果减少1/4  |
# | sakura.js          | 樱花数量不变(原效果) |
# 默认事sakura.js,如需修改,请到下面地址修改
# libs
#   js:
#     sakura: /libs/others/sakura-reduce.js
# 18~~是否激活页面樱花效果, 只在桌面版网页启用特效						~???
# 下面三种特效建议选择一种就够了,
sakura:
  enable: false



# 19~~是否激活页面鼠标星星跟随效果, 只在桌面版网页启用特效					~???
mouseStar:
  enable: false



# 20~~是否激活页面飘雪效果, 只在桌面版网页启用特效						~1
snowdown:
  enable: false



# profile in about page, including avatars, career, and personal introductions.
# 21~~在”关于”页面中配置个人信息,包括头像、职业和个人介绍.					~1
profile:
  avatar: /medias/avatar_green3.jpg #_green.jpg
  career: Graduate Student
  introduction: 目前在学习海洋数值模式 WaveWatchIII、数据同化(Data Assimilation)、深度学习(Deep Learning)相关内容,对计算机相关的知识也很感兴趣,慢慢进步吧~~




# config my projects informations in about page.
# If you don't want to display this `My Projects` content, you can deactivate or delete this configuration.
# 22~~在“关于”页面配置"我的项目"信息,如果你不需要这些信息则可以将其设置为不激活或者将其删除.	~1
myProjects:
  enable: false
  data:
    hexo-theme-matery:
      icon: fas fa-file-alt
      iconBackground: 'linear-gradient(to bottom right, #66BB6A 0%, #81C784 100%)'
      url: http://github.com/blinkfox/hexo-theme-matery
      desc: This is a Hexo blog theme with 'Material Design' and responsive design.
    Fenix:
        icon: fas fa-database
        iconBackground: 'linear-gradient(to bottom right, #F06292 0%, #EF5350 100%)'
        url: https://github.com/blinkfox/fenix
        desc: 这是 Spring Data JPA 复杂或动态 SQL 查询的扩展库。
    typora-vue-theme:
        icon: fas fa-file-alt
        iconBackground: 'linear-gradient(to bottom right, #29B6F6 0%, #1E88E5 100%)'
        url: https://github.com/blinkfox/typora-vue-theme
        desc: This is a typora theme inspired by Vue document style.




# config my skills informations in about page.
# If you don't want to display this `My Skills` content, you can deactivate or delete this configuration.
# 23~~在“关于”页面配置"我的技能"信息,如果你不需要这些信息则可以将其设置为不激活或者将其删除.	~1
mySkills:
  enable: false
  data:
    Java:
      background: 'linear-gradient(to right, #FF0066 0%, #FF00CC 100%)'
      percent: 85%
    JavaScript:
      background: 'linear-gradient(to right, #9900FF 0%, #CC66FF 100%)'
      percent: 80%
    HTML5:
      background: 'linear-gradient(to right, #2196F3 0%, #42A5F5 100%)'
      percent: 80%
    CSS:
      background: 'linear-gradient(to right, #00BCD4 0%, #80DEEA 100%)'
      percent: 70%
    SQL:
      background: 'linear-gradient(to right, #4CAF50 0%, #81C784 100%)'
      percent: 90%
    程序设计:
      background: 'linear-gradient(to right, #FFEB3B 0%, #FFF176 100%)'
      percent: 75%




# config gallery of my photos in about page.
# If you don't want to display this `Gallery` content, you can deactivate or delete this configuration.
# 24~~在“关于”页面配置"我的相册"图片,如果你不需要这些信息则可以将其设置为不激活或者将其删除.	~1
myGallery:
  enable: false
  data:
    - /medias/featureimages/0.jpg
    - /medias/featureimages/1.jpg
    - /medias/featureimages/2.jpg




# Whether to display post-calender in the `archive` page
# 25~~设置在归档页面中是否显示'文章日历'控件							~1
postCalendar: true




# xx~~特别注意~~
# 不建议使用gittalk,gitment这样权限过高的oauth app,因为它们能够 读写 授权者 所有的公共仓库 ,也就是说拿到你的授权 Token 的人,可以将你的 GitHub 公共仓库删空(这是github权限分的不够细的锅),如果恶意攻击者想获取使用者的 AccessToken,只需要在代码中加上一个 ajax 请求即可。原贴地址:https://www.v2ex.com/t/535608。建议大家看完。(我没有在用gittalk/gitment的网站上评论过,但根据v2ex网友的提示,如果网站自行修改了 gitalk.js 脚本 或者反代了 github api,就很容易拿到你的 Token )

# https://github.com/utterance/utterances 是个 GitHub App,它的权限仅限于某个仓库。像 hugo hexo 这种静态页面类型的博客,clientID/clientSecret 泄露是不可避免的。我认为较好的解决方式是像 utteras 这种 GitHubApp,只有一个仓库的读写权限,将破坏降到最小。

# valine是使用的免费的leancloud开发版资源,即使数据丢了leancloud也不用负任何的责任。此外valine的src目录已在1.4.0后停止更新。。。薛定谔的开源。

# 当初多说国内最大都倒了,livere不一定靠谱。

# disqus被墙了。

# 畅言需要备案。

# the Gitalk config,default disabled
# 26~~Gitalk 评论模块的配置,默认为不激活							~不建议激活
gitalk:
  enable: false
  owner:
  repo:
  oauth:
    clientId:
    clientSecret:
  admin:

# the Gitment config,default disabled
# 27~~Gitment 评论模块的配置,默认为不激活							~不建议激活
gitment:
  enable: false
  owner:
  repo:
  oauth:
    clientId:
    clientSecret:




# disqus config, default disabled
# 28~~Disqus评论模块的配置,默认为不激活							~???
disqus:
  enable: false
  shortname:



# Livere comment configuration, the default is not activated
# 29~~Livere 来必力评论模块的配置,默认为不激活						~???
livere:
  enable: false
  uid:




# 30~~腾讯人机验证										~???
# 注意:目前只适配和测试了valine,其它评论系统未调试验证!
# 介绍: https://cloud.tencent.com/document/product/1110/36841
# 管理验证码: https://console.cloud.tencent.com/captcha/graphical
tcaptcha:
  enable: true
  appid: xxxxxxxxxx # 你的appid





# The configuration of the Valine comment module is not activated by default.
# To use it, activate the configuration item and set appId and appKey.
# 31~~Valine 评论模块的配置,默认为不激活,如要使用,就请激活该配置项,并设置 appId 和 appKey.	~???
valine:
  enable: false
  appId:
  appKey:
  notify: false
  verify: false
  visitor: true
  avatar: 'mm' # Gravatar style : mm/identicon/monsterid/wavatar/retro/hide
  pageSize: 10
  placeholder: 'just go go' # Comment Box placeholder
  background: /medias/comment_bg.png
  coolpushkey: 




# The configuration of the MiniValine comment module is not activated by default.
# To use it, activate the configuration item.
# 32~~MiniValine 评论模块的配置,默认为不激活,如要使用,就请激活该配置项				~???
# See: https://github.com/MiniValine/MiniValine
minivaline:
  enable: false
  # 更多选项 https://minivaline.js.org/docs/cn/#/Options 按照yml格式继续填写即可 (除了 [el] 选项)  
  # emoticonUrl 等列表选项 可参考 https://github.com/MiniValine/hexo-next-minivaline
  # 下面是一个例子:
  serverURL: https://minivaline.your-domain.top



# 33~~												~???
changyan:
  enable: false
  appId:
  conf:
  
  
  
# Whether to display fork me on github icon and link, default true, You can change it to your repo address
# 34~~配置是否在 header 中显示 fork me on github 的图标,默认为true,你可以修改为你的仓库地址.	~1
githubLink:
  enable: false
  url: https://github.com/blinkfox/hexo-theme-matery
  title: Fork Me



# The configuration of the Twikoo comment module is not activated by default.
# To use it, activate the configuration item and set envId.
# 35~~Twikoo 评论模块的配置,默认为不激活,如要使用,就请激活该配置项,并设置环境 ID envId.		~???
# See: https://twikoo.js.org
twikoo:
  enable: false
  envId: twikoo-1gs9l0fb17e7897a # 环境 ID,搭建教程:https://twikoo.js.org/quick-start.html
  # region: ap-guangzhou # 环境地域,默认为 ap-shanghai
  # path: 'window.location.pathname' # 自定义文章路径




# The password verification feature of read post. To use this feature,
# activate the configuration item and write the 'password' key and Cipher in the post's Front-matter.
# Note: In order to ensure that the original password will not be leaked to the web page,
# the password of the article must be encrypted by 'SHA256' so that it will not be cracked.
# 36~~阅读文章的密码验证功能,如要使用此功能请激活该配置项,并在对应文章的Front-matter中写上'password'的键和加密后的密文即可.	~???
# 请注意:为了保证密码原文不会被泄露到网页中,文章的密码必须是通过'SHA256'加密的,这样就不会被破解.
verifyPassword:
  enable: false
  promptMessage: 请输入访问本文章的密码
  errorMessage: 密码错误,将返回主页!




# busuanzi(http://busuanzi.ibruce.info/) website statistics
# 37~~不蒜子(http://busuanzi.ibruce.info/) 网站统计							~1
busuanziStatistics:
  enable: true
  totalTraffic: true # 总访问量
  totalNumberOfvisitors: true # 总人次



# Add google analytics configuration
# 38~~添加 Google Analytics 配置									~???
googleAnalytics:
  enable: false
  id:




# Add baidu analytics configuration
# 39~~添加 baidu Analytics 配置									~???
baiduAnalytics:
  enable: false
  id:



# 40~~百度搜索资源平台提交链接									~???
baiduPush: true





# The used front-end library can be replaced with the corresponding CDN address as needed,
# If the specific version is not specified below, you can use the latest version.
# 41~~使用到的前端库,可按需替换成对应的CDN地址,如果下面未指定具体的版本号,使用最新的版本即可.	~???
# 注:jsdelivr可以自动帮你生成.min版的js和css,所以你在设置js及css路径中可以直接写.min.xxx
libs:
  css:
    matery: /css/matery.css
    mycss: /css/my.css
    gallery: /css/gallery.css
    fontAwesome: /libs/awesome/css/all.min.css # V5.15.4 20211109
    materialize: /libs/materialize/materialize.min.css # 1.0.0 20211109
    aos: /libs/aos/aos.css
    animate: /libs/animate/animate.min.css # V3.5.1
    lightgallery: /libs/lightGallery/css/lightgallery.min.css # V1.10.0
    aplayer: /libs/aplayer/APlayer.min.css
    dplayer: /libs/dplayer/DPlayer.min.css
    gitalk: /libs/gitalk/gitalk.css
    jqcloud: /libs/jqcloud/jqcloud.css
    tocbot: /libs/tocbot/tocbot.css
    prism: /libs/prism/prism.css
    mermaid: /libs/mermaid/mermaid.min.css
    fancybox: /libs/fancybox/jquery.fancybox.css
    justifiedGallery: /libs/justifiedGallery/justifiedGallery.min.css
  js:
    matery: /js/matery.js
    jquery: /libs/jquery/jquery-3.6.0.min.js  #3.6.0 20211109
    materialize: /libs/materialize/materialize.min.js # 1.0.0
    masonry: /libs/masonry/masonry.pkgd.min.js # v4.0.0
    aos: /libs/aos/aos.js
    scrollProgress: /libs/scrollprogress/scrollProgress.min.js
    lightgallery: /libs/lightGallery/js/lightgallery-all.min.js # V1.10.0
    clicklove: /libs/others/clicklove.js
    sakura: /libs/others/sakura.js
    star: /libs/others/star.js
    snow: /libs/others/snow.js
    tcaptcha: /libs/others/TencentCaptcha.js
    busuanzi: /libs/others/busuanzi.pure.mini.js
    aplayer: /libs/aplayer/APlayer.min.js
    meting: /libs/aplayer/Meting.min.js
    dplayer: /libs/dplayer/DPlayer.min.js
    crypto: /libs/cryptojs/crypto-js.min.js
    echarts: /libs/echarts/echarts.min.js
    gitalk: /libs/gitalk/gitalk.min.js
    valine: /libs/valine/Valine.min.js # 若想保持最新版,请替换为 https://unpkg.com/valine/dist/Valine.min.js  默认为 /libs/valine/Valine.min.js
    minivaline: /libs/minivaline/MiniValine.js # latest
    twikoo: /libs/twikoo/twikoo.all.min.js # 若想保持最新版,请替换为 https://cdn.jsdelivr.net/npm/twikoo/dist/twikoo.all.min.js  默认为 /libs/twikoo/twikoo.all.min.js
    jqcloud: /libs/jqcloud/jqcloud-1.0.4.min.js
    tocbot: /libs/tocbot/tocbot.min.js
    canvas_nest: /libs/background/canvas-nest.js
    ribbon: /libs/background/ribbon.min.js
    ribbonRefresh: /libs/background/ribbon-refresh.min.js
    ribbon_dynamic: /libs/background/ribbon-dynamic.js
    instantpage: /libs/instantpage/instantpage.js
    mermaid: /libs/mermaid/mermaid.min.js
    fancybox: /libs/fancybox/fancybox.js
    justifiedGallery: /libs/justifiedGallery/justifiedGallery.min.js
    codeblock: /libs/codeBlock/codeBlockFuction.js
    codelang: /libs/codeBlock/codeLang.js
    codecopy: /libs/codeBlock/codeCopy.js
    codeshrink: /libs/codeBlock/codeShrink.js





# The post featured images that needs to be displayed when there is no image.
# 42~~无文章特色图片时需要显示的文章特色图片.								~???
featureImages:
- /medias/featureimages/0.jpg
- /medias/featureimages/1.jpg
- /medias/featureimages/2.jpg
- /medias/featureimages/3.jpg
- /medias/featureimages/4.jpg
- /medias/featureimages/5.jpg
- /medias/featureimages/6.jpg
- /medias/featureimages/7.jpg
- /medias/featureimages/8.jpg
- /medias/featureimages/9.jpg
- /medias/featureimages/10.jpg
- /medias/featureimages/11.jpg
- /medias/featureimages/12.jpg
- /medias/featureimages/13.jpg
- /medias/featureimages/14.jpg
- /medias/featureimages/15.jpg
- /medias/featureimages/16.jpg
- /medias/featureimages/17.jpg
- /medias/featureimages/18.jpg
- /medias/featureimages/19.jpg
- /medias/featureimages/20.jpg
- /medias/featureimages/21.jpg
- /medias/featureimages/22.jpg
- /medias/featureimages/23.jpg

# default configs that the default policy for every articles/posts
# 43~~default 配置文章的默认转载规则									~1

# you can define reprint policy for a single article in the front-matter of the specific md file using this key: reprintPolicy
# 您可以使用在文章md文件的 front-matter 中指定 reprintPolicy 来给单个文章配置转载规则

# 可用的转载规则有(available reprint policies are):
# 这些转载规则的意义请参考(you can refer to this link FMI):https://creativecommons.org/choose/?lang=zh
# cc_by(知识共享署名 4.0 国际许可协议 Creative Commons Attribution-NoDerivatives 4.0 International License)
# cc_by_nd(知识共享署名-禁止演绎 4.0 国际许可协议 Creative Commons Attribution-NoDerivatives 4.0 International License)
# cc_by_sa(知识共享署名-相同方式共享 4.0 国际许可协议 Creative Commons Attribution-ShareAlike 4.0 International License)
# cc_by_nc(知识共享署名-非商业性使用 4.0 国际许可协议 Creative Commons Attribution-NoDerivatives 4.0 International License)
# cc_by_nc_nd(知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License)
# cc_by_nc_sa(知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License)
# cc0(CC0 1.0 通用 (CC0 1.0) 公共领域贡献 CC0 1.0 Universal (CC0 1.0) Public Domain Dedication) https://creativecommons.org/publicdomain/zero/1.0/deed.zh
# noreprint(不允许转载 not allowed to reprint)
# pay(付费转载 pay for reprinting)								~???
reprint:
  enable: true # whether enable reprint section 是否启用“转载规则限定模块”
  default: cc_by #pay




# 44~~DaoVoice online contact								~???
daovoice:
  enable: false
  app_id:



# 45~~Tidio online contact									~???
tidio:
  enable: false
  public_key:



# 46~~腾讯兔小巢,见https://txc.qq.com/							~???
tuxiaochao:
  enable: false
  productId:
  
  
  
  
# 47~~背景canvas-nest,	线条和节点,玩起来还是蛮有意思的~~				~1 
canvas_nest:
  enable: false #true #false
  color: 0,0,255 # 线条颜色, 默认: '0,0,0' ;三个数字分别为(R,G,B),注意用,分割
  pointColor: 0,0,255 # 交点颜色, 默认: '0,0,0' ;三个数字分别为(R,G,B),注意用,分割
  opacity: 0.7 # 线条透明度(0~1), 默认: 0.5
  zIndex: -1 # 背景的 z-index 属性,css 属性用于控制所在层的位置, 默认: -1.
  count: 99 # 线条的总数量, 默认: 99




# 48~~背景静止彩带.										~1
ribbon:
  enable: false #true #false
  size: 150 # 彩带大小, 默认: 90.
  alpha: 0.6 # 彩带透明度 (0 ~ 1), 默认: 0.6.
  zIndex: -1 # 背景的z-index属性,css属性用于控制所在层的位置, 默认: -1.
  clickChange: false  # 设置是否每次点击都更换彩带.




# 49~~背景动态彩带										~1
# 	别说还挺好看的
ribbon_dynamic:
  enable: false #true #false




# 50~~sharejs文章分享模块.									~???
# 支持顺序,可选项目为twitter, facebook, google, qq, qzone, wechat, weibo, douban, linkedin.
sharejs:
  enable: true
  sites: twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin



# 51~~addthis文章分享模块.									~???
addthis:
  enable: false
  pubid:  # 前往https://www.addthis.com/获取




# 52~~打字效果副标题.										~1
# 如果有符号 ‘ ,请在 ’ 前面加上 \
subtitle:
  enable: false #true										~如何删除副标题???
  loop: false #true # 是否循环
  showCursor: false #true # 是否显示光标
  startDelay: 300 # 开始延迟
  typeSpeed: 100 # 打字速度
  backSpeed: 50 # 删除速度
  sub:
     - Never really desperate, only the lost of the soul
    #- 从来没有真正的绝境, 只有心灵的迷途
  




# 53~~手机二级菜单.										~???
navMenu:
  mleft: false #true #false # 二级侧栏子菜单是否对齐左边
  bgColor: " " # 二级侧栏子菜单背景颜色,留空即为全局背景色



# 54~~网页预加载.										~???
instantpage:
  enable: true



# 55~~banner 是否每日切换.									~???
#	banner 是背景~~?
# 若为 false, 则 banner 默认为 /medias/banner/0.jpg
banner:
  enable: true



# 56~~ICP备案信息尾部显示									~???
icp:
  enable: false
  url: # 备案链接
  text: # 备案信息




# 57~~CDN访问加速										~???
# 第一次使用本功能,一定要先配置url,再`hexo cl && hexo g && hexo d`部署到GitHub的仓库,注意!必须是GitHub的仓库!
# 如果必须要使用国内的coding或者gitee,可以采用双部署,同时将网站部署到两个仓库(其中一个必须是GitHub的仓库)
# URL配置规则(例子如下): https://cdn.jsdelivr.net/gh/你的GitHub用户名/你的仓库名
# 如果想关闭此功能,将 url地址 注释或删除即可!
#
# 注:配置了此项,就代表着本地调试的时候,网站依然会去GitHub请求资源(原来的资源),本地调试的时候记得将 此项配置 注释或者删除掉
# 更多关于访问速度优化,请查看:https://blog.sky03.cn/posts/42790.html
# 注:jsdelivr可以自动帮你生成.min版的js和css,所以你在上面设置js及css路径中可以直接写.min.xxx
jsDelivr:
  url: # https://cdn.jsdelivr.net/gh/skyls03/skyls03.github.io
  
  
  
# 58~~网站背景图										~1
background:
  enable: false #true #false
  url: "https://cdn.jsdelivr.net/gh/Tokisaki-Galaxy/res/site/medias/background.jpg"


# 59~~说说 https://artitalk.js.org/								~???
artitalk:
  enable: false
  appId: # xxxxx
  appKey: # xxxxxx




# 60~~哔哔功能配置										~???
# 登陆leancloud创建应用。进入应用后,点击创建 Class,将「 Class 名称」命名为 content
# 点击刚刚创建的content Class,点击添加列并创建名称为content的列,类型为String,注意列注释也要填写(随意填)
# 记录appid,masterkey,api域名
# 输入:hexo new page bb
# hexo就在source文件夹下创建了bb/index.md。
# 修改index.md的frontmater下的layout为bb:
# ---
# title: 黑石说
# layout: bb
# ---
# 里面的文字可以自己随意加,会显示在哔哔的上方。
# 关注公众号 "黑石哔哔",发送: //bindCurrentUser:你的APPID,你的MASTERKEY,你的RESTAPI
# 可用leancloud国际版,国际版api为 https://appid前八位.api.lncldglobal.com
bbtime:
  enable: false
  appId: # 你的appId
  appKey: # 你的appKey
  serverURLs: # https://你的api




# 61~~图表绘制插件										~???
# 建议更换更换hexo-renderer-markdown-it引擎。参考下面链接
# https://github.com/hexojs/hexo-renderer-markdown-it
# https://github.com/hexojs/hexo-renderer-markdown-it/wiki/Advanced-Configuration
# 安装配置方法
# yarn remove hexo-renderer-marked
# yarn add hexo-renderer-markdown-it hexo-tag-mermaid
# 注意:hexo-renderer-markdown-it 比默认引擎更快,可选择插件较多,请认真看上面两个链接教程。
# mermaid语法教程 https://mermaid-js.github.io/mermaid/#/
# 使用方法:
# 在post文章中填写mermaid语句,需要使用{% mermaid %} 包裹
# {% mermaid %}
# [mermaid 语句正文]
# {% endmermaid %}
# 样例如下所示:
# {% mermaid %}
# graph TD
#     A[Christmas] -->|Get money| B(Go shopping)
#     B --> C{Let me think}
#     C -->|One| D[Laptop]
#     C -->|Two| E[iPhone]
#     C -->|Three| F[Car]
# {% endmermaid %}
# mermaid chart。 依赖hexo-tag-mermaid
mermaid: ## mermaid url https://github.com/knsv/mermaid
  enable: false  # default false
  version: "latest" # default v7.1.2
  options:  # find more api options from https://github.com/knsv/mermaid/blob/master/src/mermaidAPI.js
    #startOnload: true  // default true

—————————–

对主题的layout.ejs进行一个大致的了解

layout.ejs在matery/layout/layout.ejs

它包含了大致的布局

<!DOCTYPE HTML>
<!-- 01 语言选择 -->
<html lang="<%= config.language %>">

<!-- 02 head是哪里?ok~~,首页,分类~~ -->
<%- partial('_partial/head') %>

<!-- 03 background是什么?网站背景图 -->
<% if (theme.background.enable) { %>
   <%- partial('_partial/background') %>
<% } %>


<body>
    <!--04 header是什么?logo,navigation,githublink -->
    <%- partial('_partial/header') %>
    <%- body %>
  
    <!-- 05 footer是什么?页脚 -->
    <%- partial('_partial/footer') %>

    <!-- 06 search是什么?搜索遮照栏 -->
    <%- partial('_partial/search') %>
  
    <!-- 07 back-top是什么?回到顶部按钮 -->
    <%- partial('_partial/back-top') %>

    <!-- 08 ??? -->
    <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.materialize) %>"></script>
    <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.masonry) %>"></script>
    <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.aos) %>"></script>
    <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.scrollProgress) %>"></script>
    <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.lightgallery) %>"></script>
    <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.matery) %>"></script>
  
    <!-- 09 图标绘制工具 -->
    <% if (theme.mermaid.enable) { %>
        <!-- <script src='https://unpkg.com/mermaid@<%= theme.mermaid.version %>/dist/mermaid.min.js'></script> -->
        <script src='<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.mermaid) %>'></script>
        <script>
          if (window.mermaid) {
            mermaid.initialize({theme: 'forest'});
          }
        </script>
    <% } %>

    <!-- 10 ???-->
    <% if (theme.sakura.enable) { %>
      
        <script type="text/javascript">
            // 只在桌面版网页启用特效
            var windowWidth = $(window).width();
            if (windowWidth > 768) {
                document.write('<script type="text/javascript" src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.sakura) %>"><\/script>');
            }
        </script>
    <% } %>

    <!-- 11 雪花特效 -->
    <% if (theme.snowdown.enable) { %> 
        <script type="text/javascript">
            // 只在桌面版网页启用特效
            var windowWidth = $(window).width();
            if (windowWidth > 768) {
                document.write('<script type="text/javascript" src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.snow) %>"><\/script>');
            }
        </script>
    <% } %>

    <!-- 12 鼠标星星特效 -->
    <% if (theme.mouseStar.enable) { %> 
        <script type="text/javascript">
            // 只在桌面版网页启用特效
            var windowWidth = $(window).width();
            if (windowWidth > 768) {
                document.write('<script type="text/javascript" src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.star) %>"><\/script>');
            }
        </script>
    <% } %>


    <!-- 13 -->
    <% if (theme.tcaptcha.enable) { %> 
        <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
        <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.tcaptcha) %>"></script>
        <button id="TencentCaptcha" data-appid="<%- theme.tcaptcha.appid %>" data-cbfn="callback" type="button" hidden></button>
    <% } %>

    <!-- 14 -->
    <%- partial('_partial/baidu-analytics') %>
  
    <!-- 15 -->
    <%- partial('_partial/baidu-push') %>
  
    <!-- 16 -->
    <% if (theme.clicklove.enable) { %>
    <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.clicklove) %>" async="async"></script>
    <% } %>
  
    <!-- 17 -->
    <% if (theme.busuanziStatistics && theme.busuanziStatistics.enable) { %>
    <script async src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.busuanzi) %>"></script>
    <% } %>


    <!-- 18 -->
    <% if (theme.tidio.enable) { %>
        <script src="//code.tidio.co/<%- theme.tidio.public_key %>.js"></script>
        <script>
            $(document).ready(function () {
                setInterval(change_Tidio, 50);
                function change_Tidio() {
                    var tidio=$("#tidio-chat iframe");
                    if(tidio.css("display")=="block"&& $(window).width()>977 ){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" &&$(window).width()>977)>0? "-40px" : ($("div.toc-title").length&&$(window).width()>977)>0?"<%if(theme.toc.showToggleBtn){%>85px<%}else{%>20px<%}%>":"20px";
                        document.getElementById("tidio-chat-iframe").style.right="-15px";
                        document.getElementById("tidio-chat-iframe").style.height=parseInt(tidio.css("height"))>=520?"520px":tidio.css("height");
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    else if(tidio.css("display")=="block"&&$(window).width()>601 &&$(window).width()<992 ){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" && 601< $(window).width()<992)>0? "-40px":"20px" ;
                        document.getElementById("tidio-chat-iframe").style.right="-15px";
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    else if(tidio.css("display")=="block"&&$(window).width()<601 && parseInt(tidio.css("height"))<230){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" && $(window).width()<601)>0? "-10px":"45px" ;
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    if( tidio.css("display")=="block"&&$(window).width()<601 && parseInt(tidio.css("height"))>=230){
                        document.getElementById("tidio-chat-iframe").style.zIndex="998";
                    }
                }
            });
        </script>
    <% } %>
  
    <!-- 19 -->
    <% if (theme.daovoice.enable) { %>
    <script>
        (function (i, s, o, g, r, a, m) {
            i["DaoVoiceObject"] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o), m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            a.charset = "utf-8";
            m.parentNode.insertBefore(a, m)
        })(window, document, "script", ('https:' == document.location.protocol ? 'https:' : 'http:') +
            "//widget.daovoice.io/widget/6984b559.js", "daovoice")
        daovoice('init', {
            app_id: "<%- theme.daovoice.app_id %>"
        });
        daovoice('update');
    </script>
    <% } %>

    <!-- 20 腾讯兔小巢-->
    <% if (theme.tuxiaochao.enable) { %>
        <div style="position:fixed;bottom:125px;right:16px;cursor: pointer;">
            <a title="兔小巢" href="https://support.qq.com/products/<%- theme.tuxiaochao.productId %>"><i class="fa fa-comments fa-3x"  aria-hidden="true"></i></a>
        </div>
    <%}%>
  
    <!-- 21 canvas_nest特效 -->
    <% if (theme.canvas_nest.enable) { %>
    <script type="text/javascript" color="<%- theme.canvas_nest.color %>"
        pointColor="<%- theme.canvas_nest.pointColor %>" opacity='<%- theme.canvas_nest.opacity %>'
        zIndex="<%- theme.canvas_nest.zIndex %>" count="<%- theme.canvas_nest.count %>"
        src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.canvas_nest) %>"></script>
    <% } %>

    <!-- 22 ribbon特效 -->
    <% if (theme.ribbon.enable) { %>
    <% var ribbonSrc = theme.ribbon.clickChange ? theme.libs.js.ribbon : theme.libs.js.ribbonRefresh; %>
    <script type="text/javascript" size="<%- theme.ribbon.size %>" alpha='<%- theme.ribbon.alpha %>'
        zIndex="<%- theme.ribbon.zIndex %>" src="<%- theme.jsDelivr.url %><%- url_for(ribbonSrc) %>" async="async"></script>
    <% } %>
  
    <!-- 23 -->
    <% if (theme.ribbon_dynamic.enable) { %>
    <script type="text/javascript" src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.ribbon_dynamic) %>" async="async"></script>
    <% } %>

    <!-- 24 -->
    <% if (theme.instantpage.enable) { %>
    <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.instantpage) %>" type="module"></script>
    <% } %>

</body>

</html>

—————————–

~~Todo:对主题的source中css中matery.css文件进行一个整体的了解

matery.css包含了基本的样式

—————————–

~~Todo:RSS订阅+Daovoice在线聊天+Tido在线聊天

参考资料

############################

#<1,https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md, matery的github连接中文说明>
#<2,http://www.yinhuafeng.cn/kjzx/579.html, RSS订阅是什么,让用户有效率的阅读>

—————————–

~~Todo:代码样式

开启matery代码样式

https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md 代码高亮部分尝试

从 Hexo5.0 版本开始自带了 prismjs 代码语法高亮的支持,本主题对此进行了改造支持。

如果你的博客中曾经安装过 hexo-prism-plugin 的插件,那么你须要执行 npm uninstall hexo-prism-plugin 来卸载掉它,否则生成的代码中会有 {} 的转义字符。

然后,修改 Hexo 根目录下 _config.yml 文件中 highlight.enable 的值为 false,并将 prismjs.enable 的值设置为 true,主要配置如下:

highlight:
  enable: false
  line_number: true
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  enable: true
  preprocess: true
  line_number: true
  tab_replace: ''

成功

bash样式

主题中默认的 prismjs 主题是 Tomorrow Night

Todo:如何修改matery代码样式?

https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md 代码高亮部分尝试

如果你想定制自己的主题,可以前往 prismjs 下载页面 定制下载自己喜欢的主题 css 文件,然后将此 css 主题文件取名为 prism.css,替换掉 hexo-theme-matery 主题文件夹中的 source/libs/prism/prism.css 文件即可。

Todo:如何在matery增添代码样式,针对不同类型的代码。

—————————–

matery作者寄语

##	参考资料 
############################
#<1,https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md, matery的github连接中文说明


## 自定制修改
############################
在本主题的 _config.yml 中可以修改部分自定义信息,有以下几个部分:

    菜单
    我的梦想
    首页的音乐播放器和视频播放器配置
    是否显示推荐文章名称和按钮配置
    favicon 和 Logo
    个人信息
    TOC 目录
    文章打赏信息
    复制文章内容时追加版权信息
    MathJax
    文章字数统计、阅读时长
    点击页面的'爱心'效果
    我的项目
    我的技能
    我的相册
    Gitalk、Gitment、Valine 和 disqus 评论配置
    不蒜子统计和谷歌分析(Google Analytics)
    默认特色图的集合。当文章没有设置特色图时,本主题会根据文章标题的 hashcode 值取余,来选择展示对应的特色图

我认为个人博客应该都有自己的风格和特色。如果本主题中的诸多功能和主题色彩你不满意,可以在主题中自定义修改,很多更自由的功能和细节点的修改难以在主题的 _config.yml 中完成,需要修改源代码才来完成。以下列出了可能对你有用的地方:

—————————–

~~Todo:怎么给自己的博客添加每日安排?个人博客添加动态,聊天框?


—————————–

~~Todo:点赞系统


Author: Jincan
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint policy. If reproduced, please indicate source Jincan !
  TOC