Main Takeaway
仅以此blog记录生活点滴
遇到困难第一时间找官方手册解决问题!
优化进行ing
优化
以PicGo作为图床上传工具,在github上创建figure bed并连接typora(一键式typora插入图片自动上传并转化为url)
增加search function
设置预览摘要
主页文章添加阴影效果
给一篇文章设置多标签
让blog支持LaTex数学公式
hexo并不支持LaTex数学公式Math Equations | NexT (theme-next.js.org)
卸载hexo-math,Render Engines替换渲染:下载pandoc,hexo-renderer-pandoc,修改config,使用hexo-filter-mathjax
next-theme/hexo-filter-mathjax: 💯 Server side MathJax renderer plugin for Hexo. (github.com)
hexo-optimize优化页面加载速度
修改背景
Bonus
记录搭建blog过程中遇到的一些东西
github.io是静态网页每次修改都需要重新部署
1
2
3
4
5
6
7
8#在/blog/source/_posts 中添加文件,然后再bash中重新部署
hexo clean
hexo g
hexo d
###本地查看
hexo s
###新建文章
hexo n 'filename'设置文章的tags and categories
1
2
3
4
5
6
7---
title:
date:
tags: [ '标签1' , '标签2' , '标签3' ] #注意空格
categories: life
---
### 以下是正文1
2
3
4
5
6
7
8
9
10
11
12
13总结下有两种格式都适用:
第一种:
tags: [ 'Ruby', 'Perl', 'Python' ]
第二种:
tags:
- hexo
- disqus数学公式的使用需要添加:
1
mathjax: true
background-size:contain/cover //看你需求CDN(Content Delivery Network,内容分发网络)是一项非常有效的缩短时延的技术,采用更多的缓存服务器(CDN边缘节点),布放在用户访问相对集中的地区或网络中。当用户访问网站时,利用全局负载技术,将用户的访问指向距离最近的缓存服务器上,由缓存服务器响应用户请求
YAML(.yml文件),一种数据序列化格式,方便传输和存储
只要我们在文章中插入 ,该标签之上的是摘要,之后的内容不可见,需点击全文阅读按钮。
References
next-theme/hexo-filter-mathjax: 💯 Server side MathJax renderer plugin for Hexo. (github.com)
next-theme/hexo-optimize: 🚩 A Hexo plugin that optimize the pages loading speed. (github.com)
跟随知乎枫叶大佬从零开始搭建个人博客(超详细) - 知乎 (zhihu.com)搭建此blog
Python-100-Days/番外篇/使用Hexo搭建自己的博客.md at master · jackfrued/Python-100-Days (github.com)
Next主题设置:hexo-theme-next/README.md at master · theme-next/hexo-theme-next (github.com)