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
2
3
4
5
deploy:
    type: git
    repo: git@github.com:D4wnnn/D4wnnn.github.io.git
    branch: main
    ignore_pattern: "attachments"

跳过渲染

1
skip_render: "_posts/*/*/attachments/**"

渲染图片√

1
npm install https://github.com/CodeFalling/hexo-asset-image -- save

修改主题颜色

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
3
npm 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

Others
#Hexo
HEXO博客配置
https://d4wnnn.github.io/2022/10/02/Others/HEXO博客配置/
作者
D4wn
发布于
2022年10月2日
许可协议