付費限定

免費部落格架站教學(10) Hexo_主題[next]功能小補帖

閱讀時間約 2 分鐘


前言

此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。


內容Search功能

開啟搜尋功能前須先安裝以下套件,在Hexo資料夾開啟CMD後,輸入以下指令安裝

npm install hexo-generator-searchdb --save

進入Hexo資料夾中目前使用的主題(Theme)設定檔_config.yml中,修改local_search項目中enable : true 即可,就會在首頁看到多了搜尋的選項與介面

raw-image

點擊搜尋後即可在功能中查詢相關內容

raw-image

顯示滾動百分比

Hexo資料夾中目前使用的主題(Theme)設定檔_config.yml,找到reading_progress: false修改成 reading_progress: true

raw-image

即可呈現滾動百分比

raw-image


以行動支持創作者!付費即可解鎖
本篇內容共 1175 字、0 則留言,僅發佈於免費部落格架站教學你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
avatar-img
9會員
24內容數
此篇教學 : 使用GitHub架設免費的部落格網站,搭上Hexo靜態模板,在主題頁面中尋找屬於自己的風格套版,輕鬆擁有自己的Blog外,加上留言板/SEO等設定在記錄生活同時也增進與讀者的互動頻率。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
DavidHi的沙龍 的其他內容
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
此篇介紹在Hexo架設的部落格中做發文的撰寫與語法介紹
此篇針對架設好Hexo的部落格後,這篇將進一步介紹文章對應的Url設定與修改方式。
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
此篇介紹在Hexo架設的部落格中做發文的撰寫與語法介紹
此篇針對架設好Hexo的部落格後,這篇將進一步介紹文章對應的Url設定與修改方式。
你可能也想看
Google News 追蹤
Thumbnail
從讀者角度來看,當你在尚未確立價值以前就過度抬高自身優越,他們內心就只會滿滿疑問;甚至,連看都不看你一眼。對他們來說,別說騰出時間看看你寫了什麼,就連伸出手去拿你所謂「超級值得的免費內容」也不願意。
Thumbnail
可能包含敏感內容
為了讓各位可以一次查詢已上架的免費電子書,特別整理了這份免費電子書合輯,希望能夠集中宣傳,方便各位輕鬆領取和閱讀。
Thumbnail
本篇會介紹GASP更新內容和Traversal相關問題與解決方案。
前言 終於要到這個振奮人心的章節了,我們終於要來學習,如何讓自己的網頁更加美觀。 但在這之前,我們肯定得先學習,如何將我們的 CSS 檔案,連接到 HTML 當中。 連結分類 首先,我們在連結 CSS 的方法中,有分為三種: 內聯連結 在 .html 當中,任一標籤的裡面,用屬性 s
Thumbnail
原「主編後記」裡的分享(新單元新嘗試)。思考著,如果能讓更多人接收到這些知識點就更棒了⋯⋯
Thumbnail
本文介紹瞭如何寫 HTML 標籤,製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例,讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
Thumbnail
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。
Thumbnail
從讀者角度來看,當你在尚未確立價值以前就過度抬高自身優越,他們內心就只會滿滿疑問;甚至,連看都不看你一眼。對他們來說,別說騰出時間看看你寫了什麼,就連伸出手去拿你所謂「超級值得的免費內容」也不願意。
Thumbnail
可能包含敏感內容
為了讓各位可以一次查詢已上架的免費電子書,特別整理了這份免費電子書合輯,希望能夠集中宣傳,方便各位輕鬆領取和閱讀。
Thumbnail
本篇會介紹GASP更新內容和Traversal相關問題與解決方案。
前言 終於要到這個振奮人心的章節了,我們終於要來學習,如何讓自己的網頁更加美觀。 但在這之前,我們肯定得先學習,如何將我們的 CSS 檔案,連接到 HTML 當中。 連結分類 首先,我們在連結 CSS 的方法中,有分為三種: 內聯連結 在 .html 當中,任一標籤的裡面,用屬性 s
Thumbnail
原「主編後記」裡的分享(新單元新嘗試)。思考著,如果能讓更多人接收到這些知識點就更棒了⋯⋯
Thumbnail
本文介紹瞭如何寫 HTML 標籤,製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例,讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
Thumbnail
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。