hexo的next主題的最新優化_4

前言

在前三篇介紹了一些簡單點的操做，但願對大家有所幫助，若是實在看不懂，能夠掃一掃文章最後的QQ羣二維碼，有什麼問題能夠私聊我呦！好的廢話就很少說了。咱們開始吧！

主題優化_4

添加看板娘

更改的地方：

更改的內容：

第一步：在站點配置文(_config.yml)進入dos命令窗執行：

npm install --save hexo-helper-live2d

第二步：請向Hexo的 _config.yml 文件添加以下代碼

live2d:
  enable: true
  scriptFrom: local
  model:
    scale: 1
    hHeadPos: 0.5
    vHeadPos: 0.618
  display:
    superSample: 2
    width: 200
    height: 400
    position: right
    hOffset: 0
    vOffset: -20
  mobile:
    show: false
  react:
    opacity: 0.7

隱藏底部強力驅動

更改的地方：

更改的內容：

---

如何在hexo博客中插入本地圖片

第一步：安裝插件 能夠上傳本地圖片的插件

npm install hexo-asset-image --save

第二步，更改站點配置文件(_config.yml)中的內容

第三步，再運行hexo n "xxxx"來生成md博文時，/source/_posts文件夾內除了xxxx.md文件還有一個同名的文件夾

第四步，最後在xxxx.md中想引入圖片時，先把圖片複製到xxxx這個文件夾中，而後只須要在xxxx.md中按照markdown的格式引入圖片：

![你想輸入的替代文字](xxxx/圖片名.jpg)

---

如何在hexo插入視頻

通常在博客中插入視頻，音頻仍是圖片都有本地和網絡兩種方式。通常圖片比較小我採用本地插入，音頻是比較大的，因此通常我採用網絡的方式插入。下面是以嗶嗶哩嗶哩視頻爲例。

第一步：將想要插入的視頻上傳到嗶哩嗶哩(他沒有廣告)。

第二步：找到分享按鈕以下圖：

<iframe src="//player.bilibili.com/player.html?aid=53660661&cid=93868411&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

第三步，將代碼複製到你想要插入的位置，效果以下

---

插入音頻

插入音頻和插入視頻是相似的。

第一步：將想要插入的音頻上傳到網易雲音樂(爲例)。

第二步：找到分享按鈕以下圖：

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=2&id=411754401&auto=0&height=32"></iframe>

第三步，將代碼複製到你想要插入的位置，效果以下

瞭解更多