hexo搭建博客(二)

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里面进行相关配置,比如评论系统,字数统计,背景图,等等相关配置都在里面进行配置,在配置文件里都有相关说明。

此次分享就到这儿,下篇博客我们分享如何部署项目

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值