阅读网页代码

header放在左侧，右上布置oftwi_pc社交链接，中间为main。

home1 home2

在点开任意一个header中的标签后，main中的元素变化。

labelopen

编写

来自官方文档

创建 Hexo 主题非常简单，只需创建一个新文件夹即可。 并修改根目录下 _config.yml 内的 theme 设定，即可切换主题。 一个主题可能会有以下的结构：

1
2
3
4
5
6
.
├── _config.yml
├── languages
├── layout
├── scripts
└── source

我们可以暂时不要languages和scripts，只着手写layout和source。其中约定将布局放在layout文件夹，将素材放在source文件夹。具体而言，将html/ejs/njk放在layout中，将css和js放在source中。

1
2
3
4
5
6
layout
├── _partial
|   ├── head.ejs
|   └── header.ejs
├── index.ejs
└── layout.ejs
1
2
3
4
5
source
├── css
|   ├── global.css
|   └── header.css
└── images

在layout.ejs中引入head.ejs，在head.ejs中引入所有的css样式进行渲染。往后就是自学ejs嵌入（虽然也只是学了一点皮毛），和使用css来渲染元素。

8.14：

中间纯玩了三四天，写JYY的lab代码花了两三天，在8.4时搭起了home的框架，今天大致是把main填满了：

8.14

8.16

home页面告一段落，主要收尾了footer

8.16

9+

九月份初步完成了PC能够显示的主题