📄
hexo
  • Introduction
  • 目录
    • 前言
    • 基本介绍
      • 1.1 安装环境
      • 1.2 基本命令
      • 1.3 初始化
      • 1.4 Markdown书写
      • 1.5 文章Front-matter
      • 1.6 第一篇文章
      • 1.7 部署到Web服务器
      • 1.8 托管到Github或Coding
    • 自定义主题
      • 2.1 修改标题
      • 2.2 去Google化
      • 2.3 替换评论服务
      • 2.4 添加百度统计
      • 2.5 新浪微博挂件
      • 2.6 微信二维码挂件
      • 2.7 添加文章目录
      • 2.8 添加回到顶部按钮
      • 2.9 集成推荐模块
      • 2.10 添加计数器
      • 2.11 添加日历云挂件
      • 2.12 添加站内搜索
      • 2.13 国际化
    • 创建主题
      • 3.1 了解主题目录
      • 3.2 了解布局
      • 3.3 选择技术
    • 插件
      • 4.1 脚本
      • 4.2 插件
      • 4.3 脚本示例
      • 4.4 插件示例
    • 致谢
Powered by GitBook
On this page

Was this helpful?

  1. 目录
  2. 创建主题

3.1 了解主题目录

Hexo其实也可以叫做静态页面生成器,顾名思义就是将你的写的文章解析成HTML页面文档,最后拼接成最终的站点。

这里我们主要关注themes这个目录,下面存放的就是主题。通过修改_config.yml配置文件中theme变量来配置不同的主题。

...
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape
...

如上就是Hexo默认主题langscape,它就存放在themes目录下,对应langscape文件夹。下面我们来看看他的文件结构。

langscape
├── _config.yml
├── languages/
├── layout/
├── scripts/
└── source/

主要就是上面的一些文件,来看看他们都有什么作用。

  • _config,yml 主题配置文件,之前使用了好多次;

  • language/ 语言目录;

  • layout/ 页面布局,整体的页面代码都在这里;

  • scripts 脚本文件夹。在启动时,Hexo 会载入此文件夹内的 JavaScript 文件;

  • source 资源文件夹。存放一下页面使用的 CSS、JavaScript 文件等。

Previous创建主题Next3.2 了解布局

Last updated 5 years ago

Was this helpful?