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来控制,一般是文章列表或文章内容
  • 相关阅读:
    Linux YUM (Yellowdog Updater, Modified) Commands for Package Management
    awk命令例子详解
    sed命令例子详解
    浅谈XX系统跨平台迁移(测试环境)
    Postgres常用命令之增、删、改、查
    Postgres主备切换
    Postgres配置主从流复制
    Crontab定时任务
    GIL全局锁测试
    python try exception finally记录
  • 原文地址:https://www.cnblogs.com/cowboybusy/p/11146634.html
Copyright © 2011-2022 走看看