hexo+material搭建博客入坑之路

Author Avatar
Euan 7月 10, 2019
  • 在其它设备中阅读本文章

由于前段时间学习机器学习后需要做笔记的知识很多,本来想用纸质版册子记录(封面都画好了),后来想到干脆搭建个人博客,把改记录的知识要点和生活趣事用该博客来记录

为什么写这篇文章?

我发现网上关于Material主题的相关配置比较少,而且完整配置过程文档却相当难找,且很多配置过程都已经过时,导致我配置过程中出现了肯多坑,但这个主题在我看来,不管是颜值,还是功能来说,都明显不该被埋没在next的大海之中,所以在自己折腾了一整子后,将自己记录的填坑过程整理分享给大家,毕竟这个主题颜值辣么高,功能辣么强……(除了主题不通之外,其他相关配置都是可以拿来参考的,甚至直接拿来用的,所以其他主题的童靴先不要逃…)

如果网上有详细教程我便不再重复,直接干货

github部署

部署过程

Hexo Material Themes 简介

github地址

在Hexo中,通常有两份配置文件,一个是站点根目录下(例如我的就是…/blog/_config.yml)的_config.yml;另外一个是主题目录(例如我的就是…/blog/themes/material/_config.yml)下的_config.yml.为了描述方便,在以下说明中,将前者称为站点配置文件,后者称为主題配置文件。

在配置过程中,需要用到YAML和Markdown语法,建议使用vscode加上代码高亮插件进行编辑,减少语法错误

需要用到的一些bash命令

官方文档不知咋回事连科学上网都打不开

下面就对一写重要配置要点进行讲述

配置文件详细解释

博客Demo

icon图标

第一坑:language

编辑站点配置文件,将language设置成你想要的语言,常用的几种如下:
英语: en
简体中文: zh-CN
繁体中文: zh-TW
language: zh-CN

不知怎么回事我配置后没什么反应,后面出现都是看不懂的字符语言,调试全靠欧皇,所以查看了语言包的路径(主题下的languages),找到所有的语言包,如果你想要某种语言,可以留下1-2个备选语言,其他删除,备选语言放在主题的根目录下并进行必要的标注,现在的语言包路径就只有你想要的语言了,不默认也得默认.

博客优化1:使用来必力搭建跟帖服务

优点:免费.氪金可以选择changyan

[来必力官网]https://www.livere.com

可能注册账号方面需要花点功夫

在livere_uid字段粘贴新建服务的代码的UID
注意:use字段放空

ZgNh2d.png

博客优化2:使用百度统计搭建网站分析服务

优点:免费
百度统计官网

ZgNIKI.png

注册创建后即可

第二坑:网易云跟帖服务

已停服

博客优化3:使用加速乐加速静态文件读取

优点:免费
加速乐官网

使用不蒜子统计博客浏览次数

之前用过leancloud,这次想试试不蒜子(其实是因为懒)
不蒜子官网

第三坑:不蒜子配置错误

官网通知:因七牛强制过期『dn-lbstatics.qbox.me』域名,与客服沟通无果,只能更换域名到『busuanzi.ibruce.info』!

博客优化3:同时托管到Github和Coding,实现国内外分流

Coding官网

第四坑:Coding合并到腾讯云平台

网上教程很少,需要自己看官方文档进行摸索配置

高级优化

博客优化4:使用Gulp压缩代码

gulp官网
配置

ZgN4xA.png

第五坑:若你是使用zsh,可能会出现not common

原因很多不一一详述,自行google

博客优化5:使用智图进行相应图片压缩处理

智图官网
可能安装过程失败,官网有说明

第六坑:使用上床图床iPic上传到七牛云

iPic官网
七牛云官网

iPic需要升级为高级版才可以解锁所有图床,其中包括七牛云,网上有免费解锁所有图床教程,目测不太靠谱
七牛云配置麻烦,且免费有一定的限制,而且之前用过,体验不是很好

博客优化6:使用路过图床

免费,容量大!

本文使用 CC BY-NC-SA 3.0 中国大陆 协议许可
具体请参见 知识共享协议

本文链接:https://zyhang8.github.io/2019/07/10/hexo-material-md/