付費限定

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

更新於 2024/12/05閱讀時間約 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
9會員
24內容數
此篇教學 : 使用GitHub架設免費的部落格網站,搭上Hexo靜態模板,在主題頁面中尋找屬於自己的風格套版,輕鬆擁有自己的Blog外,加上留言板/SEO等設定在記錄生活同時也增進與讀者的互動頻率。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
DavidHi的沙龍 的其他內容
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
此篇介紹在Hexo架設的部落格中做發文的撰寫與語法介紹
此篇針對架設好Hexo的部落格後,這篇將進一步介紹文章對應的Url設定與修改方式。
此篇教學 : 自訂Hexo 提供的主題,套版在 GitHub Pages 架好部落格網站
此篇教學 : 使用Hexo 在 GitHub Pages 架好部落格網站上套版,輕鬆套用自己喜歡的Blog模板。
此篇教學 : 使用GitHub架設免費的部落格網站,輕鬆擁有自己的Blog雛型,記錄生活點滴。
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
此篇介紹在Hexo架設的部落格中做發文的撰寫與語法介紹
此篇針對架設好Hexo的部落格後,這篇將進一步介紹文章對應的Url設定與修改方式。
此篇教學 : 自訂Hexo 提供的主題,套版在 GitHub Pages 架好部落格網站
此篇教學 : 使用Hexo 在 GitHub Pages 架好部落格網站上套版,輕鬆套用自己喜歡的Blog模板。
此篇教學 : 使用GitHub架設免費的部落格網站,輕鬆擁有自己的Blog雛型,記錄生活點滴。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。
Thumbnail
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
Thumbnail
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
Thumbnail
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
Thumbnail
以下,就要和大家分享,我是如何利用免費Bloger版型,建置屬於個人風格的寫作部落格No End’s Writing Blogger。 首先當然是找到分享版型的網站。我是利用BloggerTemplates進行搜尋,你可以看到首頁①即有免費樣版的標籤,除了針對響應式(適應手機)、SEO設計的版型外
Thumbnail
用不慣 Wordpress 嗎? 還在找免費開源的WP替代嗎? 那就不要錯過這篇關於 Publii 的介紹! 就算你不會寫程式也對代碼一竅不通,也能夠透過Publii來自己架設一個屬於自己的網站! 而且重點是完全免費! 
Thumbnail
Calendly是一個免費網上預約系統,它可以幫助用戶輕鬆地安排會議和預約。Calendly支持多種預約方式,例如會議、面談、課程等。Calendly的功能和優勢包括自定義預約頁面、自動發送提醒和通知、與其他應用程式(如Google日曆、Zoom等)的整合等。
Thumbnail
想要手做一些烘焙製品、餅乾、點心, 看了法規要標示品名、成分、重量等等,嗯嗯嗯嗯! 這些都沒問題, 但營養標示該怎麼生出來呢? 網路也居然都沒有教學!!! 送檢驗公司的話,一項產品至少要$$6000起 來來來! 只有你有營養素資訊,免畫表格免學設計, 套用模板很快就做好囉! 食品標示諮詢服務平台
Thumbnail
除了Chatgpt人工智慧聊天工具外, 現在又有一個免費的線上人工智慧生成圖片的工具可以玩玩看了! 那就是微軟 Bing 推出的「Bing Image Creator(影像建立者)」。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。
Thumbnail
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
Thumbnail
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
Thumbnail
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
Thumbnail
以下,就要和大家分享,我是如何利用免費Bloger版型,建置屬於個人風格的寫作部落格No End’s Writing Blogger。 首先當然是找到分享版型的網站。我是利用BloggerTemplates進行搜尋,你可以看到首頁①即有免費樣版的標籤,除了針對響應式(適應手機)、SEO設計的版型外
Thumbnail
用不慣 Wordpress 嗎? 還在找免費開源的WP替代嗎? 那就不要錯過這篇關於 Publii 的介紹! 就算你不會寫程式也對代碼一竅不通,也能夠透過Publii來自己架設一個屬於自己的網站! 而且重點是完全免費! 
Thumbnail
Calendly是一個免費網上預約系統,它可以幫助用戶輕鬆地安排會議和預約。Calendly支持多種預約方式,例如會議、面談、課程等。Calendly的功能和優勢包括自定義預約頁面、自動發送提醒和通知、與其他應用程式(如Google日曆、Zoom等)的整合等。
Thumbnail
想要手做一些烘焙製品、餅乾、點心, 看了法規要標示品名、成分、重量等等,嗯嗯嗯嗯! 這些都沒問題, 但營養標示該怎麼生出來呢? 網路也居然都沒有教學!!! 送檢驗公司的話,一項產品至少要$$6000起 來來來! 只有你有營養素資訊,免畫表格免學設計, 套用模板很快就做好囉! 食品標示諮詢服務平台
Thumbnail
除了Chatgpt人工智慧聊天工具外, 現在又有一個免費的線上人工智慧生成圖片的工具可以玩玩看了! 那就是微軟 Bing 推出的「Bing Image Creator(影像建立者)」。