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

免費部落格架站教學(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
DavidHi的沙龍
9會員
25內容數
此篇教學 : 使用GitHub架設免費的部落格網站,搭上Hexo靜態模板,在主題頁面中尋找屬於自己的風格套版,輕鬆擁有自己的Blog外,加上留言板/SEO等設定在記錄生活同時也增進與讀者的互動頻率。
留言
avatar-img
留言分享你的想法!
DavidHi的沙龍 的其他內容
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
此篇介紹在Hexo架設的部落格中做發文的撰寫與語法介紹
此篇針對架設好Hexo的部落格後,這篇將進一步介紹文章對應的Url設定與修改方式。
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
此篇介紹在Hexo架設的部落格中做發文的撰寫與語法介紹
此篇針對架設好Hexo的部落格後,這篇將進一步介紹文章對應的Url設定與修改方式。