hexo下新建頁面下如何放多個文章?
使用Hexo的內建歸檔categories,應該可以滿足題主所述要求。可以嘗試以下方法(已自測成功,基於windows10+hexo3.0.1+NexT主題):1.第一步:生成post(文章)時默認生成categories配置項:在根目錄下scaffolds/post.md中,添加一行categories:。同理可應用在page.md和photo.md,示例如下:
title: {{ title }}
date: {{ date }}
tags:
categories:
# 此處為添加內容
---
2.第二步:在實際寫作時,在開頭進行categories配置。例如:
title: Hello,World!你好,世界!
date: 2014-01-21 23:33:02
tags: 寫作
categories: 隨筆 # 配置categories
這樣在文章發布時,在git中使用hexo g命令,hexo會在根目錄/public/categrises下自動生成歸檔文件夾,如圖:
&" dw="1366" dh="286" class="origin_image zh-lightbox-thumb lazy" w="1366" data-original="https://pic4.zhimg.com/c7630aa1b03af543f504e7231211f5e9_r.jpg" data-actualsrc="//i1.wp.com/pic4.zhimg.com/50/c7630aa1b03af543f504e7231211f5e9_hd.jpg">
3.第三步:配置博客首頁歸檔展示樣式。在主題配置文件themes/_config.yml中添加以下代碼(#號後為注釋內容):
menu:
home: /
essay: /categories/隨筆 # 博客首頁展示文本/訪問路徑/自定義歸檔名稱
write: /categories/寫作
read: /categories/閱讀
study: /categories/學習
code: /categories/編程
4.補充說明:如果發現博客首頁展示文本為英文,需要改為中文顯示,需要修改先博客根目錄下的_config.yml文件的language配置,示例如下:
然後為實現文章歸檔名稱顯示為中文,接著再修改主題配置文件下language/zh-CN.yml即可,示例如下:
# Site
title: My Blog
subtitle:
description:
author:
language: zh-CN # 修改此處,一般默認為default.yml,原生英文顯示
timezone:
title:
archive: 歸檔
category: 分類
tag: 標籤menu:
home: 首頁
archives: 歸檔
categories: 分類
tags: 標籤
about: 關於
essay: 隨筆 # 編輯代碼時注意語法規範如縮進、空格等
read: 閱讀 # Hexo採用yml語法,具體可自行搜索
write: 寫作
5.最終展示效果(圖中紅框作強調用):&" dw="1366" dh="768" class="origin_image zh-lightbox-thumb lazy" w="1366" data-original="https://pic3.zhimg.com/71113df5281af3070a2dfc043e381779_r.jpg" data-actualsrc="//i1.wp.com/pic3.zhimg.com/50/71113df5281af3070a2dfc043e381779_hd.jpg">6.點進某一歸檔分類如「閱讀」,博客文章會依照歸檔配置,排序顯示如下:
&" dw="1360" dh="698" class="origin_image zh-lightbox-thumb lazy" w="1360" data-original="https://pic2.zhimg.com/5fc22869cc5eb6c9c7dd3bfdb521cfd0_r.jpg" data-actualsrc="//i1.wp.com/pic2.zhimg.com/50/5fc22869cc5eb6c9c7dd3bfdb521cfd0_hd.jpg">
7.參考:更多資料可以參考Hexo官方文檔或者直接在GitHub上push issue。EOF.
這個得要主題支持吧……你可以去搜一個支持這個的主題
推薦閱讀:
※hexo音樂插件有嗎?或者說hexo上有什麼好玩的插件?
※hexo 下的分類和表簽無法顯示,怎麼解決?
※配置hexo 為什麼運行到 hexo server 這步就沒用了?
※hexo本地測試運行重啟後頁面空白,提示 : WARN No layout: index.html?
※hexo能下載安裝嗎?
TAG:Hexo |