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

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

底栏

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

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