2023-10-24 09:50:42 +08:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title >
2023-11-03 14:25:01 +08:00
Cosy 入门
2023-10-24 09:50:42 +08:00
< / title >
< meta name = "description" content = "" >
< meta name = "keywords" content = "" >
< meta name = "author" content = "Mozzie" >
2023-12-12 14:42:43 +08:00
< link rel = "canonical" href = "https://mozzie.cn/2023/10/23/clq1z6upr00019gz329d23gxb/" >
2023-10-24 09:50:42 +08:00
< link rel = "icon" type = "image/svg" href = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 7h1a2 2 0 0 1 2 2v.5a.5.5 0 0 0 .5.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5a.5.5 0 0 0-.5.5v.5a2 2 0 0 1-2 2h-2"></path><path d="M8 7H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1"></path><path d="M12 8l-2 4h3l-2 4"></path></g></svg>' >
2023-11-21 16:58:32 +08:00
< link rel = "stylesheet" href = "/css/5e0df50f.css" >
2023-10-24 09:50:42 +08:00
< meta name = "generator" content = "Hexo 6.3.0" > < / head >
< body id = "app" >
<!-- 响应式布局按钮 -->
2023-11-11 18:50:08 +08:00
< a class = "side-navigation btn-hover btn-hover-bg tip left" data-tip = "展开" >
2023-10-24 09:50:42 +08:00
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" >
< g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< rect x = "4" y = "4" width = "16" height = "16" rx = "2" > < / rect >
< path d = "M9 4v16" > < / path >
< / g >
< / svg >
< / a >
< aside >
< div >
2023-11-03 14:52:16 +08:00
< link rel = "stylesheet" href = "/css/5bfc518f.css" >
2023-10-24 09:50:42 +08:00
< div class = "home-bar" >
2023-11-11 18:50:08 +08:00
< a href = "/" class = "tip" data-tip = "首页" >
2023-10-24 09:50:42 +08:00
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 512 512" >
< path
d="M172.2 226.8c-14.6-2.9-28.2 8.9-28.2 23.8V301c0 10.2 7.1 18.4 16.7 22c18.2 6.8 31.3 24.4 31.3 45c0 26.5-21.5 48-48 48s-48-21.5-48-48V120c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v248c0 89.5 82.1 160.2 175 140.7c54.4-11.4 98.3-55.4 109.7-109.7c17.4-82.9-37-157.2-112.5-172.2zM209 0c-9.2-.5-17 6.8-17 16v31.6c0 8.5 6.6 15.5 15 15.9c129.4 7 233.4 112 240.9 241.5c.5 8.4 7.5 15 15.9 15h32.1c9.2 0 16.5-7.8 16-17C503.4 139.8 372.2 8.6 209 0zm.3 96c-9.3-.7-17.3 6.7-17.3 16.1v32.1c0 8.4 6.5 15.3 14.8 15.9c76.8 6.3 138 68.2 144.9 145.2c.8 8.3 7.6 14.7 15.9 14.7h32.2c9.3 0 16.8-8 16.1-17.3c-8.4-110.1-96.5-198.2-206.6-206.7z"
fill="currentColor">< / path >
< / svg >
< span > Mozzie< / span >
< / a >
<!-- 切换主题 -->
2023-11-11 18:50:08 +08:00
< a id = "toggle-theme" class = "tip left" data-tip = "切换主题" >
2023-10-24 09:50:42 +08:00
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 512 512" >
< path d = "M256 118a22 22 0 0 1-22-22V48a22 22 0 0 1 44 0v48a22 22 0 0 1-22 22z" fill = "currentColor" > < / path >
< path d = "M256 486a22 22 0 0 1-22-22v-48a22 22 0 0 1 44 0v48a22 22 0 0 1-22 22z" fill = "currentColor" > < / path >
< path
d="M369.14 164.86a22 22 0 0 1-15.56-37.55l33.94-33.94a22 22 0 0 1 31.11 31.11l-33.94 33.94a21.93 21.93 0 0 1-15.55 6.44z"
fill="currentColor">< / path >
< path
d="M108.92 425.08a22 22 0 0 1-15.55-37.56l33.94-33.94a22 22 0 1 1 31.11 31.11l-33.94 33.94a21.94 21.94 0 0 1-15.56 6.45z"
fill="currentColor">< / path >
< path d = "M464 278h-48a22 22 0 0 1 0-44h48a22 22 0 0 1 0 44z" fill = "currentColor" > < / path >
< path d = "M96 278H48a22 22 0 0 1 0-44h48a22 22 0 0 1 0 44z" fill = "currentColor" > < / path >
< path
d="M403.08 425.08a21.94 21.94 0 0 1-15.56-6.45l-33.94-33.94a22 22 0 0 1 31.11-31.11l33.94 33.94a22 22 0 0 1-15.55 37.56z"
fill="currentColor">< / path >
< path
d="M142.86 164.86a21.89 21.89 0 0 1-15.55-6.44l-33.94-33.94a22 22 0 0 1 31.11-31.11l33.94 33.94a22 22 0 0 1-15.56 37.55z"
fill="currentColor">< / path >
< path d = "M256 358a102 102 0 1 1 102-102a102.12 102.12 0 0 1-102 102z" fill = "currentColor" > < / path >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 512 512" >
< path
d="M264 480A232 232 0 0 1 32 248c0-94 54-178.28 137.61-214.67a16 16 0 0 1 21.06 21.06C181.07 76.43 176 104.66 176 136c0 110.28 89.72 200 200 200c31.34 0 59.57-5.07 81.61-14.67a16 16 0 0 1 21.06 21.06C442.28 426 358 480 264 480z"
fill="currentColor">< / path >
< / svg >
< / a >
< / div >
2023-11-06 16:14:34 +08:00
< script src = "/js/ae2a0e7b.js" > < / script >
2023-10-24 09:50:42 +08:00
<!-- search -->
2023-11-03 14:52:16 +08:00
2023-11-08 10:11:56 +08:00
< link rel = "stylesheet" href = "/css/82dd7e5a.css" >
2023-10-24 09:50:42 +08:00
< form class = "search-group" >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 20 20" >
< g fill = "currentColor" >
< path d = "M8.5 3a5.5 5.5 0 0 1 4.383 8.823l4.147 4.147a.75.75 0 0 1-.976 1.133l-.084-.073l-4.147-4.147A5.5 5.5 0 1 1 8.5 3zm0 1.5a4 4 0 1 0 0 8a4 4 0 0 0 0-8z" fill = "currentColor" > < / path >
< / g >
< / svg >
2023-11-11 18:50:08 +08:00
< span id = "search-input" > 搜索...< / span >
2023-10-24 09:50:42 +08:00
< div class = "short-key" >
< kbd class = "key-cap" > < span > Ctrl K< / span > < / kbd >
< / div >
< / form >
< script >
window.algolia = {
appId: "5DTW808BZ8",
SearchOnlyAPIKey: "27845b245efc8a2853cc0bdc7366ea26"
}
2023-11-03 14:52:16 +08:00
window.search = {
2023-11-10 13:55:02 +08:00
enable: "true"
2023-11-03 14:52:16 +08:00
}
2023-10-24 09:50:42 +08:00
< / script >
2023-11-10 13:55:02 +08:00
< script src = "/js/b9c2be9c.js" > < / script >
2023-10-24 09:50:42 +08:00
2023-11-03 14:52:16 +08:00
2023-10-24 09:50:42 +08:00
<!-- navigation -->
2023-10-19 22:44:47 +08:00
< link rel = "stylesheet" href = "/css/3efc6cb5.css" >
2023-10-24 09:50:42 +08:00
< section class = "category-nav scrollbar-obtrusive" >
2023-11-10 13:44:10 +08:00
< ul > < li data-path = "timeline" >
< a href = "/archives" >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" > < g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > < path d = "M12 7v14" > < / path > < path d = "M9 18l3 3l3-3" > < / path > < circle cx = "12" cy = "5" r = "2" > < / circle > < / g > < / svg >
2023-11-11 18:50:08 +08:00
< div class = "ellipsis" > 时间轴< / div >
2023-11-10 13:44:10 +08:00
< / a >
< / li > < li data-path = "roadmap" >
< a href = "/roadmap" >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" > < g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > < path d = "M10.5 20.4l-6.9-6.9c-.781-.781-.781-2.219 0-3l6.9-6.9c.781-.781 2.219-.781 3 0l6.9 6.9c.781.781.781 2.219 0 3l-6.9 6.9c-.781.781-2.219.781-3 0z" > < / path > < path d = "M9 14v-2c0-.59.414-1 1-1h5" > < / path > < path d = "M13 9l2 2l-2 2" > < / path > < / g > < / svg >
2023-11-11 18:50:08 +08:00
< div class = "ellipsis" > 路线< / div >
2023-11-10 13:44:10 +08:00
< / a >
< / li > < li data-path = "resume" >
< a href = "/resume" >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" > < g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > < path d = "M14 3v4a1 1 0 0 0 1 1h4" > < / path > < path d = "M5 8V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2h-5" > < / path > < circle cx = "6" cy = "14" r = "3" > < / circle > < path d = "M4.5 17L3 22l3-1.5L9 22l-1.5-5" > < / path > < / g > < / svg >
2023-11-11 18:50:08 +08:00
< div class = "ellipsis" > 简历< / div >
2023-11-10 13:44:10 +08:00
< / a >
< / li > < / ul >
2023-11-11 18:50:08 +08:00
< p > 分类< / p >
2023-11-10 13:44:10 +08:00
< ul > < li class = "" >
< a href = "/categories/EQ/" >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" > < g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > < path d = "M5.636 5.636a9 9 0 0 1 13.397.747L13.414 12l5.619 5.617A9 9 0 1 1 5.636 5.636z" > < / path > < circle cx = "11.5" cy = "7.5" r = "1" fill = "currentColor" > < / circle > < / g > < / svg >
2023-11-10 13:51:34 +08:00
< div class = "ellipsis" >
< span > EQ< / span >
< / div >
2023-11-10 13:44:10 +08:00
< / a >
< / li > < li class = "" >
< a href = "/categories/Finance/" >
2023-11-10 13:51:34 +08:00
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" > < g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > < circle cx = "12" cy = "12" r = "9" > < / circle > < path d = "M14.8 9A2 2 0 0 0 13 8h-2a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-2a2 2 0 0 1-1.8-1" > < / path > < path d = "M12 6v2m0 8v2" > < / path > < / g > < / svg >
< div class = "ellipsis" >
< span > Finance< / span >
< / div >
2023-11-10 13:44:10 +08:00
< / a >
< / li > < li class = "" >
< a href = "/categories/Front-End/" >
2023-11-10 13:51:34 +08:00
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" > < g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > < path d = "M20 4l-2 14.5l-6 2l-6-2L4 4z" > < / path > < path d = "M7.5 8h3v8l-2-1" > < / path > < path d = "M16.5 8H14a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h1.423a.5.5 0 0 1 .495.57L15.5 15.5l-2 .5" > < / path > < / g > < / svg >
< div class = "ellipsis" >
< span > Front-End< / span >
< / div >
2023-11-10 13:44:10 +08:00
< / a >
< / li > < li class = "active" >
< a href = "/categories/Hexo/" >
2023-11-10 13:51:34 +08:00
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" > < g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > < path d = "M4 17v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1" > < / path > < path d = "M8 16h8" > < / path > < path d = "M8.322 12.582l7.956.836" > < / path > < path d = "M8.787 9.168l7.826 1.664" > < / path > < path d = "M10.096 5.764l7.608 2.472" > < / path > < / g > < / svg >
< div class = "ellipsis" >
< span > Hexo< / span >
< / div >
2023-11-10 13:44:10 +08:00
< / a >
2023-11-21 13:49:17 +08:00
< / li > < li class = "" >
< a href = "/categories/%E6%B1%82%E5%AD%A6%E4%B9%8B%E8%B7%AF/" >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" > < g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > < path d = "M7 4a2 2 0 0 0-2 2v3a2 3 0 0 1-2 3a2 3 0 0 1 2 3v3a2 2 0 0 0 2 2" > < / path > < path d = "M17 4a2 2 0 0 1 2 2v3a2 3 0 0 0 2 3a2 3 0 0 0-2 3v3a2 2 0 0 1-2 2" > < / path > < / g > < / svg >
< div class = "ellipsis" >
< span > 求学之路< / span >
< / div >
< / a >
2023-11-11 18:48:29 +08:00
< / li > < li class = "" >
< a href = "/categories/%E8%87%AA%E5%AA%92%E4%BD%93/" >
2023-11-11 18:50:08 +08:00
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" > < path d = "M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > < / path > < / svg >
2023-11-11 18:48:29 +08:00
< div class = "ellipsis" >
< span > 自媒体< / span >
< / div >
< / a >
2023-11-10 13:44:10 +08:00
< / li > < / ul >
2023-10-24 09:50:42 +08:00
< / section >
2023-10-19 22:44:47 +08:00
< script src = "/js/f8b20eb9.js" > < / script >
2023-10-24 09:50:42 +08:00
<!-- icp -->
< div class = "icp" >
< a target = "_blank" rel = "noopener" href = "http://beian.miit.gov.cn/" > 苏ICP备19008833号-4< / a >
< / div >
< / div >
< / aside >
< main >
2023-12-12 14:42:43 +08:00
< link rel = "stylesheet" href = "/css/3fe07c47.css" >
2023-10-24 09:50:42 +08:00
< div class = "post-container" >
< div class = "content" >
< header >
2023-10-19 22:44:47 +08:00
< link rel = "stylesheet" href = "/css/de5de8fb.css" >
2023-10-24 09:50:42 +08:00
< nav class = "breadcrumb" >
2023-11-11 18:50:08 +08:00
< a href = "/" class = "home tip btn-hover right" data-tip = "首页" >
2023-10-24 09:50:42 +08:00
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 512 512" >
< path d = "M172.2 226.8c-14.6-2.9-28.2 8.9-28.2 23.8V301c0 10.2 7.1 18.4 16.7 22c18.2 6.8 31.3 24.4 31.3 45c0 26.5-21.5 48-48 48s-48-21.5-48-48V120c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v248c0 89.5 82.1 160.2 175 140.7c54.4-11.4 98.3-55.4 109.7-109.7c17.4-82.9-37-157.2-112.5-172.2zM209 0c-9.2-.5-17 6.8-17 16v31.6c0 8.5 6.6 15.5 15 15.9c129.4 7 233.4 112 240.9 241.5c.5 8.4 7.5 15 15.9 15h32.1c9.2 0 16.5-7.8 16-17C503.4 139.8 372.2 8.6 209 0zm.3 96c-9.3-.7-17.3 6.7-17.3 16.1v32.1c0 8.4 6.5 15.3 14.8 15.9c76.8 6.3 138 68.2 144.9 145.2c.8 8.3 7.6 14.7 15.9 14.7h32.2c9.3 0 16.8-8 16.1-17.3c-8.4-110.1-96.5-198.2-206.6-206.7z" fill = "currentColor" > < / path >
< / svg >
< / a >
< em >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 20 20" >
< g fill = "none" >
< path d = "M7.733 4.207a.75.75 0 0 1 1.06.026l5.001 5.25a.75.75 0 0 1 0 1.035l-5 5.25a.75.75 0 1 1-1.087-1.034L12.216 10l-4.51-4.734a.75.75 0 0 1 .027-1.06z" fill = "currentColor" > < / path >
< / g >
< / svg >
< / em >
< a href = "/categories/Hexo/" >
Hexo
< / a >
< em >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 20 20" >
< g fill = "none" >
< path d = "M7.733 4.207a.75.75 0 0 1 1.06.026l5.001 5.25a.75.75 0 0 1 0 1.035l-5 5.25a.75.75 0 1 1-1.087-1.034L12.216 10l-4.51-4.734a.75.75 0 0 1 .027-1.06z" fill = "currentColor" > < / path >
< / g >
< / svg >
< / em >
< span class = "ellipsis" >
2023-11-03 14:25:01 +08:00
Cosy 入门
2023-10-24 09:50:42 +08:00
< / span >
< / nav >
2023-10-19 22:44:47 +08:00
< script src = "/js/31d6cfe0.js" > < / script >
2023-10-24 09:50:42 +08:00
< / header >
< main class = "scrollbar-obtrusive" >
< div class = "article-container" >
<!-- 文章tags -->
<!-- 渲染文章内容 -->
2023-11-08 13:45:34 +08:00
< article >
2023-12-12 14:42:43 +08:00
< h1 > Cosy 入门< / h1 >
< p class = "post-info" > 更新: 2023-11-24 16:53:37< / p >
2023-11-24 16:53:45 +08:00
< h1 id = "安装" > < a href = "#安装" class = "headerlink" title = "安装" > < / a > 安装< / h1 > < p > hexo-theme-cosy 主题 < code > 1.x.x 版本< / code > 是在 Hexo < code > 6.3.0< / code > 版本下进行的开发、测试的。根据可靠消息， < code > 7.0.0< / code > 版本不兼容 😂< / p >
< p > 如遇到如下情况：< / p >
< ul >
< li > 代码高亮不正常< / li >
< li > 搜索显示不正常< / li >
< / ul >
< p > 请检查 < code > package.json< / code > 中 < code > dependencies< / code > 中的 hexo 版本号，修改完 < code > 6.3.0< / code > ，然后 < code > npm install< / code > 重新安装依赖即可< / p >
< h2 id = "使用-npm-安装" > < a href = "#使用-npm-安装" class = "headerlink" title = "使用 npm 安装" > < / a > 使用 npm 安装< / h2 > < p > 在主题的根目录< / p >
2023-11-17 10:57:18 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > npm i hexo< span class = "token punctuation" > -< / span > theme< span class = "token punctuation" > -< / span > cosy< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
2023-11-24 16:47:58 +08:00
< p > 此外，需要新建一个 < code > _config.cosy.yml< / code > ，用来定义< code > 主题配置< / code > < / p >
< p > 最后，修改< code > hexo< / code > 的配置: < code > _config.yml< / code > ，添加下面的内容：< / p >
2023-11-17 10:57:18 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > theme< / span > < span class = "token punctuation" > :< / span > cosy
< span class = "token key atrule" > algolia< / span > < span class = "token punctuation" > :< / span >
< span class = "token key atrule" > appId< / span > < span class = "token punctuation" > :< / span > 你的
< span class = "token key atrule" > apiKey< / span > < span class = "token punctuation" > :< / span > 你的
< span class = "token key atrule" > adminApiKey< / span > < span class = "token punctuation" > :< / span > 你的
< span class = "token key atrule" > SearchOnlyAPIKey< / span > < span class = "token punctuation" > :< / span > 你的
< span class = "token key atrule" > chunkSize< / span > < span class = "token punctuation" > :< / span > < span class = "token number" > 5000< / span >
< span class = "token key atrule" > indexName< / span > < span class = "token punctuation" > :< / span > 你的algolia的index
< span class = "token key atrule" > fields< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > content
< span class = "token punctuation" > -< / span > excerpt< span class = "token punctuation" > :< / span > strip
< span class = "token punctuation" > -< / span > categories
< span class = "token punctuation" > -< / span > title
< span class = "token punctuation" > -< / span > permalink
< span class = "token punctuation" > -< / span > slug
< span class = "token punctuation" > -< / span > tags
< span class = "token punctuation" > -< / span > title< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-24 16:47:58 +08:00
< h2 id = "传统方式-安装-Hexo-安装主题" > < a href = "#传统方式-安装-Hexo-安装主题" class = "headerlink" title = "传统方式 - 安装 Hexo 安装主题" > < / a > 传统方式 - 安装 Hexo 安装主题< / h2 > < p > 将主题 < code > hexo-theme-cosy< / code > 文件夹复制目录的 < code > themes< / code > 目录下，然后在 < code > Hexo< / code > 的 < code > _config.yml< / code > 中修改下主题配置即可< / p >
2023-11-03 14:25:01 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token comment" > # 找到 theme 配置项< / span >
2023-11-24 16:47:58 +08:00
< span class = "token key atrule" > theme< / span > < span class = "token punctuation" > :< / span > hexo< span class = "token punctuation" > -< / span > theme< span class = "token punctuation" > -< / span > cosy< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h2 id = "获取-Cosy" > < a href = "#获取-Cosy" class = "headerlink" title = "获取 Cosy" > < / a > 获取 Cosy< / h2 > < ul >
< li > 进入 < a target = "_blank" rel = "noopener" href = "https://github.com/17px/hexo-theme-cosy/tree/main" > Cosy 代码仓库< / a > ，了解最新的主题开发进度< / li >
< li > 在 < a target = "_blank" rel = "noopener" href = "https://github.com/17px/hexo-theme-cosy/releases" > 发布页面< / a > 下载 < code > hexo-theme-cosy.zip< / code > < / li >
< li > 解压至站点的 < code > themes< / code > 目录下< / li >
< li > 在 Hexo 的 < code > _config.yml< / code > 中启用< / li >
2023-10-20 13:58:15 +08:00
< / ul >
2023-11-24 16:47:58 +08:00
< h1 id = "hexo-配置" > < a href = "#hexo-配置" class = "headerlink" title = "hexo 配置" > < / a > hexo 配置< / h1 > < p > 在 < code > Hexo< / code > 的 < code > _config.yml< / code > 中调整< / p >
2023-11-03 14:25:01 +08:00
< h2 id = "基础配置" > < a href = "#基础配置" class = "headerlink" title = "基础配置" > < / a > 基础配置< / h2 > < pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token comment" > # 网页标题< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 17px blog
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 侧边栏顶部显示< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > subtitle< / span > < span class = "token punctuation" > :< / span > < span class = "token string" > "Mozzie"< / span >
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 用于SEO的html元描述< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > description< / span > < span class = "token punctuation" > :< / span > < span class = "token string" > ""< / span >
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 用于SEO的html关键字< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > keywords< / span > < span class = "token punctuation" > :< / span >
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 文章版权声明显示作者名称< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > author< / span > < span class = "token punctuation" > :< / span > Mozzie
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 在此处设置您的网站url< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > url< / span > < span class = "token punctuation" > :< / span > https< span class = "token punctuation" > :< / span > //mozzie.cn< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h2 id = "语言" > < a href = "#语言" class = "headerlink" title = "语言" > < / a > 语言< / h2 > < p > 你可以在 < code > hexo-theme-cosy/languages< / code > 中找到不同的语言文件，如果想切换语言，在配置文件中，填入 < code > yml< / code > 的文件名< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > language< / span > < span class = "token punctuation" > :< / span > en< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h2 id = "文章语法高亮" > < a href = "#文章语法高亮" class = "headerlink" title = "文章语法高亮" > < / a > 文章语法高亮< / h2 > < p > 关闭hexo默认的highlight.js语法高亮< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > highlight< / span > < span class = "token punctuation" > :< / span >
< span class = "token key atrule" > enable< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > false< / span >
< span class = "token key atrule" > line_number< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / span >
< span class = "token key atrule" > auto_detect< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > false< / span >
< span class = "token key atrule" > tab_replace< / span > < span class = "token punctuation" > :< / span > < span class = "token string" > ""< / span >
< span class = "token key atrule" > wrap< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / span >
< span class = "token key atrule" > hljs< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > false< / span >
< span class = "token key atrule" > prismjs< / span > < span class = "token punctuation" > :< / span >
< span class = "token key atrule" > enable< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / span >
< span class = "token key atrule" > preprocess< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / span >
< span class = "token key atrule" > line_number< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / span >
< span class = "token key atrule" > line_threshold< / span > < span class = "token punctuation" > :< / span > < span class = "token number" > 0< / span >
< span class = "token key atrule" > tab_replace< / span > < span class = "token punctuation" > :< / span > < span class = "token string" > ""< / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-24 16:47:58 +08:00
< h1 id = "Cosy-主题配置" > < a href = "#Cosy-主题配置" class = "headerlink" title = "Cosy 主题配置" > < / a > Cosy 主题配置< / h1 > < p > 注意：< / p >
< ul >
< li > < p > 采用 < code > npm< / code > 的方式进行了主题安装， < code > _config.cosy.yml< / code > 的< / p >
< / li >
< li > < p > 采用传统方式安装，则是针对 < code > /hexo-theme-cosy/_config.yml< / code > < / p >
< / li >
< / ul >
2023-11-10 14:17:50 +08:00
< h2 id = "文章分类图标" > < a href = "#文章分类图标" class = "headerlink" title = "文章分类图标" > < / a > 文章分类图标< / h2 > < blockquote >
< p > 可以在 < a target = "_blank" rel = "noopener" href = "https://www.xicons.org/" > xicon< / a > 获取丰富的图标< / p >
< / blockquote >
< p > 在< code > 主题_config.yml< / code > 文件中，添加< code > 分类名称< / code > 和< code > 图标svg< / code > 的映射，如值设置为 < code > false< / code > ，代表不显示该分类< / p >
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > category_meta< / span > < span class = "token punctuation" > :< / span >
< span class = "token key atrule" > foo< / span > < span class = "token punctuation" > :< / span > < svg xmlns="http< span class = "token punctuation" > :< / span > //www.w3.org/2000/svg" xmlns< span class = "token punctuation" > :< / span > xlink="http< span class = "token punctuation" > :< / span > //www.w3.org/1999/xlink" viewBox="0 0 24 24"< span class = "token punctuation" > >< / span > < g fill="none" stroke="currentColor" stroke< span class = "token punctuation" > -< / span > width="2" stroke< span class = "token punctuation" > -< / span > linecap="round" stroke< span class = "token punctuation" > -< / span > linejoin="round"< span class = "token punctuation" > >< / span > < path d="M4 17v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2< span class = "token punctuation" > -< / span > 2v< span class = "token punctuation" > -< / span > 1"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span > < path d="M8 16h8"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span > < path d="M8.322 12.582l7.956.836"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span > < path d="M8.787 9.168l7.826 1.664"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span > < path d="M10.096 5.764l7.608 2.472"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span > < /g< span class = "token punctuation" > >< / span > < /svg< span class = "token punctuation" > >< / span >
< span class = "token key atrule" > bar< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > false< / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-10-20 13:58:15 +08:00
2023-11-03 14:25:01 +08:00
< h2 id = "网站图标-favicon" > < a href = "#网站图标-favicon" class = "headerlink" title = "网站图标 favicon" > < / a > 网站图标 favicon< / h2 > < ul >
< li > 支持 < code > svg< / code > < / li >
< li > 支持 < code > 图片url< / code > ，如：< code > /img/favicon.png< / code > < / li >
2023-10-20 13:58:15 +08:00
< / ul >
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > favicon< / span > < span class = "token punctuation" > :< / span > < span class = "token string" > ''< / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h2 id = "ICP备案号" > < a href = "#ICP备案号" class = "headerlink" title = "ICP备案号" > < / a > ICP备案号< / h2 > < p > 😁 如不需要备案号，可直接删除< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > icp< / span > < span class = "token punctuation" > :< / span > 苏ICP备xxxxxxx号< span class = "token punctuation" > -< / span > x< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h2 id = "首页底部文字" > < a href = "#首页底部文字" class = "headerlink" title = "首页底部文字" > < / a > 首页底部文字< / h2 > < p > 😁 如不需要，可直接删除，或者改为 < code > false< / code > < / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > motto< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > false< / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h2 id = "文章版权申明" > < a href = "#文章版权申明" class = "headerlink" title = "文章版权申明" > < / a > 文章版权申明< / h2 > < p > 默认开启，当 < code > enable: false< / code > ，默认关闭< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > postCopyright< / span > < span class = "token punctuation" > :< / span >
< span class = "token key atrule" > enable< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / span >
< span class = "token key atrule" > license< / span > < span class = "token punctuation" > :< / span > CC BY< span class = "token punctuation" > -< / span > NC< span class = "token punctuation" > -< / span > SA 4.0
< span class = "token key atrule" > license_url< / span > < span class = "token punctuation" > :< / span > https< span class = "token punctuation" > :< / span > //creativecommons.org/licenses/by< span class = "token punctuation" > -< / span > nc< span class = "token punctuation" > -< / span > sa/4.0/< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-08 10:11:56 +08:00
< h2 id = "katex-数学公式" > < a href = "#katex-数学公式" class = "headerlink" title = "katex 数学公式" > < / a > katex 数学公式< / h2 > < p > 可自行配置 < code > cdn< / code > ，全局默认关闭该插件< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > katex< / span > < span class = "token punctuation" > :< / span >
< span class = "token key atrule" > jsCdn< / span > < span class = "token punctuation" > :< / span > //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js
2023-11-08 10:11:56 +08:00
< span class = "token key atrule" > cssCdn< / span > < span class = "token punctuation" > :< / span > //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-10-20 13:58:15 +08:00
2023-11-08 10:11:56 +08:00
< p > 为了加载速度，如果文章需要用到插件，请在文章头部增加，如< / p >
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > < span class = "token front-matter-block" > < span class = "token punctuation" > ---< / span >
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > use< / span > < span class = "token punctuation" > :< / span > katex< / span >
< span class = "token punctuation" > ---< / span > < / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
< h2 id = "mermaid-流程图" > < a href = "#mermaid-流程图" class = "headerlink" title = "mermaid 流程图" > < / a > mermaid 流程图< / h2 > < p > 在撰写时，请使用 < code > { % mermaid %} ` 和 `{ % endmermaid %} < / code > 包裹，全局默认关闭该插件< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > { % mermaid %}
graph TD;
A --> B;
A --> C;
B --> D;
C --> D;
{ % endmermaid %} < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< p > 相应配置如下< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > mermaid< / span > < span class = "token punctuation" > :< / span >
2023-11-15 10:21:41 +08:00
< span class = "token comment" > # 默认使用 neutral， ： < / span >
< span class = "token key atrule" > theme< / span > < span class = "token punctuation" > :< / span > neutral
< span class = "token key atrule" > cdn< / span > < span class = "token punctuation" > :< / span > //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-08 10:11:56 +08:00
< p > 为了加载速度，如果文章需要用到插件，请在文章头部增加，如< / p >
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > < span class = "token front-matter-block" > < span class = "token punctuation" > ---< / span >
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > use< / span > < span class = "token punctuation" > :< / span > mermaid< span class = "token punctuation" > ,< / span > katex< span class = "token punctuation" > ...< / span > < / span >
< span class = "token punctuation" > ---< / span > < / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-10-20 13:58:15 +08:00
2023-11-03 14:25:01 +08:00
< h2 id = "valine-文章评论" > < a href = "#valine-文章评论" class = "headerlink" title = "valine 文章评论" > < / a > valine 文章评论< / h2 > < p > 首先需要注册 < code > LeanCloud< / code > 国际区用户，创建数据库< / p >
2023-11-08 10:11:56 +08:00
< p > 请根据相关地区法规，酌情，全局默认关闭该插件< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > valine< / span > < span class = "token punctuation" > :< / span >
< span class = "token comment" > # 替换< / span >
< span class = "token key atrule" > appId< / span > < span class = "token punctuation" > :< / span > appId
< span class = "token comment" > # 替换< / span >
< span class = "token key atrule" > appKey< / span > < span class = "token punctuation" > :< / span > appKey
< span class = "token key atrule" > avatar< / span > < span class = "token punctuation" > :< / span > monsterid
< span class = "token key atrule" > cdn< / span > < span class = "token punctuation" > :< / span > //unpkg.com/valine@latest/dist/Valine.min.js
< span class = "token comment" > # 替换< / span >
2023-11-08 10:11:56 +08:00
< span class = "token key atrule" > serverURLs< / span > < span class = "token punctuation" > :< / span > //xxxxxxxx.api.lncldglobal.com< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
< p > 为了加载速度，如果文章需要用到插件，请在文章头部增加，如< / p >
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > < span class = "token front-matter-block" > < span class = "token punctuation" > ---< / span >
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > use< / span > < span class = "token punctuation" > :< / span > valine< span class = "token punctuation" > ,< / span > mermaid< span class = "token punctuation" > ...< / span > < / span >
< span class = "token punctuation" > ---< / span > < / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-10-20 13:58:15 +08:00
2023-11-03 14:25:01 +08:00
< h1 id = "algolia搜索" > < a href = "#algolia搜索" class = "headerlink" title = "algolia搜索" > < / a > algolia搜索< / h1 > < p > 博客自带的本地搜索，基于前端开发，存在或多或少的问题，建议换成 < code > algolia< / code > ，免费账户 总共有 < code > 10,000< / code > 条记录，每月有 < code > 100,000< / code > 的操作数< / p >
2023-11-10 14:17:50 +08:00
< h2 id = "关闭搜索" > < a href = "#关闭搜索" class = "headerlink" title = "关闭搜索" > < / a > 关闭搜索< / h2 > < p > 主页左侧导航栏不再显示搜索，通知相关资源不会加载，在主题 < code > _config.yml< / code > 中：< / p >
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > search< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > false< / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h2 id = "注册-amp-获取-Key" > < a href = "#注册-amp-获取-Key" class = "headerlink" title = "注册 & 获取 Key" > < / a > 注册 & 获取 Key< / h2 > < ol >
< li > < p > 创建一个新的 < code > Index< / code > ，例如 < code > hex-blog< / code > < / p >
2023-10-20 13:58:15 +08:00
< / li >
2023-11-03 14:25:01 +08:00
< li > < p > 复制并保存：< / p >
2023-10-20 13:58:15 +08:00
< / li >
< / ol >
< ul >
< li > Application ID< / li >
< li > Search-Only API Key< / li >
< li > Admin API Key< / li >
< li > Usage API Key< / li >
< / ul >
2023-10-22 21:07:22 +08:00
< p > < img src = "/img/algolia-api-keys.png" alt = "API Keys" > < / p >
2023-10-20 13:58:15 +08:00
< ol start = "3" >
2023-11-03 14:25:01 +08:00
< li > 替换配置< / li >
2023-10-20 13:58:15 +08:00
< / ol >
2023-11-03 14:25:01 +08:00
< p > 在 < code > Hexo< / code > 的 < code > _config.yml< / code > 中加入< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > algolia< / span > < span class = "token punctuation" > :< / span >
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 替换< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > appId< / span > < span class = "token punctuation" > :< / span > Application ID
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 替换< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > apiKey< / span > < span class = "token punctuation" > :< / span > Usage API Key
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 请勿泄露，用于上报，替换< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > adminApiKey< / span > < span class = "token punctuation" > :< / span > Admin API Key
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 替换< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > SearchOnlyAPIKey< / span > < span class = "token punctuation" > :< / span > Search< span class = "token punctuation" > -< / span > Only API Key
< span class = "token key atrule" > chunkSize< / span > < span class = "token punctuation" > :< / span > < span class = "token number" > 5000< / span >
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 替换< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > indexName< / span > < span class = "token punctuation" > :< / span > hex< span class = "token punctuation" > -< / span > blog
< span class = "token key atrule" > fields< / span > < span class = "token punctuation" > :< / span >
2023-11-07 16:12:40 +08:00
< span class = "token punctuation" > -< / span > content
< span class = "token punctuation" > -< / span > excerpt< span class = "token punctuation" > :< / span > strip
2023-10-20 13:58:15 +08:00
< span class = "token punctuation" > -< / span > categories
2023-11-07 16:12:40 +08:00
< span class = "token punctuation" > -< / span > title
2023-10-20 13:58:15 +08:00
< span class = "token punctuation" > -< / span > permalink
< span class = "token punctuation" > -< / span > slug
< span class = "token punctuation" > -< / span > tags
2023-11-07 16:12:40 +08:00
< span class = "token punctuation" > -< / span > title< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-10-20 13:58:15 +08:00
2023-11-07 16:12:40 +08:00
< h2 id = "安装-hexo-algoliasearch-next" > < a href = "#安装-hexo-algoliasearch-next" class = "headerlink" title = "安装 hexo-algoliasearch-next" > < / a > 安装 hexo-algoliasearch-next< / h2 > < p > 这是 Hexo 博客帖子索引插件，自动化提交索引到 Algolia< / p >
2023-10-20 13:58:15 +08:00
< blockquote >
2023-11-07 16:12:40 +08:00
< p > 如出遇到问题，可阅读 < a target = "_blank" rel = "noopener" href = "https://github.com/Becavalier/hexo-algoliasearch-next" > hexo-algoliasearch-next 仓库< / a > 最新说明< / p >
2023-10-20 13:58:15 +08:00
< / blockquote >
2023-11-03 14:25:01 +08:00
< p > 安装命令：< / p >
2023-11-07 16:12:40 +08:00
< pre class = "line-numbers language-bash" data-language = "bash" > < code class = "language-bash" > < span class = "token function" > npm< / span > < span class = "token function" > install< / span > hexo-algoliasearch-next < span class = "token parameter variable" > --save< / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
2023-10-20 13:58:15 +08:00
2023-11-03 14:25:01 +08:00
< h2 id = "使用-algolia" > < a href = "#使用-algolia" class = "headerlink" title = "使用 algolia" > < / a > 使用 algolia< / h2 > < p > 在每次博客发布之前，进行索引上传的操作，命令通常如下< / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-bash" data-language = "bash" > < code class = "language-bash" > hexo clean
hexo generate
hexo algolia< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h1 id = "🇨🇳-和风天气-Widget" > < a href = "#🇨🇳-和风天气-Widget" class = "headerlink" title = "🇨🇳 和风天气 Widget" > < / a > 🇨🇳 和风天气 Widget< / h1 > < p > Cosy 主要针对国内用户，在首页集成了和风天气的卡片，通过 < a target = "_blank" rel = "noopener" href = "https://dev.qweather.com/docs/start/" > 和风天气开发服务< / a > 注册< / p >
< p > 注册完成后，在配置中填入你的 < code > appKey< / code > 和 < code > cityCode(城市代码)< / code > < / p >
2023-10-20 13:58:15 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > weather< / span > < span class = "token punctuation" > :< / span >
< span class = "token key atrule" > enable< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / span >
2023-11-03 14:25:01 +08:00
< span class = "token comment" > # 替换< / span >
2023-10-20 13:58:15 +08:00
< span class = "token key atrule" > cityCode< / span > < span class = "token punctuation" > :< / span > cityCode
< span class = "token key atrule" > appKey< / span > < span class = "token punctuation" > :< / span > appKey< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< p > 其中 < code > cityCode< / code > 可以在 < a target = "_blank" rel = "noopener" href = "https://github.com/qwd/LocationList" > 官方的地区列表仓库< / a > 中的 < code > China-City-List-latest.csv< / code > 找到你所在城市的 < code > cityCode< / code > < / p >
< h1 id = "前置元数据" > < a href = "#前置元数据" class = "headerlink" title = "前置元数据" > < / a > 前置元数据< / h1 > < p > 在 Hexo 的 Markdown 文件中，一个典型的 YAML 格式的 < code > Front Matter< / code > 可能会是这样的：< / p >
2023-10-20 16:29:07 +08:00
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > < span class = "token front-matter-block" > < span class = "token punctuation" > ---< / span >
2023-11-03 14:25:01 +08:00
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 我的文章标题
2023-10-20 16:29:07 +08:00
< span class = "token key atrule" > categories< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > javascript
< span class = "token key atrule" > tags< / span > < span class = "token punctuation" > :< / span >
2023-11-03 14:25:01 +08:00
< span class = "token punctuation" > -< / span > 编程
2023-10-20 16:29:07 +08:00
< span class = "token punctuation" > -< / span > JavaScript< / span >
< span class = "token punctuation" > ---< / span > < / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h2 id = "top" > < a href = "#top" class = "headerlink" title = "top" > < / a > top< / h2 > < p > 实现文章置顶的功能，给定一个数值，可以进行排序，设定了 < code > top< / code > 元数据的文章，会在分类列表中，使用 📌 标记< / p >
< p > 例如有三篇文章：< / p >
2023-10-20 16:29:07 +08:00
< ul >
2023-11-03 14:25:01 +08:00
< li > 文章1< / li >
2023-10-20 16:29:07 +08:00
< / ul >
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > < span class = "token front-matter-block" > < span class = "token punctuation" > ---< / span >
2023-11-03 14:25:01 +08:00
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 文章1
2023-10-20 16:29:07 +08:00
< span class = "token key atrule" > top< / span > < span class = "token punctuation" > :< / span > < span class = "token number" > 0< / span >
< span class = "token key atrule" > categories< / span > < span class = "token punctuation" > :< / span >
2023-11-03 14:25:01 +08:00
< span class = "token punctuation" > -< / span > javascript
< span class = "token key atrule" > tags< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > 编程
< span class = "token punctuation" > -< / span > JavaScript< / span >
< span class = "token punctuation" > ---< / span > < / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-10-20 16:29:07 +08:00
< ul >
2023-11-03 14:25:01 +08:00
< li > 文章2< / li >
2023-10-20 16:29:07 +08:00
< / ul >
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > < span class = "token front-matter-block" > < span class = "token punctuation" > ---< / span >
2023-11-03 14:25:01 +08:00
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 文章2
2023-10-20 16:29:07 +08:00
< span class = "token key atrule" > top< / span > < span class = "token punctuation" > :< / span > < span class = "token number" > 1< / span >
< span class = "token key atrule" > categories< / span > < span class = "token punctuation" > :< / span >
2023-11-03 14:25:01 +08:00
< span class = "token punctuation" > -< / span > javascript
< span class = "token key atrule" > tags< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > 编程
< span class = "token punctuation" > -< / span > JavaScript< / span >
< span class = "token punctuation" > ---< / span > < / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-10-20 16:29:07 +08:00
< ul >
2023-11-03 14:25:01 +08:00
< li > 文章3< / li >
2023-10-20 16:29:07 +08:00
< / ul >
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > < span class = "token front-matter-block" > < span class = "token punctuation" > ---< / span >
2023-11-03 14:25:01 +08:00
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 文章3
2023-10-20 16:29:07 +08:00
< span class = "token key atrule" > categories< / span > < span class = "token punctuation" > :< / span >
2023-11-03 14:25:01 +08:00
< span class = "token punctuation" > -< / span > javascript
< span class = "token key atrule" > tags< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > 编程
< span class = "token punctuation" > -< / span > JavaScript< / span >
< span class = "token punctuation" > ---< / span > < / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-10-20 16:29:07 +08:00
2023-11-03 14:25:01 +08:00
< p > 那么在 < code > javascript< / code > 分类下，排序的顺序依次为：< code > 文章1 > 文章2 > 文章3< / code > < / p >
< h2 id = "status" > < a href = "#status" class = "headerlink" title = "status" > < / a > status< / h2 > < p > 用于区分文章的状态，同时利用文章分类列表的< code > 筛选< / code > ， ， < / p >
2023-10-20 16:29:07 +08:00
< ul >
2023-11-03 14:25:01 +08:00
< li > done： < / li >
< li > doing： < / li >
< li > todo： < / li >
< li > other： < / li >
2023-10-20 16:29:07 +08:00
< / ul >
2023-11-03 14:25:01 +08:00
< p > 例如：< / p >
2023-10-20 16:29:07 +08:00
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > < span class = "token front-matter-block" > < span class = "token punctuation" > ---< / span >
2023-11-03 14:25:01 +08:00
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 文章1
2023-10-20 16:29:07 +08:00
< span class = "token key atrule" > categories< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > javascript
< span class = "token key atrule" > status< / span > < span class = "token punctuation" > :< / span > done< / span >
< span class = "token punctuation" > ---< / span > < / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h1 id = "自定义页面" > < a href = "#自定义页面" class = "headerlink" title = "自定义页面" > < / a > 自定义页面< / h1 > < p > Hexo 使用 Markdown（ ） ， ， < / p >
2023-11-10 14:17:50 +08:00
< h2 id = "基本配置" > < a href = "#基本配置" class = "headerlink" title = "基本配置" > < / a > 基本配置< / h2 > < p > 可以通过配置 < code > nav_meta< / code > 属性关闭页面、更改图标< / p >
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > nav_meta< / span > < span class = "token punctuation" > :< / span >
< span class = "token comment" > # 不显示 timeline页面< / span >
< span class = "token key atrule" > timeline< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > false< / span >
< span class = "token comment" > # 自定义图标< / span >
< span class = "token key atrule" > roadmap< / span > < span class = "token punctuation" > :< / span >
< svg xmlns="http< span class = "token punctuation" > :< / span > //www.w3.org/2000/svg" xmlns< span class = "token punctuation" > :< / span > xlink="http< span class = "token punctuation" > :< / span > //www.w3.org/1999/xlink" viewBox="0 0 24 24"< span class = "token punctuation" > >< / span >
< g fill="none" stroke="currentColor" stroke< span class = "token punctuation" > -< / span > width="2" stroke< span class = "token punctuation" > -< / span > linecap="round" stroke< span class = "token punctuation" > -< / span > linejoin="round"< span class = "token punctuation" > >< / span >
< path d="M10.5 20.4l< span class = "token punctuation" > -< / span > 6.9< span class = "token punctuation" > -< / span > 6.9c< span class = "token punctuation" > -< / span > .781< span class = "token punctuation" > -< / span > .781< span class = "token punctuation" > -< / span > .781< span class = "token punctuation" > -< / span > 2.219 0< span class = "token punctuation" > -< / span > 3l6.9< span class = "token punctuation" > -< / span > 6.9c.781< span class = "token punctuation" > -< / span > .781 2.219< span class = "token punctuation" > -< / span > .781 3 0l6.9 6.9c.781.781.781 2.219 0 3l< span class = "token punctuation" > -< / span > 6.9 6.9c< span class = "token punctuation" > -< / span > .781.781< span class = "token punctuation" > -< / span > 2.219.781< span class = "token punctuation" > -< / span > 3 0z"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span >
< path d="M9 14v< span class = "token punctuation" > -< / span > 2c0< span class = "token punctuation" > -< / span > .59.414< span class = "token punctuation" > -< / span > 1 1< span class = "token punctuation" > -< / span > 1h5"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span >
< path d="M13 9l2 2l< span class = "token punctuation" > -< / span > 2 2"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span >
< /g< span class = "token punctuation" > >< / span >
< /svg< span class = "token punctuation" > >< / span >
< span class = "token key atrule" > resume< / span > < span class = "token punctuation" > :< / span >
< svg xmlns="http< span class = "token punctuation" > :< / span > //www.w3.org/2000/svg" xmlns< span class = "token punctuation" > :< / span > xlink="http< span class = "token punctuation" > :< / span > //www.w3.org/1999/xlink" viewBox="0 0 24 24"< span class = "token punctuation" > >< / span >
< g fill="none" stroke="currentColor" stroke< span class = "token punctuation" > -< / span > width="2" stroke< span class = "token punctuation" > -< / span > linecap="round" stroke< span class = "token punctuation" > -< / span > linejoin="round"< span class = "token punctuation" > >< / span >
< path d="M14 3v4a1 1 0 0 0 1 1h4"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span >
< path d="M5 8V5a2 2 0 0 1 2< span class = "token punctuation" > -< / span > 2h7l5 5v11a2 2 0 0 1< span class = "token punctuation" > -< / span > 2 2h< span class = "token punctuation" > -< / span > 5"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span >
< circle cx="6" cy="14" r="3"< span class = "token punctuation" > >< / span > < /circle< span class = "token punctuation" > >< / span >
< path d="M4.5 17L3 22l3< span class = "token punctuation" > -< / span > 1.5L9 22l< span class = "token punctuation" > -< / span > 1.5< span class = "token punctuation" > -< / span > 5"< span class = "token punctuation" > >< / span > < /path< span class = "token punctuation" > >< / span >
< /g< span class = "token punctuation" > >< / span >
< /svg< span class = "token punctuation" > >< / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< h2 id = "Roadmap路线图" > < a href = "#Roadmap路线图" class = "headerlink" title = "Roadmap路线图" > < / a > Roadmap路线图< / h2 > < p > 创建页面，你可以使用命令< / p >
2023-10-30 11:56:47 +08:00
< pre class = "line-numbers language-bash" data-language = "bash" > < code class = "language-bash" > hexo new page roadmap< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< p > 成功后在 < code > source/< / code > 文件夹下会生成一个新的文件夹 < code > /roadmap/index.md< / code > < / p >
< p > 你可以参照此模板，进行配置，参数说明：< / p >
2023-10-30 11:56:47 +08:00
< ul >
2023-11-03 14:25:01 +08:00
< li > title: roadmap页面 html 的标题< / li >
< li > initYear: 默认显示的年份< / li >
2023-10-30 11:56:47 +08:00
< / ul >
2023-11-03 14:25:01 +08:00
< pre class = "line-numbers language-markdown" data-language = "markdown" > < code class = "language-markdown" > < span class = "token front-matter-block" > < span class = "token punctuation" > ---< / span >
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 陈不渡 < span class = "token punctuation" > -< / span > roadmap
< span class = "token key atrule" > layout< / span > < span class = "token punctuation" > :< / span > roadmap
< span class = "token key atrule" > initYear< / span > < span class = "token punctuation" > :< / span > < span class = "token number" > 2023< / span >
< span class = "token key atrule" > years< / span > < span class = "token punctuation" > :< / span >
< span class = "token key atrule" > 2022< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 读书
< span class = "token key atrule" > start< / span > < span class = "token punctuation" > :< / span > 01< span class = "token punctuation" > -< / span > < span class = "token number" > 01< / span >
< span class = "token key atrule" > end< / span > < span class = "token punctuation" > :< / span > 1< span class = "token punctuation" > -< / span > < span class = "token number" > 5< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 还是读书
< span class = "token key atrule" > start< / span > < span class = "token punctuation" > :< / span > 02< span class = "token punctuation" > -< / span > < span class = "token number" > 01< / span >
< span class = "token key atrule" > end< / span > < span class = "token punctuation" > :< / span > 05< span class = "token punctuation" > -< / span > < span class = "token number" > 30< / span >
< span class = "token key atrule" > 2023< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 越陌度阡
< span class = "token key atrule" > start< / span > < span class = "token punctuation" > :< / span > 01< span class = "token punctuation" > -< / span > < span class = "token number" > 01< / span >
< span class = "token key atrule" > end< / span > < span class = "token punctuation" > :< / span > 1< span class = "token punctuation" > -< / span > < span class = "token number" > 2< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 枉用相存
< span class = "token key atrule" > start< / span > < span class = "token punctuation" > :< / span > 02< span class = "token punctuation" > -< / span > < span class = "token number" > 01< / span >
< span class = "token key atrule" > end< / span > < span class = "token punctuation" > :< / span > 06< span class = "token punctuation" > -< / span > < span class = "token number" > 30< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 短歌行
< span class = "token key atrule" > start< / span > < span class = "token punctuation" > :< / span > 10< span class = "token punctuation" > -< / span > < span class = "token number" > 26< / span >
< span class = "token key atrule" > end< / span > < span class = "token punctuation" > :< / span > 10< span class = "token punctuation" > -< / span > < span class = "token number" > 31< / span >
< span class = "token key atrule" > content< / span > < span class = "token punctuation" > :< / span > 对酒当歌，人生几何！譬如朝露，去日苦多。慨当以慷，忧思难忘。何以解忧？唯有杜康。青青子衿，悠悠我心。但为君故，沉吟至今。呦呦鹿鸣，食野之苹。
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 声律启蒙
< span class = "token key atrule" > start< / span > < span class = "token punctuation" > :< / span > 11< span class = "token punctuation" > -< / span > < span class = "token number" > 01< / span >
< span class = "token key atrule" > end< / span > < span class = "token punctuation" > :< / span > 11< span class = "token punctuation" > -< / span > < span class = "token number" > 31< / span >
< span class = "token key atrule" > content< / span > < span class = "token punctuation" > :< / span > 花开红锦绣，水漾碧琉璃。去妇因探邻舍枣，出妻为种后园葵< / span >
< span class = "token punctuation" > ---< / span > < / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
< h2 id = "Resume简历页面" > < a href = "#Resume简历页面" class = "headerlink" title = "Resume简历页面" > < / a > Resume简历页面< / h2 > < p > 创建页面，你可以使用命令< / p >
2023-10-30 11:56:47 +08:00
< pre class = "line-numbers language-bash" data-language = "bash" > < code class = "language-bash" > hexo new page resume< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
2023-11-03 14:25:01 +08:00
< p > 成功后在 < code > source/< / code > 文件夹下会生成一个新的文件夹 < code > /resume/index.md< / code > < / p >
< p > 你可以参照此模板，进行配置，参数说明：< / p >
2023-10-30 11:56:47 +08:00
< ul >
2023-11-03 14:25:01 +08:00
< li > title: resume 页面 html 的标题< / li >
< li > avatar: 头像图片的地址< / li >
2023-10-30 11:56:47 +08:00
< / ul >
2023-11-03 14:25:01 +08:00
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 页面标题document.title
< span class = "token key atrule" > layout< / span > < span class = "token punctuation" > :< / span > resume
< span class = "token key atrule" > avatar< / span > < span class = "token punctuation" > :< / span > /img/avatar.png
< span class = "token key atrule" > name< / span > < span class = "token punctuation" > :< / span > Hi< span class = "token tag" > !< / span > Mozzie
< span class = "token key atrule" > role< / span > < span class = "token punctuation" > :< / span > Full Stack
< span class = "token key atrule" > email< / span > < span class = "token punctuation" > :< / span > himozzie@gmail.com
< span class = "token key atrule" > phone< / span > < span class = "token punctuation" > :< / span > +86 180< span class = "token punctuation" > -< / span > xxxx< span class = "token punctuation" > -< / span > xxx
< span class = "token key atrule" > birth< / span > < span class = "token punctuation" > :< / span > Jan 21< span class = "token punctuation" > ,< / span > < span class = "token number" > 1994< / span >
< span class = "token key atrule" > location< / span > < span class = "token punctuation" > :< / span > Nanjing< span class = "token punctuation" > ,< / span > China
< span class = "token key atrule" > social< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > name< / span > < span class = "token punctuation" > :< / span > github
< span class = "token key atrule" > link< / span > < span class = "token punctuation" > :< / span > https< span class = "token punctuation" > :< / span > //github.com/17px
< span class = "token key atrule" > icon< / span > < span class = "token punctuation" > :< / span > svg
< span class = "token key atrule" > about< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > 我的工作是建立你的网站，使其功能强大，用户友好，但同时具有吸引力。
< span class = "token punctuation" > -< / span > 此外，我为您的产品添加了个人风格，并确保其引人注目且易于使用。我的目标是以最有创意的方式传达你的信息和身份。我为许多知名品牌公司设计网页。
< span class = "token key atrule" > skill< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > 熟悉Node， ， ，
< span class = "token punctuation" > -< / span > 具有Monoreo工程经验，
< span class = "token key atrule" > education< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > school< / span > < span class = "token punctuation" > :< / span > 大学艺术学院
< span class = "token key atrule" > time< / span > < span class = "token punctuation" > :< / span > 2012< span class = "token punctuation" > -< / span > < span class = "token number" > 2016< / span >
< span class = "token key atrule" > workExp< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > inc< / span > < span class = "token punctuation" > :< / span > 创意研发
< span class = "token key atrule" > time< / span > < span class = "token punctuation" > :< / span > 2021.09 ~ 至今
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > inc< / span > < span class = "token punctuation" > :< / span > Web设计
< span class = "token key atrule" > time< / span > < span class = "token punctuation" > :< / span > 2021.01 ~ 2021.09
< span class = "token key atrule" > projectExp< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > name< / span > < span class = "token punctuation" > :< / span > PC/React• 标注 ，算法数据中心
< span class = "token key atrule" > desc< / span > < span class = "token punctuation" > :< / span > 这是一个xxx系统。它主要包括一个bc函数。我主要负责x、y和z模块的开发和维护。
< span class = "token key atrule" > list< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > 使用pnpm工作区管理Monorepo中的多个代码库， ，
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > name< / span > < span class = "token punctuation" > :< / span > PC/React•Tavigator主动脉根部/外周
< span class = "token key atrule" > desc< / span > < span class = "token punctuation" > :< / span > 这是一个xxx系统。它主要包括一个bc函数。我主要负责x、y和z模块的开发和维护。
< span class = "token key atrule" > portfolio< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > name< / span > < span class = "token punctuation" > :< / span > 项目A
< span class = "token key atrule" > desc< / span > < span class = "token punctuation" > :< / span > 项目A描述
< span class = "token key atrule" > iconSVG< / span > < span class = "token punctuation" > :< / span > 复制svg的path到这里
< span class = "token key atrule" > link< / span > < span class = "token punctuation" > :< / span > 网址， < span class = "token punctuation" > :< / span > //< span class = "token punctuation" > ...< / span >
< span class = "token comment" > # 更多 ...< / span >
2023-11-08 13:45:34 +08:00
< span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < span > < / span > < / span > < / code > < / pre >
< / article >
2023-10-24 09:50:42 +08:00
2023-11-21 16:58:32 +08:00
< link rel = "stylesheet" href = "/css/727b3e4f.css" >
2023-10-24 09:50:42 +08:00
< div class = "copyright" >
2023-12-12 14:42:43 +08:00
< a target = "_blank" href = "https://mozzie.cn/2023/10/23/clq1z6upr00019gz329d23gxb/" >
2023-11-06 14:37:35 +08:00
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" >
< g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< path d = "M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" > < / path >
< path d = "M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" > < / path >
< path d = "M3 6v13" > < / path >
< path d = "M12 6v13" > < / path >
< path d = "M21 6v13" > < / path >
< / g >
< / svg >
< span > Cosy 入门< / span >
2023-10-24 09:50:42 +08:00
< / a >
< ul >
< li >
2023-11-11 18:50:08 +08:00
< span > 作者< / span >
2023-10-24 09:50:42 +08:00
< p > Mozzie< / p >
< / li >
< li >
2023-11-11 18:50:08 +08:00
< span > 发布于< / span >
2023-12-12 14:42:43 +08:00
< p > 2023-10-23< / p >
2023-10-24 09:50:42 +08:00
< / li >
< li >
2023-11-11 18:50:08 +08:00
< span > 许可< / span >
2023-10-24 09:50:42 +08:00
< p > < a target = "_blank" rel = "noopener" href = "https://creativecommons.org/licenses/by-nc-sa/4.0/" > CC BY-NC-SA 4.0< / a > < / p >
< / li >
< / ul >
< / div >
2023-10-19 22:44:47 +08:00
< script src = "/js/31d6cfe0.js" > < / script >
2023-10-24 09:50:42 +08:00
<!-- 评论 -->
< div id = "vcomments" > < / div >
< / div >
< / main >
< / div >
2023-11-06 15:01:24 +08:00
2023-10-24 09:50:42 +08:00
< div class = "meta-container" >
< div class = "toc-wrapper content-dialog" >
< p class = "catalog" >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 24 24" >
< g fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< path d = "M4 6h16" > < / path >
< path d = "M4 12h16" > < / path >
< path d = "M4 18h12" > < / path >
< / g >
< / svg >
2023-11-11 18:50:08 +08:00
< span > 目录< / span >
2023-10-24 09:50:42 +08:00
< / p >
<!-- 文章toc -->
2023-11-24 16:47:58 +08:00
< ol class = "toc" > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#%E5%AE%89%E8%A3%85" > < span class = "toc-number" > 1.< / span > < span class = "toc-text" > 安装< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E4%BD%BF%E7%94%A8-npm-%E5%AE%89%E8%A3%85" > < span class = "toc-number" > 1.1.< / span > < span class = "toc-text" > 使用 npm 安装< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E4%BC%A0%E7%BB%9F%E6%96%B9%E5%BC%8F-%E5%AE%89%E8%A3%85-Hexo-%E5%AE%89%E8%A3%85%E4%B8%BB%E9%A2%98" > < span class = "toc-number" > 1.2.< / span > < span class = "toc-text" > 传统方式 - 安装 Hexo 安装主题< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E8%8E%B7%E5%8F%96-Cosy" > < span class = "toc-number" > 1.3.< / span > < span class = "toc-text" > 获取 Cosy< / span > < / a > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#hexo-%E9%85%8D%E7%BD%AE" > < span class = "toc-number" > 2.< / span > < span class = "toc-text" > hexo 配置< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E5%9F%BA%E7%A1%80%E9%85%8D%E7%BD%AE" > < span class = "toc-number" > 2.1.< / span > < span class = "toc-text" > 基础配置< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E8%AF%AD%E8%A8%80" > < span class = "toc-number" > 2.2.< / span > < span class = "toc-text" > 语言< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E6%96%87%E7%AB%A0%E8%AF%AD%E6%B3%95%E9%AB%98%E4%BA%AE" > < span class = "toc-number" > 2.3.< / span > < span class = "toc-text" > 文章语法高亮< / span > < / a > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#Cosy-%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE" > < span class = "toc-number" > 3.< / span > < span class = "toc-text" > Cosy 主题配置< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E6%96%87%E7%AB%A0%E5%88%86%E7%B1%BB%E5%9B%BE%E6%A0%87" > < span class = "toc-number" > 3.1.< / span > < span class = "toc-text" > 文章分类图标< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E7%BD%91%E7%AB%99%E5%9B%BE%E6%A0%87-favicon" > < span class = "toc-number" > 3.2.< / span > < span class = "toc-text" > 网站图标 favicon< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#ICP%E5%A4%87%E6%A1%88%E5%8F%B7" > < span class = "toc-number" > 3.3.< / span > < span class = "toc-text" > ICP备案号< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E9%A6%96%E9%A1%B5%E5%BA%95%E9%83%A8%E6%96%87%E5%AD%97" > < span class = "toc-number" > 3.4.< / span > < span class = "toc-text" > 首页底部文字< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E6%96%87%E7%AB%A0%E7%89%88%E6%9D%83%E7%94%B3%E6%98%8E" > < span class = "toc-number" > 3.5.< / span > < span class = "toc-text" > 文章版权申明< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#katex-%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F" > < span class = "toc-number" > 3.6.< / span > < span class = "toc-text" > katex 数学公式< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#mermaid-%E6%B5%81%E7%A8%8B%E5%9B%BE" > < span class = "toc-number" > 3.7.< / span > < span class = "toc-text" > mermaid 流程图< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#valine-%E6%96%87%E7%AB%A0%E8%AF%84%E8%AE%BA" > < span class = "toc-number" > 3.8.< / span > < span class = "toc-text" > valine 文章评论< / span > < / a > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#algolia%E6%90%9C%E7%B4%A2" > < span class = "toc-number" > 4.< / span > < span class = "toc-text" > algolia搜索< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E5%85%B3%E9%97%AD%E6%90%9C%E7%B4%A2" > < span class = "toc-number" > 4.1.< / span > < span class = "toc-text" > 关闭搜索< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E6%B3%A8%E5%86%8C-amp-%E8%8E%B7%E5%8F%96-Key" > < span class = "toc-number" > 4.2.< / span > < span class = "toc-text" > 注册 & 获取 Key< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E5%AE%89%E8%A3%85-hexo-a
2023-10-24 09:50:42 +08:00
< / div >
< / div >
2023-11-06 15:01:24 +08:00
2023-10-24 09:50:42 +08:00
< / div >
< script >
2023-11-08 10:11:56 +08:00
window.page = {
use: ''
}
2023-10-24 09:50:42 +08:00
window.katex = {
2023-11-08 10:11:56 +08:00
enable: "",
2023-10-24 09:50:42 +08:00
jsCdn: "//cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js",
cssCdn: "//cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css"
}
window.mermaid = {
2023-11-08 10:11:56 +08:00
enable: "",
2023-11-15 10:21:41 +08:00
theme: "",
2023-10-24 09:50:42 +08:00
cdn: "//cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js",
}
window.valine = {
2023-11-08 10:11:56 +08:00
enable: "",
2023-10-24 09:50:42 +08:00
appId: 'TisMit6uhflounFqAN3ZGjgq-MdYXbMMI',
appKey: 'CdjirjYdz07U5i62ElsJvXUh',
avatar: 'monsterid',
cdn: '//unpkg.com/valine@latest/dist/Valine.min.js',
serverURLs: '//tismit6u.api.lncldglobal.com'
};
< / script >
2023-12-12 14:42:43 +08:00
< script src = "/js/e8ca3347.js" > < / script >
2023-10-24 09:50:42 +08:00
< / main >
< / body >
< script >
window.i18n = {
2023-11-11 18:50:08 +08:00
"tip-collapse": "折叠",
"tip-expand": "展开",
"text-select": "选择",
"text-move": "移动",
"text-esc": "关闭",
"tip-status-done": "完成",
"tip-status-doing": "进行中",
"tip-status-todo": "待办",
"tip-status-other": "废弃",
"tip-status-default": "默认",
"tip-roadmap-today": "定位今天",
"text-search": "搜索...",
"text-today": "今天",
2023-10-26 15:09:35 +08:00
// month
2023-11-11 18:50:08 +08:00
"January": "一月",
"February": "二月",
"March": "三月",
"April": "四月",
"May": "五月",
"June": "六月",
"July": "七月",
"August": "八月",
"September": "九月",
"October": "十月",
"November": "十一月",
"December": "十二月",
2023-10-24 09:50:42 +08:00
}
< / script >
2023-11-06 16:14:34 +08:00
< script src = "/js/58c91c4e.js" > < / script >
2023-10-24 09:50:42 +08:00
2023-10-19 22:44:47 +08:00
< / html >
