hexo主题 bfhui-themes

特性 bug

1.轻盈美观 - 使用 Argon Design System 前端框架，细节精致，轻盈美观

2.高度可定制化 - 可自定义主题色、布局(双栏/单栏/三栏)、顶栏、侧栏、Banner、背景图、日夜间模式不同背景、背景沉浸、浮动操作按钮等，提供了丰富的自定义选项

3.夜间模式 - 支持日间、夜间、纯黑三种模式，并可以根据时间自动切换或跟随系统夜间模式

4.功能繁多 - Tag 和分类统计、作者链接、额外链接、文章字数和预计阅读时间、文章过时信息显示

5.Pjax - 支持 Pjax 无刷新加载，提高浏览体验

6.友情链接 - 支持使用 Wordpress 自带的链接管理器进行友链管理，支持多种友链样式

7."说说" 功能 - 随时发表想法，并在专门的 "说说" 页面展示，也支持说说和首页文章穿插

8.评论功能扩展 - Ajax 评论，评论支持 Markdown、验证码、再次编辑、显示 UA、悄悄话模式、回复时邮件通知、查看编辑记录、无限加载等功能

9.诸多功能 - 文章目录、阅读进度、Mathjax 或 Katex 公式解析、图片放大预览、Pangu.js 文本格式化、平滑滚动等

10.丰富的短代码 - 支持通过短代码在文章中插入 TODO、标签、警告、提示、折叠区块、Github 信息卡、时间线、隐藏文本、视频等模块

11.多语言 - 支持中文、英文、俄文等语言

12.其他 - 自适应、精心优化的文章阅读界面 CSS、可切换衬线/非衬线字体、可自定义 CSS 和 JS、支持使用 CDN 加速静态文件访问、SEO 友好、Banner 打字动画、留言板页面等

快速使用

如何使用？

注意事项

必须安装nodejs的前置

安装过hexo

可以下载安装包目前支持github下载或者直接下载

直接下载对于无法访问github或者访问github非常非常困难就不错

下载0.0.2版本

Release 0.0.2 · black-fruit/theme-Hexo-BFHUI (github.com)

github link

应用到hexo

把此zip压缩包解压

之后把解压缩后的文件夹移动到你的hexo博客/themes文件夹

之后

更改他的名字为bfhui

然后打开您的博客根目录中的**_config.yml**

把其中的theme修改为bfhui

本博客主题必须使用的插件

在cmd或者bash中输入

npm install hexo-generator-search --save

之后enjoy吧（还没有主题设置哦）

图片

主题设置

请打开本主题的_config.yml

设置评论

暂时只支持对gitalk的支持（所以快去找作者催更啊）

代码段

功能	类型	作用
enable	bool	开启或关闭(true or false)
githubID	string	输入你的github username
owner	string	你的github名字或者组织名字
repo	string	存放issue(评论)的仓库
adminuser	string	admin github名字
clientID	string	在oauth获取的id
clientSecret	string	在oauth获取的Secret
distractionFreemode	bool	分心自由模式（我感觉没什么用）

client id和client Secret怎么得到呢？

进入setting

进入开发者设置

进入这里

点击新建

比如这样、

之后就得到了

下边是clietsecret

点击就可以新建了

之后每个填上去就ok了

pangu.js （强迫症的福音）

如果你在看文章的时候english和中文混在一起还有12334的数字你一定看着很烦

那就用它吧

他会自动把中英文分割

就像这样

你好 hello wrold 啊

规格是

功能	类型	作用
enable_pangu	bool	是或者否（true or false）

lazyload （图片服务器的福音）

为什么呢

当然是

它看到哪里图片就跟到哪里

有人看一半就走了

但是不用它全加载了（服务器流量哭晕在厕所）

规格

功能	类型	作用
enable_lazyload	bool	开启或关闭(true or false)
lazyload_threshold	int	距离多少像素开始加载
lazyload_effect	string	图片显示动画
lazyload_loading_style	int or none	图片加载的动画

全局

里面包含

字体设置之类的

规格

功能	类型	作用
theme_color	string	主题颜色
show_customize_theme_color_picker	bool	允许用户自定义主题主颜色
darkmode_autoswitch	string	自动切换夜间模式
enable_amoled_dark	bool	false=灰黑 true=暗黑
card_radius	int	默认卡片圆角大小
card_shadow	string or none	卡片阴影（影子）
font	string	字体
enable_headroom	bool	滚动时是否自动折叠顶栏
none	none	none