1. 程式人生 > >Hexo部落格yilia主題首頁新增helper-live2d模型外掛

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 () { $("&

HexoHexo+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