163邮箱收不到twitter邮件-威尼斯人2299

闂鏄繖鏍风殑锛氫粖澶╂兂鍘荤敵璇蜂竴涓闂畉witter鐨勫紑鍙戣€卆pi鏉冮檺锛屼絾鏄渶鍚庝竴姝ョ‘璁ら偖浠讹紝缃戞槗閭鏀朵笉鍒?/p>

鍥犱负鎴戠殑twitter璐﹀彿鏄綉鏄?63閭锛宼witter鍙戦獙璇佺爜锛岄偖绠遍兘鑳芥甯告敹鍒帮紝浠ヤ负娌￠棶棰橈紝璋佺煡閬撳湪鏈€鍚庝竴姝?/p>

twitter浼氬彂涓€涓‘璁ら偖浠跺埌缃戞槗閭锛岀劧鍚庝粠閭鐐瑰嚮纭锛屼絾鏄垜缈婚亶浜嗛偖绠遍兘娌℃壘鍒扮‘璁ら偖浠讹紝閲嶆柊鍙戦€佷篃杩樻槸鎼滀笉鍒帮紝15鍒嗛挓鎵嶈兘鍙戜竴娆★紝鎼炰簡濂介暱鏃堕棿杩樻槸娌℃湁

聽

瑙ｅ喅鏂规硶锛氬叾瀹炴病鏈夎в鍐筹紝鎴戝彧鑳戒娇鐢╣mail鍙堟敞鍐屼簡涓€涓处鍙峰幓鐢宠

gmail灏辨甯哥殑鏀跺埌浜嗛偖浠讹紝閭欢濡備笅锛岀偣鍑荤‘璁わ紝绛夊緟瀹℃牳灏卞ソ浜?/p>

闄勪笂鐢宠twitter寮€鍙戣€呮潈闄愮殑鍦板潃锛歨ttps://apps.twitter /

涓汉鍗氬

缃戦〉棰勮锛歨ttps://benn314.github.io/

hexo-next 鏄竴娆炬垜寰堝枩娆㈢殑涓婚锛屽竷灞€绠€绾︼紝寰堥€傚悎鐢ㄤ簬鎼厤 live-2d 鍜?缃戞牸鍔ㄧ敾锛屾墦閫犲睘浜庤嚜宸辩殑涓汉鍗氬銆傚崥瀹㈢洰鍓嶉儴缃蹭簬 github pages

鐩稿叧github浠撳簱

github /benn314/benn314.github.io鍗氬婧愮爜

浣跨敤宸ュ叿锛歂ode.js銆乂scode銆丟it

1 瀹夎hexo

鏂板缓 blog 鏂囦欢澶癸紝杩涘叆姝ょ洰褰曚笅

瀹夎hexo鑴氭墜鏋?/p>

npm install -g hexo-cli

鍒濆鍖朒exo

hexo init

涓嬭浇 next 涓婚锛?/p>

cd themes

git clone github /theme-next/hexo-theme-next

鎴栬€?鍒?next 鐨?github 浠撳簱涓嬭浇鍘嬬缉鍖呮坊鍔?themes 鐩綍涓嬪苟閲嶅懡鍚嶄负 hexo-theme-next

鍚姩鏈湴鏈嶅姟鏌ョ湅

hexo s

common instruction

hexo clean锛氭竻闄?public 闈欐€佺洰褰昲exo s锛氭湰鍦板惎鍔ㄩ粯璁ゆ寚瀹?4000 绔彛棰勮 (s 鏄?server 鏄缉鍐?涔熷氨鏄惎鍔?hexo 鏈嶅姟)hexo g锛氱敓鎴?public 闈欐€佺洰褰昲exo d锛?閮ㄧ讲

鍦?hexo 涓湁涓や唤涓昏鐨勯厤缃枃浠讹紝鍏跺悕绉伴兘鏄?_config.yml

绔欑偣閰嶇疆鏂囦欢锛氫綅浜庣珯鐐规牴鐩綍涓嬶紙/_config.yml锛夛紝涓昏鍖呭惈 hexo 鏈韩鐨勭珯鐐归厤缃富棰橀厤缃枃浠讹細浣嶄簬涓婚鐩綍涓嬶紙themes/hexo-theme-next/_config.yml锛夛紝杩欎唤閰嶇疆鐢变富棰樹綔鑰呮彁渚涳紝涓昏鐢ㄤ簬閰嶇疆涓婚鐩稿叧鐨勯€夐」

鈥?/p>

2 涓婚(gemini)

涓婚閰嶇疆鏂囦欢

# schemes

# scheme: muse

# scheme: mist

# scheme: pisces

scheme: gemini

鈥?/p>

3 閰嶇疆menu

绔欑偣閰嶇疆鏂囦欢

# site

title: ben's blog

subtitle: "code builds world !"

description: "娆㈣繋鏉ュ埌鎴戠殑涓栫晫馃挏"

keywords:

author: ben

language: zh-cn

timezone: "asia/shanghai"

涓婚閰嶇疆鏂囦欢

# usage: `key: /link/ || icon`

# key is the name of menu item. if the translation for this item is available, the translated text will be loaded, otherwise the key name will be used. key is case-sensitive.

# value before `||` delimiter is the target link, value after `||` delimiter is the name of font awesome icon.

# external url should start with or

menu:

home: / || fa fa-home

about: /about/ || fa fa-user

tags: /tags/ || fa fa-tags

categories: /categories/ || fa fa-th

archives: /archives/ || fa fa-archive

# schedule: /schedule/ || fa fa-calendar

# sitemap: /sitemap.xml || fa fa-sitemap

#commonweal: /404/ || fa fa-heartbeat

# enable / disable menu icons / item badges.

menu_settings:

icons: true # 鏄惁鏄剧ず鍚勪釜椤甸潰鐨勫浘鏍?/p>

badges: false # 鏄惁鏄剧ず鍒嗙被/鏍囩/褰掓。椤电殑鍐呭閲?/p>

鈥?/p>

4 闅愯棌缃戦〉搴曢儴 powered by hexo / 寮哄姏椹卞姩

鍏ㄥ眬鎼滅储骞舵敞閲婃帀鐩稿簲浠ｇ爜鍗冲彲

鈥?/p>

5 閰嶇疆浠ｇ爜鍧楅珮浜鏍?/p>

highlight 鍜?prismjs 鏄袱绉嶄唬鐮佸潡椋庢牸锛岀幇鍦?highlight 鏄富娴侊紝涓斾簩鑰呭彧鑳藉紑鍚叾涓€

绔欑偣閰嶇疆鏂囦欢

highlight:

enable: true #鏄惁寮€鍚唬鐮侀珮浜?/p>

line_number: true #鏄惁澧炲姞浠ｇ爜琛屽彿

auto_detect: true #鑷姩鍒ゆ柇浠ｇ爜璇█

tab_replace: ""

wrap: true

hljs: false

prismjs:

enable: false

preprocess: true

line_number: true

tab_replace: ""

涓婚閰嶇疆鏂囦欢

codeblock:

# code highlight theme

# all available themes: theme-next.js.org/highlight/

theme:

# light: github-dark

light: github-dark

dark: github-dark

prism:

light: prism

dark: prism-dark

# add copy button on codeblock

copy_button: # 涓€閿鍒?/p>

enable: true

# available values: default | flat | mac

style: mac

澶嶅埗鎸夐挳鎴戦€夋嫨浜?mac 椋庢牸锛岀‘瀹炴槸濂界湅馃槃

鍙湪 theme-next.js.org/highlight/ 涓煡鐪嬪悇涓唬鐮侀鏍间富棰橈紝閫夋嫨鑷繁鍠滄鐨勪唬鐮侀鏍?/p>

鈥?/p>

6 鏂囩珷娣诲姞闃村奖

blog\themes\hexo-theme-next\source\css_common\components\post\index.styl

if (hexo-config('motion.transition.post_block')) {

.post-block {

visibility: hidden;

margin-top: 60px;

margin-bottom: 60px;

padding: 25px;

border-radius: 20px 20px 20px 20px;

-webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);

-moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);

}

.pagination, ments {

visibility: hidden;

}

}

鈥?/p>

7 鏄剧ず褰撳墠娴忚杩涘害

涓婚閰嶇疆鏂囦欢

back2top:

enable: true

# back to top in sidebar.

sidebar: true

# scroll percent label in b2t button.

scrollpercent: true

鈥?/p>

8 鏂囩珷鍒嗕韩鍔熻兘

绛夋湁浜嗗煙鍚嶄互鍚庢墠鑳藉湪addthis涓厤缃?/p>

鈥?/p>

9 local search鏈湴鎼滅储

瀹夎鎻掍欢 hexo-generator-searchdb锛屾墽琛屼互涓嬪懡浠?

npm install hexo-generator-searchdb --save

淇敼 hexo/_config.yml 绔欑偣閰嶇疆鏂囦欢锛屾柊澧炰互涓嬪唴瀹瑰埌鏈熬浣嶇疆锛?/p>

search:

path: search.xml

field: post

format: html

limit: 10000

淇敼 涓婚閰嶇疆鏂囦欢锛屽惎鐢ㄦ湰鍦版悳绱㈠姛鑳斤細

# local search

local_search:

enable: true

鈥?/p>

10 璁剧疆favicon.ico鍥炬爣

鍦?easyicon 涓壘涓€寮狅紙32 * 32锛夌殑 ico 鍥炬爣锛屾垨鑰呭幓鍒殑缃戠珯涓嬭浇鎴栬€呭埗浣滐紝骞跺皢鍥炬爣鍚嶇о鏀逛负 favicon.ico锛岀劧鍚庢妸鍥炬爣鏀惧湪 /themes/next/source/images 閲岋紝骞朵笖淇敼涓婚閰嶇疆鏂囦欢锛?/p>

favicon:

small: /images/favicon-16x16-next.png

medium: /images/favicon-32x32-next.png

apple_touch_icon: /images/apple-touch-icon-next.png

safari_pinned_tab: /images/logo.svg

#android_manifest: /manifest.json

娌℃壘鍒版弧鎰忕殑 鎵€浠ヨ繕鏄敤瀹樻柟榛樿鐨勫浘鏍囸煒?/p>

鈥?/p>

11 淇敼鏂囩珷搴曢儴鐨?鍙风殑鏍囩

鏂扮増鏈殑next鏃犻渶淇敼

鈥?/p>

12 澧炲姞鏂囩珷瀛楁暟缁熻鍜岄槄璇绘椂闀?/p>

瀹夎 hexo-word-counter 鎻掍欢

npm install hexo-word-counter

绔欑偣閰嶇疆鏂囦欢

# 澧炲姞鏂囩珷瀛楁暟缁熻鍙婇槄璇绘椂闀垮姛鑳?/p>

symbols_count_time:

symbols: true

time: true

total_symbols: true

total_time: true

exclude_codeblock: false

wpm: 275

suffix: "mins."

鈥?/p>

13 闃呰鍏ㄦ枃

鐩存帴鍦ㄦ枃绔犱腑娣诲姞 鏉ョ簿纭帶鍒舵憳瑕佸唴瀹癸紝鍗虫帶鍒?read more锛堥槄璇诲叏鏂囷級 鐨勪綅缃?/p>

鎴戜滑鍙互娣诲姞鍓嶈█寮曠敤鏉ュ鏂囩珷杩涜鎬荤粨鎻愮偧 璇︽儏鍙偣鍑婚槄璇诲叏鏂噡

鈥?/p>

14 娣诲姞浣滆€呭ご鍍?/p>

杩涘叆涓婚閰嶇疆鏂囦欢锛屾壘鍒颁笅闈㈣繖琛?/p>

avatar:

# replace the default image and set the url here.

url: /images/avatar.gif

涓婁紶鑷畾涔夌殑鍥剧墖鍒颁笅鍒楃洰褰曪細/themes/next/source/images/锛屾洿鏀?avatar 璺緞瀹屾垚锛?/p>

# sidebar avatar

avatar:

# replace the default image and set the url here.

url: /images/ben.jpg

rounded: true # 璁剧疆澶村儚涓哄渾褰㈡樉绀?/p>

rotated: true # 褰撻紶鏍囬€変腑澶村儚鍚?澶村儚浼氭棆杞竴鍛?/p>

鈥?/p>

15 淇敼鍔犺浇鍔ㄧ敾

鍏ㄥ眬鎼滅储 pace 鐒跺悗璁剧疆 pace: true 寮€鍚?/p>

pace:

enable: true

# all available colors:

# black | blue | green | orange | pink | purple | red | silver | white | yellow

color: blue

# all available themes:

# big-counter | bounce | barber-shop | center-atom | center-circle | center-radar | center-simple

# corner-indicator | fill-left | flat-top | flash | loading-bar | mac-osx | material | minimal

theme: bounce

鈥?/p>

16 娣诲姞鏈珯杩愯鏃堕棿

淇敼 /blog/themes/next/layout/_partials/footer.njk 鏂囦欢锛屽湪鏈熬鍔犲叆濡備笅浠ｇ爜锛?/p>

杞藉叆澶╂暟...

鈥?/p>

17 榧犳爣鐐瑰嚮鍔ㄧ敾

鐖卞績鐗规晥

鍦?/themes/next/source/js/ 涓嬫柊寤烘枃浠?clicklove.js 骞舵坊鍔犱唬鐮侊細

!function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),o(),r()}function r(){for(var e=0;e

鍦?\themes\next\layout_layout.njk 鏂囦欢鏈熬娣诲姞锛?/p>

鐑熻姳鍔ㄧ敾

鍦?themes/next/source/js/ 閲岄潰鏂板缓鏂囦欢 fireworks.js 骞舵坊鍔犱唬鐮侊細

"use strict"; function updatecoords(e) { pointerx = (e.clientx || e.touches[0].clientx) - canvasel.getboundingclientrect().left, pointery = e.clienty || e.touches[0].clienty - canvasel.getboundingclientrect() } function setparticuledirection(e) { var t = anime.random(0, 360) * math.pi / 180, a = anime.random(50, 180), n = [-1, 1][anime.random(0, 1)] * a; return { x: e.x n * math.cos(t), y: e.y n * math.sin(t) } } function createparticule(e, t) { var a = {}; return a.x = e, a.y = t, a.color = colors[anime.random(0, colors.length - 1)], a.radius = anime.random(16, 32), a.endpos = setparticuledirection(a), a.draw = function () { ctx.beginpath(), ctx.arc(a.x, a.y, a.radius, 0, 2 * math.pi, !0), ctx.fillstyle = a.color, ctx.fill() }, a } function createcircle(e, t) { var a = {}; return a.x = e, a.y = t, a.color = "#f00", a.radius = 0.1, a.alpha = 0.5, a.linewidth = 6, a.draw = function () { ctx.globalalpha = a.alpha, ctx.beginpath(), ctx.arc(a.x, a.y, a.radius, 0, 2 * math.pi, !0), ctx.linewidth = a.linewidth, ctx.strokestyle = a.color, ctx.stroke(), ctx.globalalpha = 1 }, a } function renderparticule(e) { for (var t = 0; t < e.animatables.length; t ) { e.animatables[t].target.draw() } } function animateparticules(e, t) { for (var a = createcircle(e, t), n = [], i = 0; i < numberofparticules; i ) { n.push(createparticule(e, t)) } anime.timeline().add({ targets: n, x: function (e) { return e.endpos.x }, y: function (e) { return e.endpos.y }, radius: 0.1, duration: anime.random(1200, 1800), easing: "easeoutexpo", update: renderparticule }).add({ targets: a, radius: anime.random(80, 160), linewidth: 0, alpha: { value: 0, easing: "linear", duration: anime.random(600, 800) }, duration: anime.random(1200, 1800), easing: "easeoutexpo", update: renderparticule, offset: 0 }) } function debounce(e, t) { var a; return function () { var n = this, i = arguments; cleartimeout(a), a = settimeout(function () { e.apply(n, i) }, t) } } var canvasel = document.queryselector(".fireworks"); if (canvasel) { var ctx = canvasel.getcontext("2d"), numberofparticules = 30, pointerx = 0, pointery = 0, tap = "mousedown", colors = ["#ff1461", "#18ff92", "#5a87ff", "#fbf38c"], setcanvassize = debounce(function () { canvasel.width = 2 * window.innerwidth, canvasel.height = 2 * window.innerheight, canvasel.style.width = window.innerwidth "px", canvasel.style.height = window.innerheight "px", canvasel.getcontext("2d").scale(2, 2) }, 500), render = anime({ duration: 1 / 0, update: function () { ctx.clearrect(0, 0, canvasel.width, canvasel.height) } }); document.addeventlistener(tap, function (e) { "sidebar" !== e.target.id && "toggle-sidebar" !== e.target.id && "a" !== e.target.nodename && "img" !== e.target.nodename && (render.play(), updatecoords(e), animateparticules(pointerx, pointery)) }, !1), setcanvassize(), window.addeventlistener("resize", setcanvassize, !1) } "use strict"; function updatecoords(e) { pointerx = (e.clientx || e.touches[0].clientx) - canvasel.getboundingclientrect().left, pointery = e.clienty || e.touches[0].clienty - canvasel.getboundingclientrect() } function setparticuledirection(e) { var t = anime.random(0, 360) * math.pi / 180, a = anime.random(50, 180), n = [-1, 1][anime.random(0, 1)] * a; return { x: e.x n * math.cos(t), y: e.y n * math.sin(t) } } function createparticule(e, t) { var a = {}; return a.x = e, a.y = t, a.color = colors[anime.random(0, colors.length - 1)], a.radius = anime.random(16, 32), a.endpos = setparticuledirection(a), a.draw = function () { ctx.beginpath(), ctx.arc(a.x, a.y, a.radius, 0, 2 * math.pi, !0), ctx.fillstyle = a.color, ctx.fill() }, a } function createcircle(e, t) { var a = {}; return a.x = e, a.y = t, a.color = "#f00", a.radius = 0.1, a.alpha = 0.5, a.linewidth = 6, a.draw = function () { ctx.globalalpha = a.alpha, ctx.beginpath(), ctx.arc(a.x, a.y, a.radius, 0, 2 * math.pi, !0), ctx.linewidth = a.linewidth, ctx.strokestyle = a.color, ctx.stroke(), ctx.globalalpha = 1 }, a } function renderparticule(e) { for (var t = 0; t < e.animatables.length; t ) { e.animatables[t].target.draw() } } function animateparticules(e, t) { for (var a = createcircle(e, t), n = [], i = 0; i < numberofparticules; i ) { n.push(createparticule(e, t)) } anime.timeline().add({ targets: n, x: function (e) { return e.endpos.x }, y: function (e) { return e.endpos.y }, radius: 0.1, duration: anime.random(1200, 1800), easing: "easeoutexpo", update: renderparticule }).add({ targets: a, radius: anime.random(80, 160), linewidth: 0, alpha: { value: 0, easing: "linear", duration: anime.random(600, 800) }, duration: anime.random(1200, 1800), easing: "easeoutexpo", update: renderparticule, offset: 0 }) } function debounce(e, t) { var a; return function () { var n = this, i = arguments; cleartimeout(a), a = settimeout(function () { e.apply(n, i) }, t) } } var canvasel = document.queryselector(".fireworks"); if (canvasel) { var ctx = canvasel.getcontext("2d"), numberofparticules = 30, pointerx = 0, pointery = 0, tap = "mousedown", colors = ["#ff1461", "#18ff92", "#5a87ff", "#fbf38c"], setcanvassize = debounce(function () { canvasel.width = 2 * window.innerwidth, canvasel.height = 2 * window.innerheight, canvasel.style.width = window.innerwidth "px", canvasel.style.height = window.innerheight "px", canvasel.getcontext("2d").scale(2, 2) }, 500), render = anime({ duration: 1 / 0, update: function () { ctx.clearrect(0, 0, canvasel.width, canvasel.height) } }); document.addeventlistener(tap, function (e) { "sidebar" !== e.target.id && "toggle-sidebar" !== e.target.id && "a" !== e.target.nodename && "img" !== e.target.nodename && (render.play(), updatecoords(e), animateparticules(pointerx, pointery)) }, !1), setcanvassize(), window.addeventlistener("resize", setcanvassize, !1) };

鎵撳紑 themes/next/layout/_layout.njk锛屽湪

閲屾坊鍔犲涓嬩唬鐮侊細

{% if theme.fireworks %}

{% endif %}

鎵撳紑涓婚閰嶇疆鏂囦欢锛屾坊鍔狅細

# 榧犳爣鐐瑰嚮鍔ㄧ敾 fireworks

fireworks: true

鈥?/p>

18 鑳屾櫙鍔ㄧ敾

涓濆甫鑳屾櫙鍔ㄧ敾

# 涓濆甫鑳屾櫙鍔ㄧ敾

# generate a ribbon in your website with html5 canvas.

# for more information: github /hustcc/ribbon.js

canvas_ribbon: # 涓濆甫鑳屾櫙鍔ㄧ敾

enable: false

size: 300 # the width of the ribbon

alpha: 0.6 # the transparency of the ribbon

zindex: -1 # the display level of the ribbon

缃戞牸鑳屾櫙鍔ㄧ敾

鎵撳紑 next/layout/_layout.njk锛屽湪

鏍囩鍐呮坊鍔犱唬鐮?/p>

{% if theme.canvas_nest %}

{% endif %}

杩欓噷鎬€鐤憇rc閲岀殑閾炬帴閰嶇疆鐨?count=99锛屾墍浠ヨ缃簡鍐呰仈寮?count=150锛堥粯璁や篃鏄?50锛? 璁剧疆鍚巆ount鐨勬暟閲忔槑鏄惧鍔?/p>

閰嶇疆椤?/p>

color锛氱嚎鏉￠鑹? 榛樿: 鈥?,0,0鈥?锛涗笁涓暟瀛楀垎鍒负(r,g,b)锛屾敞鎰忕敤, 鍒嗗壊opacity锛氱嚎鏉￠€忔槑搴︼紙0锝?锛夛紝榛樿 0.5count锛氱嚎鏉＄殑鎬绘暟閲忥紝榛樿 150zindex锛氳儗鏅殑z-index灞炴€э紝css灞炴€х敤浜庢帶鍒舵墍鍦ㄥ眰鐨勪綅缃紝榛樿锛?1

鎵撳紑涓婚閰嶇疆鏂囦欢锛屾坊鍔犱互涓嬩唬鐮侊細

# canvas-nest

# dependencies: github /theme-next/theme-next-canvas-nest

# for more information: github /hustcc/canvas-nest.js

# canvas_nest

canvas_nest: true # 寮€鍚姩鐢?鑰佺増鐨勪笉鑳界敤enable: true

canvas_nest: false # 鍏抽棴鍔ㄧ敾

鈥?/p>

19 鏂囩珷缁撴潫鏍囧織

鍦ㄨ矾寰?\themes\next\layout\_macro 涓柊寤?passage-end-tag.swig 鏂囦欢,骞舵坊鍔犱互涓嬪唴瀹?/p>

鎵撳紑 \themes\next\layout\_macro\post.njk 鏂囦欢锛屽湪post-body 涔嬪悗(end post body)锛宲ost-footer 涔嬪墠娣诲姞浠ヤ笅浠ｇ爜锛?/p>

鈥?/p>

20 閰嶇疆live-2d妯″瀷

瀹夎 hexo-helper-live2d 鎻掍欢

npm install -save hexo-helper-live2d

杩欎釜榛樿鏄?shizuku 涓嶇敤閰嶇疆锛屽畨瑁呭悗鐩存帴鍦ㄧ珯鐐规樉绀猴紝浣嗗鏋滄兂瑕佹€ц兘浼樺寲锛岄厤缃ā鍨嬬浉鍏充俊鎭殑璇濓紝闇€瑕佸啀瀹夎 shizuku

鍦ㄧ珯鐐归厤缃枃浠朵腑娣诲姞鍙傛暟锛氾紙鎯宠閰嶇疆鍙傛暟鐨勮瘽锛岄渶瑕侀噸鏂颁笅杞戒笓闂ㄧ殑妯″瀷鍖咃級

live2d:

enable: true

scriptfrom: local

pluginrootpath: live2dw/

pluginjspath: lib/

pluginmodelpath: assets/

tagmode: false

log: false

model:

use: live2d-widget-model-<浣犲枩娆㈢殑妯″瀷鍚嶅瓧>

display:

position: right

# width: 150 # 澶у皬鏍规嵁妯″瀷缁撴瀯鑷繁璋冩暣鍚堥€傜殑

# height: 300

mobile:

show: true # 鏄惁鍦ㄦ墜鏈虹鏄剧ず

鍙緵閫夋嫨妯″瀷锛?/p>

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

涓婇潰妯″瀷鐨勯€夋嫨鍙湪lived2d涓€夋嫨锛屽苟涓嬭浇鐩稿簲鐨勬ā鍨嬶細锛堣繖閲屽厛閫夋嫨浜?wanko锛屼釜浜烘渶鍠滄鐨勪袱涓ā鍨?wanko 鍜?shizuku锛?/p>

npm install live2d-widget-model-wanko --save

瀹夎 shizuku 妯″瀷鏃跺缓璁?cnpm锛岄€熷害寰堝揩涓旂敤npm瀹夎杩欎釜妯″瀷瀹规槗鍑虹幇 network error

涓嬭浇cnpm娣樺疂婧?/p>

npm install -g cnpm --registry= registry.npm.taobao.org

瀹夎 shizuku 妯″瀷

npm install live2d-widget-model-shizuku --save

hexo-helper-live2d 鐩稿綋浜?live2d 鐨勮剼鎵嬫灦锛屼笉鑳藉彧涓嬭浇 model锛屽垹闄や簡 hexo-helper-live2d锛宭ive2d 妯″瀷鏃犳硶鐢熸垚

鈥?/p>

21 渚ц竟鏍忕ぞ浜ら摼鎺?/p>

鍦ㄤ富棰橀厤缃枃浠朵腑锛屽紑鍚?social 骞堕€夋嫨鎯宠鐨勭ぞ浜ら摼鎺ワ紝鍙栨秷娉ㄩ噴

social:

# github: github /benn314 || fab fa-github

# e-mail: zekaiqiu0132@gmail || fa fa-envelope

#weibo: weibo /yourname || fab fa-weibo

#twitter: twitter /yourname || fab fa-twitter

#fb page: facebook /yourname || fab fa-facebook

#stackoverflow: stackoverflow /yourname || fab fa-stack-overflow

#youtube: youtube /yourname || fab fa-youtube

#instagram: instagram /yourname || fab fa-instagram

#skype: skype:yourname?call|chat || fab fa-skype

濡傛灉瀹樻柟鑷甫鐨勭ぞ浜ら摼鎺ヤ笉婊¤冻鑷繁鐨勯渶姹傦紝鎴戜滑鍙互鑷畾涔夋兂瑕佺殑鍥炬爣骞堕檮涓婇摼鎺ヰ煍?/p>

鑷畾涔塱con鍥炬爣

棣栧厛鍘?iconfont-闃块噷宸村反鐭㈤噺鍥惧簱 涓嬭浇 svg 鏍煎紡鐨勫浘鏍囷紝闇€瑕佷粈涔堝浘鏍囧垯鎼滅储鐩稿簲鍥炬爣骞朵笅杞斤紝鐒跺悗鎶婂浘鏍囨斁鍦?\themes\next\source\images 鐩綍涓?/p>

杩欓噷浠?bilibili 鍜?csdn 涓轰緥锛?/p>

鍦?\themes\next\source\css 鐩綍涓嬬殑 main.styl 娣诲姞浠ｇ爜

/* 渚ц竟鏍忓浘鏍囨牸寮忚缃?*/

.bilibili {

background-image: ;

background-size: 1em 1em;

opacity: 0.55;

background-position: 0.05rem 0.2rem;

background-repeat: no-repeat;

height: 1rem;

width: 1rem;

border-radius: 0rem;

/*榧犳爣鍋滅暀鍦ㄥ浘鏍囦笂鏃讹紝鍥炬爣鍛堢幇鍙戝厜鏁堟灉*/

&:hover {

opacity: 1;

}

}

.csdn {

background-image: ;

background-size: 1em 1em; /*绗竴涓弬鏁版槸瀹?绗簩涓槸楂?/

opacity: 0.55;

background-position: 0.05rem 0.2rem;

background-repeat: no-repeat;

height: 1rem;

width: 1rem;

border-radius: 0rem;

/*榧犳爣鍋滅暀鍦ㄥ浘鏍囦笂鏃讹紝鍥炬爣鍛堢幇鍙戝厜鏁堟灉*/

&:hover {

opacity: 1;

}

}

鍦ㄤ富棰橀厤缃枃浠朵腑锛屽紑鍚?social 骞跺湪 social 椤逛笅鍥剧墖鏉ユ簮璁剧疆涓?fa bilibili 鍜?fa csdn

social:

# 鏃犳枃瀛楃増鏈缃?/p>

github: github /benn314 || fab fa-github

e-mail: zekaiqiu0132@gmail || fa fa-envelope

bilibili: space.bilibili /362721207?spm_id_from=333.1007.0.0 || fa bilibili

csdn: blog.csdn /bennnnnnn?spm=1000.2115.3001.5343 || fa csdn

# 濡傛灉涓嶆兂鏈夊浘鏍囨弿杩版枃瀛楃殑璇?鍙互鎶奿cons_only璁剧疆涓簍rue

social_icons:

enable: true

icons_only: true # 璁剧疆鍙樉绀哄浘鏍囦笉鏄剧ず鏂囧瓧

transition: false

鈥?/p>

22 娣诲姞fork me on github鍏ュ彛

棣栧厛鍒?github corners 鎴栬€?github ribbons 閫夋嫨鑷繁鍠滄鐨勫浘鏍囷紝鐒跺悗copy鐩稿簲鐨勪唬鐮佺矘璐村埌 themes/next/layout/_layout.njk 鏂囦欢涓紝鎶婁唬鐮佷腑鐨刪ref鍚庨潰鐨勫€兼浛鎹㈡垚浣犺璺宠浆鐨勫湴鍧€锛屾瘮濡備綘鐨凣ithub涓婚〉

鈥?/p>

23 鏇存崲鍗氬鑳屾櫙

鏇存崲涓昏儗鏅?/p>

鎶婂噯澶囧ソ鐨勮儗鏅浘鏀惧叆 themes\hexo-theme-next\source\images 涓?/p>

鏂扮増鏈渶瑕佹柊寤?hexo/source/_data/styles.styl锛屽嵆鍦?hexo鐩綍鐨?source鏂囦欢澶逛笅鏂板缓 _data 鏂囦欢澶癸紝鏂囦欢澶逛腑鏂板缓 styles.styl

娉ㄦ剰锛氭槸鏂板缓鍦?hexo鐩綍涓?source鏂囦欢澶归噷锛岃€屼笉鏄富棰樻枃浠?next鐩綍涓嬬殑 source鏂囦欢澶?/p>

鎵撳紑 styles.styl锛屾坊鍔犲涓嬶細

//鑳屾櫙鍥剧墖璁剧疆

body {

background-image: ;

background-repeat: no-repeat;

background-attachment: fixed;

background-size: 100% 100%;

}

閰嶇疆椤?/p>

background-image:url 涓哄浘鐗囪矾寰勶紝鍙互鐩存帴浣跨敤閾炬帴锛屼篃鍙互鏄浘鐗囪矾寰勶紙灏嗚嚜瀹氫箟鍥剧墖鏀惧叆hexo\public\images璺緞涓嬶級background-repeat锛氳嫢鏋滆儗鏅浘鐗囦笉鑳藉叏灞忥紝閭ｄ箞鏄惁骞抽摵鏄剧ず锛屽厖婊″睆骞昩ackground-attachment锛氳儗鏅槸鍚﹂殢鐫€缃戦〉涓婁笅婊氬姩鑰屾粴鍔紝fixed 涓哄浐瀹歜ackground-size锛氬浘鐗囧睍绀哄ぇ灏忥紝杩欓噷璁剧疆 100%锛?00% 鐨勬剰涔変负锛氬鏋滆儗鏅浘鐗囦笉鑳藉叏灞忥紝閭ｄ箞鏄惁閫氳繃鎷変几鐨勬柟寮忓皢鑳屾櫙寮哄埗鎷変几鑷冲叏灞忔樉绀篵ackground-size: cover // 濉厖

鎵撳紑涓婚閰嶇疆鏂囦欢锛屽皢 custom_file_path 鐨?sytle 娉ㄩ噴鎵撳紑

custom_file_path:

#head: source/_data/head.njk

#header: source/_data/header.njk

#sidebar: source/_data/sidebar.njk

#postmeta: source/_data/post-meta.njk

#postbodyend: source/_data/post-body-end.njk

#footer: source/_data/footer.njk

#bodyend: source/_data/body-end.njk

variable: source/_data/variables.styl

#mixin: source/_data/mixins.styl

style: source/_data/styles.styl

娣诲姞渚ц竟鏍忚儗鏅?/p>

[澶栭摼鍥剧墖杞瓨澶辫触,婧愮珯鍙兘鏈夐槻鐩楅摼鏈哄埗,寤鸿灏嗗浘鐗囦繚瀛樹笅鏉ョ洿鎺ヤ笂浼?img-wqmix7zs-1669188613116)( images.unsplash /photo-1668871333606-ef8461d43922?ixlib=rb-4.0.3&ixid=mnwxmja3fdb8mhxlzgl0b3jpywwtzmvlzhw0fhx8zw58mhx8fhw=&auto=format&fit=crop&w=600&q=60)]

瀵?themes\hexo-theme-next\source\css_schemes\pisces_header.styl 涓?site-brand-container鐨刡ackground杩涜淇敼

.site-brand-container {

// background: var(--theme-color); // 榛樿鑳屾櫙

background: ;

// background: ;

// background: ;

// background: ;

//background: ;

background-size: cover; // 濉厖

//background-size: 100% 100%;

.site-nav-on & {

tablet-mobile() {

box-shadow: 0 0 16px rgba(0, 0, 0, .5);

}

}

}

鎵╁睍

unsplash鏄竴涓珮娓呭ぇ鍥惧厤璐逛笅杞界殑濂界綉绔欙紝鎻愪緵浜嗗ぇ閲忕殑鍥剧墖鍜屽閾続pi锛屽彲浠ョ敤鏉ュ綋浣滆嚜宸辩殑鍗氬鑳屾櫙

鈥?/p>

24 璁剧疆閫忔槑搴?/p>

鍗曠嫭缁欐瘡涓尯鍩熻缃畂pacity浼氬嚭鐜板緢澶氶棶棰橈紝渚嬪鎼滅储妗嗗脊鍑轰細琚鐩栧浘灞傚鑷存棤娉曡繘琛屾湰鍦版悳绱?/p>

鏈€鐞嗘兂鏄繘琛屽叏灞€璁剧疆锛屽湪 blog\source\_data\styles.styl 涓?鐩存帴璁剧疆body鐨勯€忔槑搴︿负0.85 鍏ㄤ綋閫忔槑鍖栵紝opacity鐨勫€煎彲浠ヨ嚜琛岃皟鏁?/p>

//鑳屾櫙鍥剧墖璁剧疆

body {

background-image: ;

background-repeat: no-repeat;

background-attachment: fixed;

background-size: 100% 100%;

opacity: 0.85;

//鍙€?/p>

mobile(){

background-image: ;

background-size: cover;

}

}

鏂囩珷鍖哄煙浣嶇疆璋冩暣

璁剧疆浜嗗竷灞€锛堣皟鏁翠綅缃俊鎭級 涓嶉渶瑕佸彲浠ュ垹鎺変笅闈㈢殑margin鍜宲adding锛堥粯璁ゅ€兼病鏈夎缃甿argin鍜宲adding锛夋垨鑰呬慨鏀瑰叾鍊?/p>

blog\themes\hexo-theme-next\source\css_common\components\post\index.styl

.use-motion {

if (hexo-config('motion.transition.post_block')) {

.post-block {

visibility: hidden;

margin-top: 60px;

margin-bottom: 60px;

margin-left: 2px;

padding-top: 45px;

// border-radius: 20px 20px 20px 20px;

-webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);

-moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);

opacity: 0.95; // 娣诲姞閫忔槑搴?/p>

}

.pagination, ments {

visibility: hidden;

}

}

鈥?/p>

25 杈规鍦嗚

鍦ㄤ箣鍓嶆柊寤虹殑 _data 鐩綍涓嬫柊寤?variables.styl锛岀被浼兼柊寤?styles.styl銆傛墦寮€ variables.styl锛屾坊鍔犲涓嬶細

// 鍦嗚璁剧疆

$border-radius-inner = 20px 20px 20px 20px;

$border-radius = 20px;

鎵撳紑 custom_file_path 涓?variable 鐨勬敞閲?/p>

custom_file_path:

variable: source/_data/variables.styl

姝ゆ椂鏈変竴涓棶棰樺氨鏄?渚ц竟鏍?鍒嗙被宸︿笅/鍙充笅 鐨勫渾瑙掓槑鏄炬湁涓€灞傞槾褰憋紝涓嬪浘鏄慨姝ｈ繃鐨勶紙鍥剧墖鍙槸涓轰簡鎸囨槑浣嶇疆锛?/p>

鍘熷洜鏄紑鍚?back2top 鐨?sidebar 鍜?scrollpercent锛宐ack2top鐨勯槾褰辫儗鏅鐩栦簡鍦嗚锛屾妸闃村奖鑳屾櫙鏀逛负閫忔槑渚垮彲瑙ｅ喅锛屽洜涓烘垜浠渶瑕佺殑鍙槸scrollpercent

/themes/next/source/css/_variables/gemini.styl 鍐呬唬鐮?灏?$body-bg-color 璧嬪€间负閫忔槑 transparent

// variables of gemini scheme

// ==================================================

@import "pisces.styl";

// settings for some of the most global styles.

// --------------------------------------------------

$body-bg-color = #eee;

// $body-bg-color = transparent;

// borders.

// --------------------------------------------------

$box-shadow-inner = 0 2px 2px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .12);

$box-shadow = 0 2px 2px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 -1px .5px 0 rgba(0, 0, 0, .09);

// $border-radius-inner = 20px;

// $border-radius = 20px;

$border-radius-inner = initial;

$border-radius = initial;

// $border-radius-inner = 0 0 3px 3px;

// $border-radius = 3px;

淇敼渚ц竟鏍忛《閮ㄥ渾瑙?/p>

鍦?blog\themes\hexo-theme-next\source\css\_common\outline\header\index.styl 涓 site-brand-container锛堝鏌ュ厓绱犲緱鐭ワ級 杩涜淇敼

.site-brand-container {

display: flex;

flex-shrink: 0;

padding: 0 10px;

border-radius: 18.8px 18.8px 0 0; // 涓婅竟鍦嗚 涓嬭竟灏栬 涓嶈缃?0px 20px 0 0鐨勫師鍥犳槸鍥犱负涓嬮潰鐨剆idebar鐨刢lass="header"鏈変竴鐐圭櫧鑹叉孩鍑?鎵€浠ユ妸鍦嗚璁剧疆灏忕偣瀵瑰叾杩涜瑕嗙洊

}

宸︿笅/鍙充笅瑙掍笉闇€瑕佽缃渾瑙掞紝涓嶇劧鍙嶈€屼笉缇庤

鈥?/p>

26 璋冩暣back2top閫忔槑搴﹀拰浣嶇疆

璋冩暣閫忔槑搴?/p>

杩涘叆 blog\themes\hexo-theme-next\source\css\_variables\pisces.styl锛屾牴鎹嚜韬崥瀹慨鏀归€忔槑搴﹁嚦婊℃剰鍊?/p>

// 璋冩暣閫忔槑搴?/p>

// back to top

$b2t-opacity = .94; // 榛樿 .6

$b2t-opacity-hover = .99; // 榛樿 .8

璋冩暣浣嶇疆闈犲乏

璋冩暣浣嶇疆闈犲乏鐨勫師鍥犳槸璁捐鎶妉ive-2d鏀惧埌鍙宠竟锛岃€屾鏃禸ack2top鎸夐挳涓嶇鏄湪live-2d鍥惧眰涓婃柟(涓嶇編瑙?杩樻槸涓嬫柟(鎸夐挳鏃犳硶琚偣鍑讳笖鐪嬩笉鍒扮櫨鍒嗘瘮)鏁堟灉閮戒笉鐞嗘兂锛屾晠鎶婃寜閽皟鏁磋嚦闈犲乏浣嶇疆

鍦?blog\themes\hexo-theme-next\source\css_variables\base.styl 涓湁back to top鐨勫熀鏈弬鏁颁俊鎭紝鎴戜滑鎶?$b2t-position-right 鍜?$b2t-position-right-mobile 娉ㄩ噴鎺夛紝浣垮叾榛樿闈犲乏

// components

// --------------------------------------------------

// back to top

$b2t-opacity = .8;

$b2t-opacity-hover = 1;

$b2t-position-bottom = -100px;

$b2t-position-bottom-on = 30px;

// $b2t-position-right = 30px; //娉ㄩ噴鎺?themes\hexo-theme-next\source\css\_mixins.styl鐨勯€昏緫涔熷彲浠ユ敞閲婃帀 涓嶇劧鍙兘鏈墂arnning

// $b2t-position-right-mobile = 20px;//娉ㄩ噴鎺?themes\hexo-theme-next\source\css\_mixins.styl鐨勯€昏緫涔熷彲浠ユ敞閲婃帀 涓嶇劧鍙兘鏈墂arnning

$b2t-font-size = 12px;

$b2t-color = white;

$b2t-bg-color = $black-deep;

$sidebar-toggle-inner-size = 16px;

$sidebar-toggle-padding = 5px;

$sidebar-toggle-size = $sidebar-toggle-inner-size $sidebar-toggle-padding * 2;

杩欓噷浠巖ight淇敼鎴恖eft鏃犳晥鐨勫師鍥犳槸鍊兼病鏈夊彉 鍙槸鎹簡涓彉閲忓悕 褰撶劧娌＄敤鍛€ 鍚嶅瓧鍙槸鐢ㄦ潵鍖哄垎鑰屽凡 浣犲彨鍙宠竟鍙仛tan90閮芥病闂

鐒跺悗鍦?themes\hexo-theme-next\source\css_common\components\back-to-top.styl 鏈熬娣诲姞濡備笅涓よ浠ｇ爜骞舵敞閲?margin-right: 8px;

if (hexo-config('back2top.enable')) {

.back-to-top {

font-size: $b2t-font-size;

span {

//margin-right: 8px; // 娉ㄩ噴鎺夛紙榛樿璁剧疆鏄繖涓?缁欐敼鎴愭湯灏句袱琛岋級

}

...

...

padding-right: 5px; // 鏂版坊鍔犵殑浠ｇ爜

left: 30px; // // 鏂版坊鍔犵殑浠ｇ爜

}

}

鈥?/p>

27 娣诲姞readme.md鏂囦欢

姣忎釜椤圭洰涓嬩竴鑸兘鏈変竴涓?readme.md 鏂囦欢锛屼絾鏄娇鐢?hexo 閮ㄧ讲鍒颁粨搴撳悗锛岄」鐩笅鏄病鏈?readme.md 鏂囦欢鐨?/p>

鍦?hexo 鐩綍涓嬬殑 source 鏍圭洰褰曚笅娣诲姞涓€涓?readme.md 鏂囦欢锛屼慨鏀圭珯鐐归厤缃枃浠?_config.yml锛屽皢 skip_render 鍙傛暟鐨勫€艰缃负

skip_render: readme.md

淇濆瓨閫€鍑哄嵆鍙?鍐嶆浣跨敤 hexo d 鍛戒护閮ㄧ讲鍗氬鐨勬椂鍊欏氨涓嶄細鍦ㄦ覆鏌?readme.md 鏂囦欢浜?/p>

鈥?/p>

28 渚ф爮celeste(鏃嬭浆鐨勫皬浜?

杩欓噷缃楀垪涓ょ浣嶇疆鎽嗘斁鏁堟灉

鏀惧湪 blog\themes\hexo-theme-next\layout_macro\sidebar.njk

{%- if theme.back2top.enable and theme.back2top.sidebar %}

{%- endif %}