title: 使用hexo搭建博客(二)
date: 2020-02-02 10:34:30
tags: hexo,blog
categories: 教程
前言
承接上篇博客,上篇博客中我们已经能够在本地成功运行我们的hexo博客,这篇文章我们来说说hexo的主题等个性化操作
主题
Hexo官网有很多很多主题供我们选择,我们可以在这些主题的基础之下进行修改,或者加入我们个性化的元素,hexo的官网网址是https://hexo.io/zh-cn/,
打开之后是这样,打开之后就是对hexo优点的介绍,然后我们选择主题然后打开就可以看到很多很多主题,由于hexo的服务器在国外加载可能较慢,耐心等待就好。
然后每个主题对应的名字就是主题的github地址,在我们hexo项目文件中找到theme进入之后,使用git clone 加主题的github地址,就可以把相应的主题文件克隆到我们的本地,我用我使用的material-x 这个主题为例,地址是https://github.com/xaoxuu/hexo-theme-material-x.git
git clone https://github.com/xaoxuu/hexo-theme-material-x.git
这样就能将主题文件克隆到本地,如图示,当然也可以在浏览器里下载然后,解压到你的themes文件夹下
克隆完看看 看看使用说明,有没有相关的依赖包需要下载,若有按照说明进行下载,如 material-x
npm i -S hexo-generator-search hexo-generator-json-content hexo-renderer-less
Hexo网站配置文件
在根目录下的_config.yml主要是对网站的总属性进行设置
如:网站标题,网站logo,网站插件使用等全局的属性
主题目录下的_config.yml主要是针对网站的布局,导航等特性设置进行设
启用主题
打开站点配置文件(根目录下的_config.yml)找到theme,将其值改为你下载的主题的名字,如下
PS :注意theme的冒号后面有个空格,不然会报错
然后再次启动我们的hexo,打开localshost:4000就可以看到主题效果
这样我们就更换了一个主题
关于网站的配置我们都可在网站的配置文件下更改:
刚更换完主题后,配置文件是这样的:
自己配置完是这样的
title是网站的标题
avatar 是网站的图标,
logo是网站的logo,
subtitle 是网站副标题
description 是网站描述
author 是作者
timezone 是时区
language 是语言
其他配置暂时可忽略
然后对于其他关于主题的设置可以到themes文件夹下里的主题文件里的_config.yml里面进行相关配置,比如评论系统,字数统计,背景图,等等相关配置都在里面进行配置,在配置文件里都有相关说明。
此次分享就到这儿,下篇博客我们分享如何部署项目