美文网首页
hexo--定制开发

hexo--定制开发

作者: 手指乐 | 来源:发表于2019-10-11 16:48 被阅读0次
    • 新建页面
      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来控制,一般是文章列表或文章内容

    相关文章

      网友评论

          本文标题:hexo--定制开发

          本文链接:https://www.haomeiwen.com/subject/aqhxmctx.html