Hexo博客主题pure修改记录

本文详细记录了如何启用和配置Hexo博客的Pure主题,包括设置语言、个人信息、菜单、背景动画、404页面和阅读次数统计。此外,还介绍了常用插件的安装与使用,如hexo-admin、hexo-douban、hexo-wordcount等,为博客功能增强提供帮助。
摘要由CSDN通过智能技术生成

主题效果

效果如图:
mark

具体可到我的主页查看。

配置文件说明

在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。

为了描述方便,在以下说明中,将前者称为站点配置文件, 后者称为主题配置文件

启用pure主题

安装主题

git clone https://github.com/cofess/hexo-theme-pure.git themes/pure

打开站点配置文件,找到theme字段,将其值更改为 pure。

theme: next

更新主题

cd themes/pure
git pull

到此,主题安装完成。然后启动Hexo服务验证主题是否正确启用。

hexo s

使用浏览器访问 http://localhost:4000 ,检查主题是否被启用。

主题设定

设置语言

打开站点配置文件, 将 language 设置成你所需要的语言。建议明确设置你所需要的语言,可选值对应themes\pure\languages目录下语言文件,简体中文配置如下:

language: zh-CN

设置个人信息

头像在themes\pure\source\images 目录下替换图片即可,捐献的二维码同理。

个人信息大部分都在 主题配置文件 中设置

设置菜单

右边导航菜单在主题配置文件中配置

# 导航菜单
menu:
  Home: . 
  Archives: archives # 归档
  Categories: categories # 分类
  Tags: tags # 标签
  Repository: repository # github repositories
  Books: books     # 书单
  Links: links # 友链
  About: about # 关于

# 导航菜单图标(font awesome)
menu_icons:
  enable: true # 是否启用菜单图标
  home: fa-dashboard
  archives: fa-delicious
  categories: fa-folder
  tags: fa-tags
  repository: fa-code
  books: fa-leanpub
  links: fa-gg
  about: fa-coffee

添加背景动画

背景动画基于canvas,在\themes\pure\layout\layout.ejs的中面添加

<script type="text/javascript" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>

站点建立时间

这个时间将在站点的底部显示,例如 © 2017。 编辑 主题配置文件,新增字段 since

配置示例:

since: 2017

添加404公益页面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值