付費限定

免費部落格架站教學(7) Hexo建立選單頁面

更新於 發佈於 閱讀時間約 6 分鐘

前言

學會如何發布文章並開啟首頁選單後,設定about與categories、tags頁面,讓自己的文章利於整理。


新增about頁面

about頁面的內容通常會對作者做簡單介紹或創建平台的原因等,視每人需求來表現自己的頁面呈現。

categories/tags/about三種頁面與發佈文章的定位不同,需獨立頁面來統整特定屬性的呈現,例如:

標籤頁面:含各種標籤搜尋

類別頁面:含各種類別搜尋

關於我:關於作者或平台的簡介

如有以上需求我們可以使用以下語法,以about為例

  1.  在Hexo資料夾中呼叫CMD出來,接著輸入以下語法,系統會引用在資料夾 scaffolds下預設模板 page.md ,建立在source 資料夾下名為 about 的資料夾(與_post同階層)與首頁。
    hexo new page about //新增about頁面
  2. 執行以下語法可以在本地端預覽新建的about頁面
$ hexo clean     或  $ hexo cl    -- 清除之前建立的靜態檔案
$ hexo generate  或  $ hexo g     -- 產生修改後靜態頁面
$ hexo server    或  $ hexo s     -- 在本機可預覽網站
  1. 在瀏覽器開啟 http://localhost:4000/ ,可從首頁的about進入,如要編輯內容在about資料夾中的 index.md 編輯即可
raw-image

分類與標籤的區別

1. 層次結構:   

  • 分類: 通常具有層次結構,允許你創建一個有序的主題層次。例如,你可以擁有「技術」分類下的「前端開發」子分類,這種結構更具組織性。 
  • 標籤: 不像分類有明確的層次結構,標籤是單獨的關鍵字或短語,用於描述內容的主題或屬性,不具有層次性。
以行動支持創作者!付費即可解鎖
本篇內容共 2465 字、0 則留言,僅發佈於免費部落格架站教學你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
留言
avatar-img
留言分享你的想法!
avatar-img
DavidHi的沙龍
9會員
25內容數
此篇教學 : 使用GitHub架設免費的部落格網站,搭上Hexo靜態模板,在主題頁面中尋找屬於自己的風格套版,輕鬆擁有自己的Blog外,加上留言板/SEO等設定在記錄生活同時也增進與讀者的互動頻率。
DavidHi的沙龍的其他內容
2023/12/29
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。
Thumbnail
2023/12/29
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。
Thumbnail
2023/12/21
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
Thumbnail
2023/12/21
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
Thumbnail
2023/12/11
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
Thumbnail
2023/12/11
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。
Thumbnail
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。
Thumbnail
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
Thumbnail
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
Thumbnail
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
Thumbnail
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
Thumbnail
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
Thumbnail
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
Thumbnail
此篇介紹在Hexo架設的部落格中做發文的撰寫與語法介紹
Thumbnail
此篇介紹在Hexo架設的部落格中做發文的撰寫與語法介紹
Thumbnail
此篇教學 : 自訂Hexo 提供的主題,套版在 GitHub Pages 架好部落格網站
Thumbnail
此篇教學 : 自訂Hexo 提供的主題,套版在 GitHub Pages 架好部落格網站
Thumbnail
此篇教學 : 使用Hexo 在 GitHub Pages 架好部落格網站上套版,輕鬆套用自己喜歡的Blog模板。
Thumbnail
此篇教學 : 使用Hexo 在 GitHub Pages 架好部落格網站上套版,輕鬆套用自己喜歡的Blog模板。
Thumbnail
此篇教學 : 使用GitHub架設免費的部落格網站,輕鬆擁有自己的Blog雛型,記錄生活點滴。
Thumbnail
此篇教學 : 使用GitHub架設免費的部落格網站,輕鬆擁有自己的Blog雛型,記錄生活點滴。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News