hexo--定制开发

• 新建页面

　　hexo new page "新建博文章的名称"

      这时会在工程的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来控制，一般是文章列表或文章内容

 

转载于:https://www.cnblogs.com/cowboybusy/p/11146634.html