miiiku / hexo-theme-flexblock

一个卡片类拟态风格的Hexo主题
https://kyori.xyz
MIT License
610 stars 83 forks source link
block hexo hexo-theme image neumorphism responsive simple soft-ui

hexo-theme-flexblock

master version npm version hexo version license

一个卡片类拟态风格的Hexo主题

flex-block--home

flex-block--post

v2.0已发布,重构部分代码。如需要查看v1.0的代码请访问:v1.0

Example Site

DEMO

Document

Change description: flex-block改动说明

doc list: docs

安装主题

通过 GIT 安装

从 GitHub 下载主题并将其添加到你的 Hexo 项目目录的 themes 目录下

# 通过 git clone 命令将主题下载到 theme 目录
git clone https://github.com/miiiku/hexo-theme-flexblock.git ./themes/flexblock

如果你不是 git 用户,也可以从https://github.com/miiiku/hexo-theme-flexblock/archive/refs/heads/master.zip下载主题的压缩包,然后解压到你的 Hexo 项目目录的 theme 目录下,并重命名 hexo-theme-flexblock-masterflexblock

进入 ./themes/flexblock 编辑 _config.yml 以配置你的站点信息

通过 NPM 安装

此方法只支持 Hexo 5.0.0 以上版本

# 通过 npm 将主题的 package 安装到你的 Hexo 项目中
npm install hexo-theme-flexblock
# # 如果使用 yarn,则执行以下命令
# yarn add hexo-theme-flexblock

在你的 Hexo 项目目录下新建 _config.flexblock.yml,然后把 主题配置文件的内容 粘贴到文件里面,再配置你的站点信息

应用主题

编辑你的 Hexo 项目目录下的 _config.yml 文件,找到theme并设置值为 flexblock