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非常非常困难 就不错
Release 0.0.2 · black-fruit/theme-Hexo-BFHUI (github.com)
更多版本
应用到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 |
字体对比
(我感觉还是第一个比较好看👩)
顶栏
规格
功能 | 类型 | 作用 |
---|---|---|
toolbar_icon | string | 显示图片 |
toolbar_icon_link | string | 顶栏图标链接 |
toolbar_title | string | 标题 |
高级设置
页脚
使用string类型
支持超链接 ico
数学公式(没用的东西 滑稽)
建议不要弄 弄完了网站有点卡
脚本
众所周知 就是脚本呗
代码高亮
第一项开启或者关闭
第二行是主题
大图预览
一般默认
平滑滚动
浮动操作按钮
都是bool值 直接自己设置
Banner
侧栏
文章
背景
其他
配置完之后 当然要部署
hexo s 本地
其他的自己百度
就没别的了 走吧