https://github.com/miiiku/hexo-theme-flexblock

一个卡片类拟态风格的Hexo主题
https://github.com/miiiku/hexo-theme-flexblock

block hexo hexo-theme image neumorphism responsive simple soft-ui

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/miiiku/hexo-theme-flexblock
• Owner: miiiku
• License: mit
• Created: 2019-03-04T09:47:53.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-04-07T01:28:44.000Z (10 months ago)
• Last Synced: 2024-05-20T09:19:34.992Z (9 months ago)
• Topics: block, hexo, hexo-theme, image, neumorphism, responsive, simple, soft-ui
• Language: EJS
• Homepage: https://kyori.xyz
• Size: 23.5 MB
• Stars: 545
• Watchers: 8
• Forks: 80
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-hexo-themes - miiiku/flex-block

README

        
# hexo-theme-flexblock

![master version](https://img.shields.io/github/package-json/v/miiiku/hexo-theme-flexblock/master?label=master&color=bf00ff)

![npm version](https://img.shields.io/npm/v/hexo-theme-flexblock?color=bc3433)

![hexo version](https://img.shields.io/badge/hexo-5.0.0+-0e83cd)

![license](https://img.shields.io/github/license/miiiku/hexo-theme-flexblock?color=1ab1ad)

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

![flex-block--home](./screenshots/flex-block--home.jpeg)

![flex-block--post](./screenshots/flex-block--post.jpeg)

### v2.0已发布，重构部分代码。如需要查看v1.0的代码请访问:[v1.0](https://github.com/miiiku/hexo-theme-flexblock/tree/v1.0)

## Example Site

**[DEMO](https://kiyori.xyz)**

## Document

Change description: [flex-block改动说明](https://kyori.xyz/2021/07/080920.html)

doc list: [docs](https://kyori.xyz/categories/doc/)

- [_config.yml配置](https://kyori.xyz/2021/07/081144.html)

- [front-matter配置](https://kyori.xyz/2021/07/081100.html)

- [插入图片，音频和视频](https://kyori.xyz/2021/07/081010.html)

### 安装主题

#### 通过 GIT 安装

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

```shell

# 通过 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](https://github.com/miiiku/hexo-theme-flexblock/archive/refs/heads/master.zip)下载主题的压缩包，然后解压到你的 Hexo 项目目录的 `theme` 目录下，并重命名 `hexo-theme-flexblock-master` 为 `flexblock` 。

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

#### 通过 NPM 安装

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

```shell

# 通过 npm 将主题的 package 安装到你的 Hexo 项目中

npm install hexo-theme-flexblock

# # 如果使用 yarn，则执行以下命令

# yarn add hexo-theme-flexblock

```

在你的 Hexo 项目目录下新建 `_config.flexblock.yml`，然后把 [主题配置文件的内容](https://github.com/miiiku/hexo-theme-flexblock/blob/master/_config.yml) 粘贴到文件里面，再配置你的站点信息

### 应用主题

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