- 新建页面
hexo new page "about" --新建页面的名称
这时会在工程的source目录下新建about目录,里面新建index.md
在主题的_configy.yml中配置新页面的菜单
menu:
首页: /
所有文章: /archives
分类: /categories
标签: /tags
About: /about
在主题的layout目录下新建about.ejs(新建页面的h5代码)
about.ejs中写入页面代码
在source/about/index.md中加入layout: about:
---
title: about
date: 2019-07-07 16:08:51
layout: about
---
about.ejs可以调用内置的一些方法或对象,比如可以把tags.ejs代码拷贝过来,这样about页就跟标签列表页一样了
也可以不定义layout: about(默认的layout是post),这时候内容就写到index.md里,md里可以直接写html代码
比如:
---
title: alliosapp2
date: 2019-07-14 21:26:47
---
<h1 style="color:red;">abc</h1>
或者如果希望新建页面完全按照自己的布局(不带默认的头部、侧面、底部内容),可以定义layout: false
---
title: alliosapp2
date: 2019-07-14 21:26:47
layout: false
---
<h1 style="color:red;">abc</h1>
每一个md文件都会生成一个对应的html文件
每新建一个页面,都可以在地址栏直接敲地址访问这个页面,比如:
http://localhost:4000/about/
-
自定义首页
由于只能在首页和文章列表页获取文章信息(比如把index.ejs代码copy到上面的about.ejs会报错),所以如果要自定义首页,又要保留原来首页内容,只能把原来首页代码copy到文章列表页(index.ejs->archive.ejs),然后在原来的index.ejs中放入新的首页代码 -
主题的head.ejs定义了所有页面的头部,要引入一些共用的css或js,比如jquery,boostrap,可以在这里引入
-
article:三分页面的中间部分由article.ejs来控制,一般是文章列表或文章内容
网友评论