Hexo部落格yilia主題首頁新增helper-live2d模型外掛
外掛效果
外掛的github地址
外掛作者提供了較為詳細的安裝步驟,我結合自己操作和圖示,提供大家。
效果展示:紅框內為2d模型,可以隨滑鼠移動而變化
Hexo
安裝模組:
hexo部落格根目錄選擇cmd
命令視窗或者git bash
輸入以下程式碼,安裝外掛
操作:
npm install --save hexo-helper-live2d
下載模型
作者提供了三個下載模型的辦法,我選擇操作比較簡單的一種
npm 模組名
的方法
作者提供以下模型的模型包,模型包預覽地址見下面的連結,選擇你想用的模型,記住名字,選擇對應的字尾模型包
作者各種模型包展示
live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget -model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model -tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16
選擇好對應的模型,使用 npm install 模型的包名
來安裝,比如我選擇的的是live2d-widget-model-koharu
模型包
操作:
在hexo部落格根目錄選擇cmd
命令視窗或者git bash
輸入以下程式碼
$ npm install live2d-widget-model-koharu
執行安裝就完事了
配置
請向Hexo
的 _config.yml
檔案新增配置.
操作:
打開個人Hexo部落格檔案根目錄下的 _config.yml
檔案,在最後新增一下程式碼
示例:
live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false
model:
use: live2d-widget-model-koharu
display:
position: right
width: 150
height: 300
mobile:
show: true
你需要配置的是use: live2d-widget-model-koharu
use
後為你選擇的安裝包的全稱
外掛部署與應用就完成了,接下來就是部署hexo部落格和個人主頁
相關推薦
Hexo部落格yilia主題首頁新增helper-live2d模型外掛
外掛效果 外掛的github地址 外掛作者提供了較為詳細的安裝步驟,我結合自己操作和圖示,提供大家。 效果展示:紅框內為2d模型,可以隨滑鼠移動而變化 Hexo 安裝模組: hexo部落格根目錄選擇cmd命令視窗或者git bash 輸入以下
Hexo部落格yilia主題文章新增目錄
新增目錄的文章有一些是自己新增css檔案和修主題配置 作者也更新了文章大體目錄的功能 開啟配置檔案themes/yilia/_config.yml 你可以選擇toc設定為1 或者2 toc: 1 //每篇文章要想有目錄就得 設定toc: tru
hexo部落格yilia主題_more截斷文章_多標籤新增
以下均為自己遇到的問題並加以修改或者糾正. 在文章下方可以使用more語句進行截斷,這樣部落格首頁只會出現文章的前面一小部分,看起來很清爽簡約 或者 language: zh-CN <!--more--> //在需要階段的地方插入該程式
Github pages + Hexo 部落格 yilia 主題使用暢言評論系統
前言 Hexo的Yilia主題由於原來使用的是多說的留言板,近期多說公告要停止提供服務了,所以我就把多說換成搜狐的暢言了,下面寫一個簡單的小教程。 註冊暢言 進入暢言官網 , 點選右上角 “免費註冊”,並填寫註冊資訊。(注意域名需要備案資訊)
ElasticSearch實戰:個人部落格搜尋和首頁內容展示
前言 最近學習了SpringBoot,搞了一個小型部落格系統,在這個系統中的首頁內容展示、全文搜尋用到了elasticsearch。系統中持久層使用的是Springdata,但是沒有使用spring-data-elasticsearch,而是單獨引入的elas
hexo部落格的優化與配置——新增統計程式碼
今天看著csdn部落格的訪客數,就想給hexo部落格也新增統計訪客的外掛,上次折騰了個pacman主題,中間自帶的是goole的統計,容易被牆,所以就想換一個統計工具,看了好多人用的都是cnzz的站長
如何盜走別人部落格的個人首頁的背景圖片
首先先按f12開啟head, 找到<link type="text/css" rel="stylesheet" href="/blog/customcss/329058.css?v=vAHAXg0vWU9mlAiWA2lYKIo6fvA%3d"> 點選/blog
Hexo部落格NexT主題終極配置
Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。本文中我們將對hexo中nexT主題搭建的自己的部落格站點進行配置,為你打造個性化部落格系統。 目錄
Hexo部落格更換主題和Markdown使用
準備,我們需要先從hexo官網下載自己喜歡的主題,這裡下載yelee的主題,下載好了之後,我們將主題放在myblog,注意看我的上一篇部落格 修改_config.yml 同樣使用命令輸入
hexo部落格yili主題個性化自定義教程(1) ——借鑑中學習,初認yili主題
文章轉載於:hexo部落格yili主題個性化自定義教程(1) ——借鑑中學習,初認yili主題 這個部落格跌跌撞撞也弄了好多天了,由於Next主題不知道什麼情況,被我玩壞了。所以換了一個主題。 大名鼎鼎的yilia主題,崇尚簡約優雅,以及極致的效能,符合我的性格。以後很長一段時間都用這個主題啦。 接下來來說
hexo的next主題部落格中加入分類頁面的js,實現多級目錄,並且能夠點選展開,隱藏下級目錄~(不知道算不算深度優化~~~)
多級標題 在自己的xxxx.md檔案中做如下修改: categories: - 搗蛋鬼 - mac 新建catogery_js.js(名字無所謂) 加入自己的js 我這裡是下面這樣的 function category_js () { $("&
【Hexo】Hexo+Github構建個人部落格 (三):新增面板主題
一、選擇主題 選擇你自己喜歡的主題 參考: 二、配置主題 1.我選擇了hexo-theme-yilia這個主題,簡潔大方,功能齊全; 2.具體新增方法: 安裝 git clone https://github.com/litten/hexo-theme-yilia.
Mac搭建Hexo部落格及NexT主題配置優化
前言 最近看到陽春麵的部落格,感覺非常漂亮,正好最近也想自己搭個部落格,記錄一下自己的學習經歷和生活感悟,給自己留下點回憶,同時整理一下自己的思路,於是就想仿照著弄一個類似的靜態部落格網站,正好最近有時間,而且內心搭部落格的念頭越來越洶湧,所以,說幹就幹! 主要內容 拉到陽春
使用LaTex新增公式到Hexo部落格裡
程式碼編輯器,強烈推薦使用微軟的 VS code,相比Atom開啟迅速,使用方便,擴充套件豐富 第一步: 安裝Kramed hexo 預設的渲染引擎是 marked,但是 marked 不支援 mathjax。,所以需要更換Hexo的markdown
Hexo部落格新增SEO-評論系統-閱讀統計-站長統計
原文地址:→傳送門 寫在前面 在五月出搗騰了一把個人部落格,但是剛開始只做了一些基礎設定,套路也沒摸清,基礎安裝篇請看hexo從零開始到搭建完整,裡面講到了基礎工具的安裝及blog專案的資料夾含義,以及RSS新增、域名的繫結等操作,後來想著加點功能,
hexo搭建個人部落格--NexT主題優化
寫在前面 本文為個人前一篇文章hexo搭建個人部落格–基礎篇的後續篇,前文主要介紹瞭如何搭建一個個人網站以及繫結域名等相關內容,還沒有建站的夥伴們可以看一下前文,已經搭建好的就可以忽略了。 本文的優化是基於Hexo的NexT主題的,其他主題的疑問也可以在後臺
搭建Hexo部落格(Next主題)中踩過的坑
Hexo Next 系統重灌等導致hexo不可用 npm install -g hexo-cli npm升級所有可更新包 shell指令碼 使用shell指令碼升級npm包,首先所在找到需要升級的包和版本號,再使用
Github+hexo個人部落格更換主題
github+hexo更該主題 環境:Windows 7 64位 1、首先到hexo-themes中選擇主題,博主選用的主題為yelee 2、然後進入blog資料夾,然後Git bash here, 輸入以下指令,從git 上clone,
如何快速的搭建hexo部落格,並且換主題
1.首先要先安裝git和node.js。在安裝Node.js時要注意以下幾點:除了修改預設安裝路徑外,只要一路next就可以了。安裝後執行cmd輸入以下命令檢查是否安裝成功。安裝完的目錄如下:此處說明下:新版的Node.js已自帶npm,安裝Node.js時會一起安裝,npm
hexo部落格新增域名實現雙線部署(github和coding)
域名申請 首先申請一個域名 建立檔案 在hexo目錄下的source目錄下新建一個檔案CNAME,不要帶字尾,也就是沒有檔案型別,可以使用命令來建立 cd source touc