hexo--定制开发
2024-09-06 19:03:09
新建页面
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文件
每新建一个页面,都可以在地址栏直接敲地址访问这个页面,比如:
- 自定义首页
由于只能在首页和文章列表页获取文章信息(比如把index.ejs代码copy到上面的about.ejs会报错),所以如果要自定义首页,又要保留原来首页内容,只能把原来首页代码copy到文章列表页,把文章列表页去掉(index.ejs->archive.ejs),然后在原来的index.ejs中放入新的首页代码
- 主题的head.ejs定义了所有页面的头部,要引入一些共用的css或js,比如jquery,boostrap,可以在这里引入
- article:三分页面的中间部分由article.ejs来控制,一般是文章列表或文章内容
最新文章
- arcgis api for js入门开发系列七图层控制(含源代码)
- 百度地图、ECharts整合HT for Web网络拓扑图应用
- 读取手机上所有应用程序并显示(APP)
- combox 同时写入和获取 text ,value
- SQL 数据库初学笔记一
- ABAP程序中关于长文本的处理方法
- [stl] SGI STL的空间配置器
- java链接到mysql
- asp.net mvc JQGrid
- lintcode:移动零
- uva10943
- [转]用android LinearLayout和RelativeLayout实现精确布局
- Lazy.js : 让 JavaScript 变懒
- ajax url参数中文乱码解决方法
- java 连接数据库测试类
- iOS中 Swift初级入门学习(三)
- arcEngine开发之根据点坐标创建Shp图层
- 使用Skaffold一键将项目发布到Kubernetes
- 2018-2019-2 网络对抗技术 20165225 Exp3 免杀原理与实践
- 使用unittest单元测试框架对加法做单元测试