hexo博客搭建及主题优化(三)

本文主要是介绍hexo博客搭建及主题优化(三)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

个人博客

个人博客: https://www.crystalblog.xyz/

备用地址: https://wang-qz.gitee.io/crystal-blog/

上篇hexo博客搭建及主题优化(二)

主题优化三

44. Gitee+PicGo图床

markdown写博客时粘贴图片都是自动生成的本地图片链接, 当部署到服务器上时, 无法读取到我们本地环境的图片地址, 网上解决方案比较多且推荐的是采用图床, 就是将本地图片上传到网络端的图片服务器中, 然后在写博客时引用网络地址, 读取网络图片的方式展示. 推荐的图床:

SM.MS , 七牛图床 , 路过图床, 去不图床 , 晚风图床

也可以使用gitHub或gitee做图床服务器, 由于gitHub访问速度慢, 我采用的是Gitee+PicGo搭建的图床服务器.

搭建细节就不陈述了, 下面给出参考资料:

Typora 使用 gitee 作为图床

Gitee + Typora，论如何搭建你的免费图床

图床方案之（Gitee+PicGo）

45. 文件压缩

压缩静态文件可以提高静态博客的页面加载速度, 下面提供两种文件压缩方式.

hexo-neat压缩参考资料: https://blog.csdn.net/weixin_41287260/article/details/99687257

gulp压缩参考资料: https://blog.csdn.net/ganzhilin520/article/details/79052512

gulp压缩报错AssertionError: Task function must be specified : https://blog.csdn.net/weixin_30338743/article/details/97960197

我使用的是hexo-neat方式, 使用简单.

46. 绑定自定义域名

为自己的博客申请自定义域名, 我在腾讯云平台购买的域名, 在阿里云平台或其他平台购买都可以. 进入腾讯云域名控制台 , 就会看到我注册的域名:

然后点击解析进入域名解析控制台, 添加记录, 看我的解析配置:

域名解析主要配置项的含义是:

主机记录 :

• @ 表示直接解析主域名 crystalblog.xyz
• www 表示将域名解析为 www.crystalblog.xyz

记录类型:

• CNAME 将域名指向另一个域名地址，与其保持相同解析，如 https://www.crystalblog.xyz

记录值:

• wang-qz.github.io.是我部署在gitHub的默认域名, 上图表示将域名https://www.crystalblog.xyz解析到https://wang-qz.github.io/
• 185.199.111.153是我部署在gitHub的实际服务器地址, 可以通过命令行ping wang-qz.github.io获取, 表示将域名crystalblog.xyz解析到https://185.199.111.153/, 下面是我引用的博友的图片作为参考:

​

hexo博客配置CNAME, 在hexo博客的source目录下，创建一个名为CNAME的文件（注意要大写），内容写之前购买的域名。下面是我引用的博友的图片作为参考:

注：如果不做这一步，每次hexo d部署到github上以后，对应仓库的域名设置里的域名会被重置回原来的username.github.io，你需要再次设置成你的域名，很麻烦。

hexo博客根目录下的_config.yml文件中配置域名:

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
## 自定义域名, 目前是部署到gitHub上面解析自定义域名的, gitee个人版不支持自定义域名
url: https://www.crystalblog.xyz
## gitee
#url: https://wang-qz.gitee.io/crystal-blog
## github
#url: https://wang-qz.github.io/

最后进入gitHub部署的博客仓库设置域名, 下面是我引用的博友的图片作为参考:

另外，在你绑定了新域名之后，gitHub原来的默认域名https://wang-qz.github.io/并没有失效，而是会自动跳转到你的新域名https://www.crystalblog.xyz。

最后附上hexo域名绑定参考资料https://zhuanlan.zhihu.com/p/338299590

47. SEO优化

SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。 ——百度百科

参考资料1: https://www.zyskys.com/posts/60945

参考资料2: https://blog.csdn.net/lzy98/article/details/81140704

Front-matter

Front-matter 选项详解

Front-matter 选项中的所有内容均为非必填的。但仍然建议至少填写 title 和 date 的值。

配置选项	默认值	描述
title	Markdown 的文件标题	文章标题，强烈建议填写此选项
date	文件创建时的日期时间	发布时间，强烈建议填写此选项，且最好保证全局唯一
author	根 _config.yml 中的 author	文章作者
img	featureImages 中的某个值	文章特征图
top	true	推荐文章（文章是否置顶），如果 top 值为 true，则会作为首页推荐文章
cover	false	表示该文章是否需要加入到首页轮播封面中
coverImg	无	表示该文章在首页轮播封面需要显示的图片路径，如果没有，则默认使用文章的特色图片
password	无	文章阅读密码，如果要对文章设置阅读验证密码的话，就可以设置 password 的值，该值必须是用 SHA256 加密后的密码，防止被他人识破。前提是在主题的 config.yml 中激活了 verifyPassword 选项
toc	true	是否开启 TOC，可以针对某篇文章单独关闭 TOC 的功能。前提是在主题的 config.yml 中激活了 toc 选项
mathjax	false	是否开启数学公式支持 ，本文章是否开启 mathjax，且需要在主题的 _config.yml 文件中也需要开启才行
summary	无	文章摘要，自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部
tags	无	文章标签，一篇文章可以多个标签
categories	无	文章分类，本主题的分类表示宏观上大的分类，只建议一篇文章一个分类
keywords	文章标题	文章关键字，SEO 时需要
reprintPolicy	cc_by	文章转载规则， 可以是 cc_by, cc_by_nd, cc_by_sa, cc_by_nc, cc_by_nc_nd, cc_by_nc_sa, cc0, noreprint 或 pay 中的一个

注意:

1. 如果 img 属性不填写的话，文章特色图会根据文章标题的 hashcode 的值取余，然后选取主题中对应的特色图片，从而达到让所有文章都的特色图各有特色。

2. date 的值尽量保证每篇文章是唯一的，因为本主题中 Gitalk 和 Gitment 识别 id 是通过 date 的值来作为唯一标识的。

3. 如果要对文章设置阅读验证密码的功能，不仅要在 Front-matter 中设置采用了 SHA256 加密的 password 的值，还需要在主题的 _config.yml 中激活了配置。有些在线的 SHA256 加密的地址，可供使用：开源中国在线工具、chahuo、站长工具。

4. 您可以在文章md文件的front-mater中指定reprintPolicy来给单个文章配置转载规则.

最全示例

---
title: 基于Hexo的hexo-theme-matery主题搭建博客并优化
date: 2019-10-03 14:25:00
author: 悟尘
img: /source/images/xxx.jpg
top: true
cover: true
coverImg: /images/1.jpg
password: 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92
toc: false
mathjax: false
summary: 这是你自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要
categories: 工具
tags:- blog- hexo
---

这篇关于hexo博客搭建及主题优化(三)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---