㈠ 如何在 Hexo 博客引擎中添加 Swiftype 搜索組件
1. 關於搜索組件
站點中集成搜索組件,可以很大地方便用戶進行快速查找博客內容,但是 Hexo 處理搜索默認的邏輯是:輸入關鍵字後模擬 form 提交到 Google 進行搜索的。但是在「某些」開放的國家,Google 是不可以訪問的。你可能想到可以模擬提交到貴國「高端搜索引擎」網路進行搜索啊,恩,我想了想,我還是告訴你如何接入更加方便的 Swiftype 比較好。
其實接入 Google 等搜索引擎,也是在 Google 收錄了你站點的內容後才能搜索到的,用的其實就是 site: 語法搜索。
2. 效果預覽
本站 接入 Swiftype 搜索組件後的效果如圖所示。
3. Swiftype 搜索組件介紹
Swiftype 搜索組件的原理就是你提交站點給它,它立即對內容進行索引抓取,之後提供給你類似 JS SDK 一樣的東西給你使用即可,設計的非常靈活、方便。
4. Hexo 接入步驟
4.1 注冊賬號
在 注冊頁面 注冊一個賬號。
4.2 添加站點
添加站點的 URL 或者站點的 SiteMap 給 Swiftype 以便它進行抓取,SiteMap 可以提交多個,如我站點的 SiteMap ,我都拆分進行了提交。
關於 Hexo 博客引擎如何生成站點的 SiteMap,請參見 hexo-generator-sitemap 插件或 hexo-generator-seo-friendly-sitemap 插件。
4.3 站點接入
Hexo 的接入非常方便,按照如下代碼修改搜索模塊即可。
<div class="search">
<input type="search" class="st-default-search-input" placeholder="<%= __('search') %>">
</div>
然後在頁腳引入對應的 JS 代碼即可,國內網路載入沒有問題。
4.4 其他可配置項
可以通過 Swiftype 的控制面板修改如搜索結果、智能提示樣式等,可定製化的地方很多;
Swiftype 還可以手動干預搜索結果以及對搜索結果進行強制分組等。
Swiftype 的控制面板中也提供了供您分析用戶搜索的分析報表。
㈡ hexo中Lap主題怎麼添加時間
– 1,打開 next/layout/_partials文件夾下的 footer.swing文件
– 2,添加時間記錄函數
window.onload = function() {
var show = document.getElementById("show");
setInterval(function() {
var time = new Date();
// 程序計時的月從0開始取值後+1
var m = time.getMonth() + 1;
//根據自己博客的創建時間更改數值
var t = "提示內容"+(time.getFullYear()-2017) + "年" + (m-3) + "月"
+ time.getDate() + "天 " + time.getHours() + "時"
+ time.getMinutes() + "分" + time.getSeconds() + "秒";
show.innerHTML = t;
}, 1000);
};
– 3,將show函數放在自己喜歡的位置即可。
㈢ hexo怎麼在菜單上添加頁面和分類
Hexo生成的Tag/Archive/Category頁的目錄名在根目錄下的站點_config.yml里配置,配置項是tag_dir/archive_dir/category_dir。默認值是tags/archives/categories。
主題的_config.yml所配置的菜單只是設置「有叫XXX這個名字的菜單項,指向YYY這個URL」(XXX: YYY)。所以你需要配置你的Category菜單項指向站點配置里的category_dir才有效。
Hexo默認不生成About頁面,有需要的話自己創建一個叫about的page然後再添加菜單項。
㈣ hexo 在github上搭建的個人博客可以添加背景音樂嗎
首先登陸github網站,在github上建立一個repository,名字必須為xxx.github.io,xxx為你的賬戶名,如下圖所示
打開控制台,用npm安裝hexo(這里需要先安裝node.js,如果沒有安裝的話請先去官網安裝)
npm i -g hexo
安裝完成後查看
hexo -v
如果出現版本信息表示安裝成功
現在本地創建一個hexo項目,在項目文件夾下進入cmd命令行模式,輸入:
hexo init
創建完成後,cd到該目錄下輸入:
npm install
安裝默認插件完成後,為了支持github,還需要安裝另一個插件:
npm install hexo-deployer-git --save
完成後出現以下目錄
然後生成web項目,輸入:
hexo g
啟動伺服器預覽效果,輸入:
hexo s -o
這還只是本地項目,現在要發布到github上面去,我們需要配置項目目錄下的_config.yml文件,打開它找到最後一行,我們把github的配置信息填上去。這里yalishizhude是我的登錄名,你只需要將它改成你github的登錄名,原封不動地配置好就行了。
不少教程會教你像第二張圖那樣配置,新版本是不能那樣配的,請注意。
我們開始發布博客吧!當前路徑命令行下輸入:
hexo d
按照提示輸入github的登錄名和密碼,就可以看到成功信息。
稍等一會就可以輸入網址xxx.github.io訪問你的博客啦~~~
更多問題可以去官網上查查,往往驚喜哦~
㈤ 如何在Hexo添加網易音樂
第一種:<bgsound src=」url」 loop=-1>
「url」依然是路徑名,loop表示循環數,-1表示始終循環
第二種:
<EMBED src="music.mid" autostart="bool" loop="n" width="m" height="k">
其中各個屬性的含義如下:
SRC:音樂文件路徑
(以下可選) AUTOSTART:音樂文件上傳完後自動播放,TRUE為播放,FALSE為否
LOOP:設置循環TRUE為自動循環,FALSE為不循環,數值為次數
WIDTH,HEIGHT為播放控制面板的寬和高,
其餘的屬性有:
volume:取值范圍為"0-100",設置音量,默認為系統本身的音量
starttime:"分:秒",設置歌曲開始播放的時間,如,starttime="00:10",從第10秒開始播放
endtime: "分:秒",設置歌曲結束播放的時間
controls :控制面板的外觀controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever" ·console 正常大小的面板
·smallconsole 較小的面板
·playbutton 顯示播放按鈕
·pausebutton 顯示暫停按鈕
·stopbutton 顯示停止按鈕
·volumelever 顯示音量調節按鈕
hidden: 為true時可以隱藏面板
㈥ hexo怎麼添加留言板
其實在VPS上搭建博客有兩種方案:第一種就是在VPS上搭建完整的生產環境,使用Nginx反代VPS本地localhost實現訪問;第二種是類似託管Github之上,僅需要Nginx作靜態環境,本地生成靜態文件後push。
㈦ hexo怎麼為帖子添加
添加一個是更改模板,一個就是在md文件直接增加
㈧ hexo 發布文章時怎麼添加註釋
找到一款開源的 FTP 工具:FTPbox。
它有這些功能是我這邊比較看中的:
FTP 上傳(最基本的功能了)
FTP 選擇性同步的功能(過濾一些 logreport 和 report 等對於 Hexo 無用的文件夾,且能避免因同步方向沒設置對而導致同步錯亂的情況)
可以設置同步的方向(我只需要將本地 public 文件夾里的所有文件上傳即可,故選擇 local to remote only 模式)
可以設置同步的周期(類似於伺服器端的 cron 任務)
缺點很明顯,還不算致命吧:
目前只有 Windows 版本!!!
Mac OSX Coming soon…
㈨ HEXO博客搭建後底部的這個怎麼不顯示作者名
這個底部應該是獲取主題裡面的設置參數或者是總的參數裡面的版權或者作者的信息 來顯示 這樣顯示可能是這個參數在博客後台沒有設置 具體是哪個你可以設置試一下
㈩ 如何製作一個hexo 插件,在每個頁面中都加入一句js
頁面中插入標簽,然後添加屬性src指向js插件的文件就完成引用了,剩下的調用就看你具體使用的內容了。