HEXO博客配置
HEXO博客配置
hexo:6.3.0
hexo-cli:4.3.0
npm设置代理
1
2
npm config set proxy http://127.0.0.1:10809
npm config set https-proxy http://127.0.0.1:10809
安装
1
2
3
npm install -g hexo-cli # 安装hexo
mkdir blog && cd blog
hexo init
连接Github
1
2
3
4
5
6
7
8
9
10
11
12
13
# 首先在本地生成rse秘钥和公钥:
ssh-keygen -t rsa -C "2638177031@qq.com"
# 然后把公钥放到github上
# 测试连接
ssh -T git@github.com
# 若连接失败 在.ssh目录下新建config文件 写入如下内容
Host github.com
User D4wn
Hostname ssh.github.com
Port 443
IdentityFile ~/.ssh/id_rsa
设置部署时忽略某个文件夹
每个笔记都有一个attachment文件夹,虽然不会渲染,但也会拷贝到.deploy_git
文件夹,
造成上传缓慢。
配置根目录下的配置文件:
1 |
|
跳过渲染
1 |
|
渲染图片√
1 |
|
修改主题颜色
1
2
3
.bg-color {
background-image: linear-gradient(to right, #1f3144 0%, #1f3144 100%);
}
修改背景颜色
matery.css
1
2
3
4
5
6
7
8
body {
/*background-color: #eaeaea;*/
background-color: #181c27;
margin: 0;
color: #34495e;
overflow-x: hidden;
overflow-y: auto;
}
转载限制
修改主题配置文件
1
2
3
reprint:
enable: false #是否启用“转载规则限定模块”
default: cc_by
设置默认为夜间模式
matery.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
//黑夜模式提醒开启功能
// setTimeout(function () {
// if ((new Date().getHours() >= 19 || new Date().getHours() < 7) && !$('body').hasClass('DarkMode')) {
// let toastHTML = '<span style="color:#97b8b2;border-radius: 10px;>' + '<i class="fa fa-bellaria-hidden="true"></i>晚上使用深色模式阅读更好哦。(゚▽゚)</span>'
// M.toast({ html: toastHTML })
// }
// }, 2200);
//黑夜模式判断
// if (localStorage.getItem('isDark') === '1') {
// document.body.classList.add('DarkMode');
// $('#sum-moon-icon').addClass("fa-sun").removeClass('fa-moon')
// } else {
// document.body.classList.remove('DarkMode');
// $('#sum-moon-icon').removeClass("fa-sun").addClass('fa-moon')
// }
document.body.classList.add('DarkMode');
$('#sum-moon-icon').addClass("fa-sun").removeClass('fa-moon')
## 搜索引擎收录
验证是否被google收录:site:https: //user.github.io/
提交地址:https://www.google.com/webmasters/tools/home?hl=zh-CN
添加站点地图:
* npm install hexo-generator-sitemap
* 在_config.xml中添加如下内容:
```bash
sitemap:
path: sitemap.xml百度:https://ziyuan.baidu.com/
https://zhanzhang.baidu.com/
配置Latex公式解析
https://blog.csdn.net/weixin_42130258/article/details/127616311
1
2
3npm uninstall hexo-rendered-marked
npm install hexo-renderer-pandoc
npm install hexo-filter-mathjax修改根配置文件
_config.yml
1
2
3
4
5
6
7
8
9
10
11
math:
enable: true
specific: false #开启后文章默认可用,自定义页面如需使用,需在 Front-matter 中指定 `math: true
engine: mathjax
mathjax:
tags: none # or 'ams' or 'all'
single_dollars: true # enable single dollar signs as in-line math delimiters
cjk_width: 0.9 # relative CJK char width
normal_width: 0.6 # relative normal (monospace) width
append_css: true # add CSS to pages rendered by MathJax
every_page: true # if true, every page will be rendered by MathJax regardless the `mathjax` setting in Front-matter参考资料:
https://blog.csdn.net/jhgjhg225/article/details/125184280
压缩页面
npm install hexo-neat
在根配置文件中添加如下配置:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# hexo-neat
## Docs: https://github.com/rozbo/hexo-neat
neat_enable: true
# 压缩 html
neat_html:
enable: true
exclude:
# 压缩 css
neat_css:
enable: true
exclude:
- '**/*.min.css'
# 压缩 js
neat_js:
enable: true
mangle: true
output:
compress:
exclude:
- '**/*.min.js'
- '**/jquery.fancybox.pack.js'
- '**/index.js'参考:https://www.jianshu.com/p/ba692a97a602
法二:
npm install hexo-all-minifier
在根配置文件中添加如下配置:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
>all_minifier: true
># html压缩
>html_minifier:
enable: true
ignore_error: false
exclude:
># css压缩
>css_minifier:
enable: true
exclude:
- '*.min.css'
># js压缩
>js_minifier:
enable: true
mangle: true
compress:
exclude:
- '*.min.js'
>js_concator:
enable: false
bundle_path: '/js/bundle.js'
front: false
silent: false
># 图片优化
>image_minifier:
enable: true
interlaced: false
multipass: false
optimizationLevel: 2
pngquant: false
progressive: false参考:https://github.com/chenzhutian/hexo-all-minifier/blob/master/README.md
https://blog.csdn.net/qq_29654777/article/details/108222881?ydreferer=aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8%3D
为部分文章设置密码
安装插件:
1>npm i hexo-blog-encrypt
对根配置文件进行修改:
1
2
3
4
5
6
7
8
>encrypt: # hexo-blog-encrypt
silent: true
abstract: 这是一篇加密文章,需要密码才能继续阅读
message: 抱歉,此文章需要输入密码后查看
tags:
- {name: private, password: hello}
wrong_pass_message: 抱歉,您输入的密码错误,请检查后重新输入。
wrong_hash_message: 抱歉, 当前文章不能被校验, 不过您还是可以看看解密后的内容。对待加密文章加上tag:private
参考:
https://www.itfanr.cc/2021/04/16/hexo-blog-article-encryption/
https://github.com/D0n9X1n/hexo-blog-encrypt/tree/master
导入思维导图√
hexo-markmap:
https://github.com/MaxChang3/hexo-markmap
https://redamancy.tech/technique/13.html
示例:https://zhangmaimai.com/2021/02/23/hexo-mindmap-plugin/
hexo-simple-mindmap:
https://github.com/HunterXuan/hexo-simple-mindmap
https://hunterx.xyz/use-mindmap-in-hexo.html
https://zhuanlan.zhihu.com/p/75467441
最后采用的是hexo-mindmap-plugin
1
2
3
4
5
6
7
{% markmap 500px %}
- 主题
- 内容1
- 内容2
{% endmarkmap %}
设置支持markdown拓展语法
时间来不及了,暑假再搞
各种渲染插件的对比:https://zsyyblog.com/b73ceb85.html
https://blog.csdn.net/qq_42951560/article/details/123596899
博客url设置
待修改:https://blog.csdn.net/qq_32767041/article/details/103285147
https://cloud.tencent.com/developer/article/2143602
画流程图
参考官方文档:https://fluid-dev.github.io/hexo-fluid-docs/guide/#mermaid-%E6%B5%81%E7%A8%8B%E5%9B%BE