首页
/ Hexo 主题 FlexBlock 使用教程

Hexo 主题 FlexBlock 使用教程

2024-08-21 11:13:57作者:幸俭卉
hexo-theme-flexblock
一个卡片类拟态风格的Hexo主题

1. 项目的目录结构及介绍

Hexo 主题 FlexBlock 的目录结构如下:

hexo-theme-flexblock/
├── _config.yml
├── languages/
├── layout/
├── scripts/
├── source/
└── package.json

目录结构介绍:

  • _config.yml: 主题的配置文件。
  • languages/: 存放多语言支持的文件。
  • layout/: 存放主题的模板文件,如 HTML 模板。
  • scripts/: 存放自定义脚本文件。
  • source/: 存放主题的静态资源,如 CSS、JavaScript 和图片等。
  • package.json: 项目的依赖管理文件。

2. 项目的启动文件介绍

Hexo 主题 FlexBlock 的启动文件主要是 _config.ymlpackage.json

_config.yml

这是主题的主要配置文件,包含了主题的各种设置,如网站标题、描述、导航菜单等。

package.json

这是 Node.js 项目的依赖管理文件,包含了项目所需的依赖包和一些脚本命令。

3. 项目的配置文件介绍

_config.yml

_config.yml 是 Hexo 主题 FlexBlock 的核心配置文件,以下是一些关键配置项的介绍:

# Site
title: 网站标题
subtitle: 网站副标题
description: 网站描述
keywords: 网站关键词
author: 作者名称
language: 语言
timezone: 时区

# URL
url: 网站URL
root: 网站根路径

# Directory
source_dir: 源文件目录
public_dir: 生成文件目录
tag_dir: 标签目录
archive_dir: 归档目录
category_dir: 分类目录
code_dir: 代码目录
i18n_dir: 国际化目录
skip_render: 跳过渲染的文件或目录

# Writing
new_post_name: 新文章的文件名格式
default_layout: 默认布局
titlecase: 标题是否转换为标题格式
external_link: 外部链接是否在新标签页打开
filename_case: 文件名大小写转换
render_drafts: 是否渲染草稿
post_asset_folder: 是否启用资源文件夹
relative_link: 是否使用相对链接
future: 是否发布未来的文章
highlight: 代码高亮设置

# Category & Tag
default_category: 默认分类
category_map: 分类映射
tag_map: 标签映射

# Date / Time format
date_format: 日期格式
time_format: 时间格式

# Pagination
per_page: 每页文章数量
pagination_dir: 分页目录

# Extensions
theme: 主题名称

# Deployment
deploy:
  type: 部署类型

通过修改 _config.yml 文件,可以自定义主题的各种设置,以满足不同的需求。

以上是 Hexo 主题 FlexBlock 的基本使用教程,希望对你有所帮助。

hexo-theme-flexblock
一个卡片类拟态风格的Hexo主题
热门项目推荐
相关项目推荐

项目优选

收起
CangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
669
0
RuoYi-Vue
🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本
Java
136
18
openHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
10
4
redis-sdk
仓颉语言实现的Redis客户端SDK。已适配仓颉0.53.4 Beta版本。接口设计兼容jedis接口语义,支持RESP2和RESP3协议,支持发布订阅模式,支持哨兵模式和集群模式。
Cangjie
322
26
advanced-java
Advanced-Java是一个Java进阶教程,适合用于学习Java高级特性和编程技巧。特点:内容深入、实例丰富、适合进阶学习。
JavaScript
75.83 K
19.04 K
qwerty-learner
为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件 / Words learning and English muscle memory training software designed for keyboard workers
TSX
15.56 K
1.44 K
Jpom
🚀简而轻的低侵入式在线构建、自动部署、日常运维、项目监控软件
Java
1.41 K
292
Yi-Coder
Yi Coder 编程模型,小而强大的编程助手
HTML
30
5
easy-es
Elasticsearch 国内Top1 elasticsearch搜索引擎框架es ORM框架,索引全自动智能托管,如丝般顺滑,与Mybatis-plus一致的API,屏蔽语言差异,开发者只需要会MySQL语法即可完成对Es的相关操作,零额外学习成本.底层采用RestHighLevelClient,兼具低码,易用,易拓展等特性,支持es独有的高亮,权重,分词,Geo,嵌套,父子类型等功能...
Java
1.42 K
231
taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
TypeScript
35.34 K
4.77 K