使用Docker和Hexo打造DevOps个人静态博客(五)个性化篇
使用Docker和Hexo打造DevOps个人静态博客(五)个性化篇...
截至上一篇的配置篇,我们已经实现了个人Hexo静态博客从客户端到服务端“类DevOps”的部署。此篇内容主要用于Hexo个性化的配置,属于整个系列文章中“锦”上添花的一章。配置完成后的效果可访问onlyeric.com来查看。
Hexo个性化
在做Hexo个性化定义之前推荐一款超级炫酷的文本编辑器Atom。官网链接:https://atom.ioA hackable text editor for the 21st Century
界面截图:
对于此篇博文中出现有三个名词定义如下:
HEXO_ROOT: 初始化Hexo的路径,本例为D:Datalog
站点配置文件: HEXO_ROOT\_config.yml
主题配置文件: HEXO_ROOThemesext\_config.yml
自定义博客名和作者
编辑Hexo站点配置文件#Site
title: Blog_Name
author: Author_Name
自定义博客语言
编辑Hexo站点配置文件#Site
language: zh-Hans #本例为中文
自定义头像
编辑Hexo站点配置文件avator: /uploads/avatar.jpg
#将想要的头像图片上传至HEXO_ROOT/source/uploads/avatar.jpg,其中uploads文件夹需要新建
添加多说评论
多说评论提供博文的评论和分享功能a.注册多说帐号b.创建多说站点
站点名称 #自定义
站点地址 #博客域名
多说域名 #填写的内容即为your-duoshuo-shortname
c.编辑Hexo站点配置文件
添加字段
duoshuo_shortname: your-duoshuo-shortname
选择博客主题
Hexo博客用得比较多的主题模版为Next,个人非常喜欢界面的简洁,这点也确实符合Next”精于心,简于形”的宗旨。Next模版网站:http://theme-next.iissnan.com
Next主题安装
a.下载Next主题cd HEXO_ROOT
git clone https://github.com/iissnan/hexo-theme-next themes/next
b.激活主题
编辑Hexo站点配置文件
c.选择Scheme(可选)theme: next
编辑主题配置文件
scheme: Pisces
添加分类页面
a.新建分类页面hexo new page categories
b.编辑页面
(路径:HEXO_ROOT/source/categories/index.md)
c.激活页面---
title: 分类
date: 2016-05-03 00:14:39
type: “categories”
comments: false
---
编辑Next主题配置文件
menu:
categories: /categories (#取消注释)
添加标签云页面
a.新建标签云页面hexo new page tags
b.编辑页面
(路径:HEXO_ROOT/source/tags/index.md)
c.激活页面---
title: All tags
date: 2016-05-03 00:14:39
type: “tags”
comments: false
---
编辑Next主题配置文件
menu:
tags: /tags (#取消注释)
禁用Google字体服务
默认情况每次访问博客网站都会加载google字体服务,由于国内已经被GFW给墙了,所以选择禁用该服务来加速网站的访问。编辑Next主题配置文件
font:
enable: false
设置页面宽度
默认情况下Next主题宽度比较窄,在使用浏览器访问的时候两端留白很多,且标题过长的话会出现自动换行的情况。编辑HEXO_ROOT/source/css/_schemes/Picses/_layout.styl
header{ width: 90%; }
.container .main-inner { width: 90%; }
.content-wrap { width: calc(100% - 260px); }
博文设置(可选)
在HEXO_ROOT下执行hexo new "Blog Post Name"来新建博文。
除开内容,我们还需要设置博文的分类、标签、关键字、描述等等,特别是分类和标签会直接影响到之前添加的分类和标签页面的数据显示 。
如下:
---
title: 使用Docker和Hexo打造DevOps个人静态博客(五)个性化篇
date: 2016-05-04 20:46:32
categories: DevOps
tags: [hexo,git,docker]
keywords: Hexo, 博客, Git, Docker
description: 使用Git,Hexo,Docker,Gogs,Nginx搭建基于DevOps自动部署的个人静态博客之配置篇
---
categories为分类,注意半角冒号后的空格
tags为标签,可指定多个,注意半角冒号后的空格
keywords为关键字,可指定多个,注意半角冒号后的空格
description为描述,添加描述后博文在首页不会以全文形式显示,而是只显示描述和“阅读全文”选项
自此整个Hexo博客的个性化定义就完成了。其实还有很多功能都可以加入,但是考虑到我们需要的是一个简约的博客,所以本人暂时用到的功能就这么多,如果有好的推荐也请各位朋友随时回复。
好了,整个《使用Docker和Hexo打造DevOps个人静态博客》系列的博文就到这里了,希望对热爱IT技术且喜欢折腾的朋友有一点帮助,不足之处也请包含和指出,小张在此先谢过。
关注 小张烤茄
微信扫一扫关注公众号