# Hexo 入門指南(四) - 頁面、導航、邊欄、底欄
## 頁面 ##
命令行鍵入:
```
$ hexo new page about
```
會在source/about中生成index.html。這個就叫做頁面,不在文章列表顯示,可以通過[http://localhost/about](http://localhost/about)瀏覽。
頁面支持文章的大部分屬性,除了分類和標簽。
## 導航 ##
打開主題中的設置文件,即themes\<theme_name>\_config.yml(其中<theme_name>是當前主題的名字,默認為landscape,下同),找到menu:,在列表的末端添加About: 關于。刷新頁面,導航欄上就出現了關于鏈接。
## 邊欄 ##
進入themes\<theme_name>\layout\_widget目錄中,創建about.ejs文件,模仿其他文件中的模版,輸入以下內容:
```
<% 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\<theme_name>\_config.yml,找到#Sidebar,在最后面添加- about。刷新頁面。
## 底欄 ##
打開themes\<theme_name>\layout\_partial\footer.ejs修改。
## -banner- ##
打開themes\<theme_name>\source\css\images,把banner.jpg換掉。
- Markdown 簡介
- Markdown 編輯器推薦
- Markdown 基本語法
- Markdown 高級語法
- Markdown + Gitbook
- Markdown + R
- Markdown + Pandoc
- 用Markdown寫博客:Hexo + Gitcafe
- Hexo 入門指南(一) - 簡介 & 準備
- Hexo 入門指南(二) - 安裝、初始化和配置
- Hexo 入門指南(三) - 文章 & 草稿
- Hexo 入門指南(四) - 頁面、導航、邊欄、底欄
- Hexo 入門指南(五) - 搬家 & 備份
- Hexo 入門指南(六) - sitemap、rss 和部署
- Hexo 入門指南(七) - 評論 & 分享