<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 @,  是空格, ©是那个符号哟 -->
<!-- https://zhidao.baidu.com/question/745714487580680772.html, JavaScript中的“ ”是什么意思, 转义符号 -->
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 中完成,需要修改源代码才来完成。以下列出了可能对你有用的地方: