Butterfly主題Valine評論美化

2021-10-09 22:32:05 字數 1483 閱讀 5221

使用方法如下,將css加到部落格樣式檔案中,檔案路徑如下:

x:\xx\hexoblog\themes\butterfly\source\css\index.styl

#veditor
#veditor:focus
其中的 200px 差不多代表了的高度,transition 中的 0.2s 代表了消失的時間,可以根據自己的進行調整。

原生的 valine 不支援這個美化,所以需要使用魔改的 valine 檔案,在配置檔案中搜尋valine,將原來的js替換成魔改版

//魔改版 valine.min.js

與原生的相比,魔改版多了以下功能:

①新增博主,小夥伴,訪客標籤

②新增瀏覽器和作業系統圖示,需引入 fontawesome v5.0+ 的 css 樣式

③郵箱檢測更嚴格

④增加 qq 郵箱識別(原版只能通過暱稱欄輸入 qq 號識別)

⑤meta placeholder 可自定義

使用方法與原生的類似,不同的是可以多設定幾個引數:

引數型別

說明預設

示例tagmeta

array

標籤要顯示的文字

[「博主」,「小夥伴」,「訪客」]

[「博主」,「小夥伴」,「訪客」]

master

array/string

md5 加密後的博主郵箱

[「fe01ce2a7fbac8fafaed7c982a04e229」]

friends

array/string

md5 加密後的博主郵箱

[「fe01ce2a7fbac8fafaed7c982a04e229」]

metaplaceholder

object

meta placeholder 內容

{}verify

boolean

false

true

示例2.x.x版本修改x:\xx\hexoblog\themes\butterfly\layout\includes\comments\valine.pug

3.x.x版本修改x:\xx\hexoblog\themes\butterfly\layout\includes\third-party\comments\valine.pug

butterfly主題魔改

在source目錄下新建css custom.css檔案,在 config.butterfly.yml檔案中引入 inject head 以下樣式可以根據自己喜歡隨意增刪 自定義字型 字型放在source fonts 目錄下 font face 頁尾透明 footer 頁尾自定義字段字型顏色 也就是...

Butterfly主題背景魔改

在hexoblog themes butterfly layout includes header index.pug 中插入 在 hexoblog themes butterfly layout includes layout.pug 中插入 隨機背景是引用小康的工具庫的配置js 引用工具庫的js...

Butterfly 列舉 暴力

原題 這裡有點暴力的感覺,但是有乙個卡資料,所以這裡加了一點點優化就ac了。先得到每乙個點的,以此點向左上角 zs 走,右上角 ys 走,左下角 zx 走,右下角 yx 走分別可以走多少個 x 再進行判讀以這個點為中心的左右兩邊 l 是否是大於等於本應該有的長度。這裡有乙個小優化,就是求出最大的 l...