zoukankan      html  css  js  c++  java
  • 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来控制,一般是文章列表或文章内容
  • 相关阅读:
    【WebTerminal】gotty工具
    【Java】15分钟快速体验阿里Java诊断工具Arthas
    【K8S】helm chart多环境部署最佳实践-示例
    mysql-linux定时备份mysql数据库
    Mockito-简单使用使用
    EasyMock 简单使用
    SpringDataJpa学习
    js-重写jquery的ajax中的内容
    shiro-过滤器
    hadoop ha 读取 activce状态的活动节点
  • 原文地址:https://www.cnblogs.com/cowboybusy/p/11146634.html
Copyright © 2011-2022 走看看