ORIGIN

HEXO博客主题开发——layout模板的样式

HEXO Theme

浏览框架结构

上一次已经生成了博客的基本框架,现在可以显示一个基本的博客了。我们先阅读一下给我们生成的框架大都是什么作用。

我的文件结构差不多是这样:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
├── layout # 布局文件夹
│ ├── archive.pug # 归档页
│ ├── category.pug # 分类页
│ ├── includes # 复用的公共页
│ │ ├── layout.pug # 页面布局
│ │ └── recent-posts.pug # Home页面
│ ├── index.pug # 主页
│ ├── page.pug # 页面详情页
│ ├── post.pug # 文章详情页
│ └── tag.pug # 标签页
├── _config.yml # 主题的配置文件
└── source # 资源文件夹
├── css # CSS
│ └── last.styl
├── favicon.ico # 站点图标
└── js # JS
└── last.js

增加footer.pug

写一个footer.pug来专门存放页面底部的内容。

includes下面新建文件,因为这个footer是要复用的.

TOP
COMMENT
  • ABOUT
  • |
John Doe
  The Jigsaw puzzle is incomplete with even one missing piece. And I want to be the last piece to make the puzzle complete.
Like my post?
Default QR Code
made with ❤️ by o_oyao
©John Doe 2019-2024

|