Hexo 入门指南(四) - 页面、导航、边栏、底栏

页面

命令行键入:

  1. $ hexo new page about

会在source/about中生成index.html。这个就叫做页面,不在文章列表显示,可以通过http://localhost/about浏览。

页面支持文章的大部分属性,除了分类和标签。

导航

打开主题中的设置文件,即themes\_config.yml(其中是当前主题的名字,默认为landscape,下同),找到menu:,在列表的末端添加About: 关于。刷新页面,导航栏上就出现了关于链接。

边栏

进入themes\\layout_widget目录中,创建about.ejs文件,模仿其他文件中的模版,输入以下内容:

  1. <% if (site.tags.length){ %>
  2. <div class="widget-wrap">
  3. <h3 class="widget-title">About</h3>
  4. <div class="widget">
  5. 邮箱:xxx@xxx.com<br />
  6. 微博:@xxxxx
  7. </div>
  8. </div>
  9. <% } %>

打开themes\_config.yml,找到#Sidebar,在最后面添加- about。刷新页面。

底栏

打开themes\\layout_partial\footer.ejs修改。

-banner-

打开themes\\source\css\images,把banner.jpg换掉。