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 >
Cosy Starter Guide
< / title >
< meta name = "description" content = "" >
< meta name = "keywords" content = "" >
< meta name = "author" content = "Mozzie" >
2023-10-26 09:05:46 +08:00
< link rel = "canonical" href = "https://mozzie.cn/2023/10/23/Cosy-Starter-Guide/" >
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-10-30 10:58:06 +08:00
< link rel = "stylesheet" href = "/css/d78c65bd.css" >
2023-10-24 09:50:42 +08:00
< meta name = "generator" content = "Hexo 6.3.0" > < / head >
< body id = "app" >
<!-- 响应式布局按钮 -->
< a class = "side-navigation btn-hover btn-hover-bg tip left" data-tip = "Expand" >
< 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-10-19 22:44:47 +08:00
< link rel = "stylesheet" href = "/css/e01add4b.css" >
2023-10-24 09:50:42 +08:00
< div class = "home-bar" >
< a href = "/" class = "tip" data-tip = "Home" >
< 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 >
<!-- 切换主题 -->
< a id = "toggle-theme" class = "tip left" data-tip = "Switch Theme" >
< 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-10-26 15:09:35 +08:00
< script src = "/js/ae2a0e7b.js" > < / script >
2023-10-24 09:50:42 +08:00
<!-- search -->
2023-10-19 22:44:47 +08:00
< link rel = "stylesheet" href = "/css/4c3d0e88.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 >
< span id = "search-input" > Search...< / span >
< div class = "short-key" >
< kbd class = "key-cap" > < span > Ctrl K< / span > < / kbd >
< / div >
< / form >
< script >
window.algolia = {
appId: "5DTW808BZ8",
SearchOnlyAPIKey: "27845b245efc8a2853cc0bdc7366ea26"
}
< / script >
2023-10-19 22:44:47 +08:00
< script src = "/js/07f44e09.js" > < / script >
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" >
< ul class = "nav-items" >
< li data-path = "archives" >
< 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 >
< div class = "ellipsis" > Timeline< / div >
< / 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 >
< div class = "ellipsis" > Roadmap< / div >
< / a >
< / li >
2023-10-30 10:58:06 +08:00
< 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 >
< div class = "ellipsis" > Resume< / div >
< / a >
< / li >
2023-10-24 09:50:42 +08:00
< / ul >
< p > Category< / p >
< ul >
2023-10-30 11:56:47 +08:00
< li class = "" >
< a href = "/categories/EQ/" >
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" > < 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 >
< div class = "ellipsis" >
< span >
2023-10-30 11:56:47 +08:00
EQ
2023-10-24 09:50:42 +08:00
< / span >
< / div >
< / a >
< / li >
2023-10-30 11:56:47 +08:00
< li class = "active" >
< a href = "/categories/Hexo/" >
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" > < 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 >
2023-10-30 11:56:47 +08:00
Hexo
2023-10-24 09:50:42 +08:00
< / span >
< / div >
< / a >
< / li >
< li class = "" >
< a href = "/categories/Front-End/" >
< 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 >
< / a >
< / li >
< / ul >
< / 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-10-24 09:48:00 +08:00
< link rel = "stylesheet" href = "/css/32ae9342.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" >
< a href = "/" class = "home tip btn-hover right" data-tip = "Home" >
< 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" >
Cosy Starter Guide
< / 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 -->
<!-- 渲染文章内容 -->
< article > < p > < a href = "https://mozzie.cn/2023/10/20/Cosy%20%E5%85%A5%E9%97%A8/" > 🇨🇳 中文文档< / a > < / p >
2023-10-21 17:55:14 +08:00
< h1 id = "Hexo-Installation" > < a href = "#Hexo-Installation" class = "headerlink" title = "Hexo Installation" > < / a > Hexo Installation< / h1 > < p > Installing a < code > Hexo< / code > theme is straightforward. Simply copy the < code > Hexo-theme-cosy< / code > directory to the < code > themes< / code > directory, and then modify the theme configuration in < 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 comment" > # Locate the theme setting< / span >
2023-10-21 17:55:14 +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-10-20 13:58:15 +08:00
2023-10-21 17:55:14 +08:00
< h2 id = "Acquiring-Cosy" > < a href = "#Acquiring-Cosy" class = "headerlink" title = "Acquiring Cosy" > < / a > Acquiring Cosy< / h2 > < ul >
< li > Visit < a target = "_blank" rel = "noopener" href = "https://github.com/17px/hexo-theme-cosy/tree/main" > Cosy’ < / a > to stay updated on the latest theme developments.< / li >
< li > Download < code > hexo-theme-cosy.zip< / code > from the < a target = "_blank" rel = "noopener" href = "https://github.com/17px/hexo-theme-cosy/releases" > releases page< / a > .< / li >
2023-10-20 13:58:15 +08:00
< li > Extract it into your site’ < code > themes< / code > directory.< / li >
< li > Enable it in Hexo’ < code > _config.yml< / code > .< / li >
< / ul >
< h1 id = "Hexo-Configuration" > < a href = "#Hexo-Configuration" class = "headerlink" title = "Hexo Configuration" > < / a > Hexo Configuration< / h1 > < p > Adjust settings in < code > Hexo< / code > ‘ < code > _config.yml< / code > .< / p >
< h2 id = "Basic-Configuration" > < a href = "#Basic-Configuration" class = "headerlink" title = "Basic Configuration" > < / a > Basic Configuration< / h2 > < pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token comment" > # Website title< / span >
< span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > 17px blog
< span class = "token comment" > # Sidebar header< / span >
< span class = "token key atrule" > subtitle< / span > < span class = "token punctuation" > :< / span > < span class = "token string" > "Mozzie"< / span >
< span class = "token comment" > # HTML meta description for SEO< / span >
< span class = "token key atrule" > description< / span > < span class = "token punctuation" > :< / span > < span class = "token string" > ""< / span >
< span class = "token comment" > # HTML meta keywords for SEO< / span >
< span class = "token key atrule" > keywords< / span > < span class = "token punctuation" > :< / span >
< span class = "token comment" > # Copyright text displaying author's name< / span >
< span class = "token key atrule" > author< / span > < span class = "token punctuation" > :< / span > Mozzie
< span class = "token comment" > # Set your website URL here< / span >
< 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 >
< h2 id = "Language-Switch" > < a href = "#Language-Switch" class = "headerlink" title = "Language Switch" > < / a > Language Switch< / h2 > < p > You can find different language files in < code > hex theme liner/languages< / code > . If you want to switch languages, fill in the file name of < code > yml< / code > in the < code > _config.yml< / code > file< / p >
< 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 >
< h2 id = "Code-Highlighting" > < a href = "#Code-Highlighting" class = "headerlink" title = "Code Highlighting" > < / a > Code Highlighting< / h2 > < p > Disable Hexo’ < / p >
< 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-10-21 17:55:14 +08:00
< h1 id = "Cosy-Theme-Configuration" > < a href = "#Cosy-Theme-Configuration" class = "headerlink" title = "Cosy Theme Configuration" > < / a > Cosy Theme Configuration< / h1 > < p > 💡 The following settings are based on the < code > _config.yml< / code > under < code > hexo-theme-cosy< / code > .< / p >
2023-10-20 13:58:15 +08:00
< h2 id = "Post-Category-Icons" > < a href = "#Post-Category-Icons" class = "headerlink" title = "Post Category Icons" > < / a > Post Category Icons< / h2 > < p > In sequence, set the < code > svg< / code > icons. You can get a wide variety of icons at < a target = "_blank" rel = "noopener" href = "https://www.xicons.org/" > xicon< / a > .< / p >
< pre class = "line-numbers language-yaml" data-language = "yaml" > < code class = "language-yaml" > < span class = "token key atrule" > postCategoryIcons< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > < svg< span class = "token punctuation" > >< / span > < span class = "token punctuation" > ...< / span > < /svg< span class = "token punctuation" > >< / span >
< span class = "token punctuation" > -< / span > < svg< span class = "token punctuation" > >< / span > < span class = "token punctuation" > ...< / span > < /svg< span class = "token punctuation" > >< / span >
< span class = "token punctuation" > -< / span > < svg< span class = "token punctuation" > >< / span > < 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 > < / code > < / pre >
< h2 id = "Website-Favicon" > < a href = "#Website-Favicon" class = "headerlink" title = "Website Favicon" > < / a > Website Favicon< / h2 > < ul >
< li > Supports < code > svg< / code > < / li >
< li > Supports < code > image URL< / code > , e.g., < code > /img/favicon.png< / code > < / li >
< / 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 >
< h2 id = "ICP-Number-🇨🇳" > < a href = "#ICP-Number-🇨🇳" class = "headerlink" title = "ICP Number 🇨🇳" > < / a > ICP Number 🇨🇳< / h2 > < p > 😁 If not required, can be directly deleted.< / p >
< 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 >
< h2 id = "Footer-Text-on-Homepage-🇨🇳" > < a href = "#Footer-Text-on-Homepage-🇨🇳" class = "headerlink" title = "Footer Text on Homepage 🇨🇳" > < / a > Footer Text on Homepage 🇨🇳< / h2 > < p > 😁 If not required, can be directly deleted or set to < code > false< / code > .< / p >
< 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 >
< h2 id = "Post-Copyright-Statement" > < a href = "#Post-Copyright-Statement" class = "headerlink" title = "Post Copyright Statement" > < / a > Post Copyright Statement< / h2 > < p > Enabled by default. When < code > enable: false< / code > , it is disabled by default.< / p >
< 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 >
< h2 id = "Katex-Mathematical-Formulas" > < a href = "#Katex-Mathematical-Formulas" class = "headerlink" title = "Katex Mathematical Formulas" > < / a > Katex Mathematical Formulas< / h2 > < p > You can configure the CDN yourself.< / p >
< 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" > enable< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / 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
< 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 > < / span > < / span > < / code > < / pre >
< h2 id = "Mermaid-Flowcharts" > < a href = "#Mermaid-Flowcharts" class = "headerlink" title = "Mermaid Flowcharts" > < / a > Mermaid Flowcharts< / h2 > < p > To draft flowchart syntax, use < code > { % mermaid %} ` and `{ % endmermaid %} < / code > as wrappers.< / p >
< 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 >
< p > Corresponding configurations are as follows:< / p >
< 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 >
< span class = "token key atrule" > enable< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / span >
< 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 > < / code > < / pre >
< h2 id = "Valine-Comments" > < a href = "#Valine-Comments" class = "headerlink" title = "Valine Comments" > < / a > Valine Comments< / h2 > < p > First, register as a < code > LeanCloud< / code > international user and create a database.< / p >
< p > Please proceed in accordance with relevant regional regulations.< / p >
< 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 key atrule" > enable< / span > < span class = "token punctuation" > :< / span > < span class = "token boolean important" > true< / 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 >
< 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 > < / span > < / span > < / code > < / pre >
< h1 id = "Algolia-Search" > < a href = "#Algolia-Search" class = "headerlink" title = "Algolia Search" > < / a > Algolia Search< / h1 > < p > The blog comes with built-in local search, based on frontend development, which may have some issues. It’ < code > Algolia< / code > . The free account has a total of 10,000 records and 100,000 operations per month.< / p >
< h2 id = "Register-amp-Acquire-Key" > < a href = "#Register-amp-Acquire-Key" class = "headerlink" title = "Register & Acquire Key" > < / a > Register & Acquire Key< / h2 > < ol >
< li > < p > Create a new < code > Index< / code > , for example, < code > hex-blog< / code > < / p >
< / li >
< li > < p > Copy and save:< / p >
< / 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" >
< li > Replace configurations< / li >
< / ol >
< p > Add the following to Hexo’ < code > _config.yml< / code > < / p >
< 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 >
< span class = "token comment" > # Replace< / span >
< span class = "token key atrule" > appId< / span > < span class = "token punctuation" > :< / span > Application ID
< span class = "token comment" > # Replace< / span >
< span class = "token key atrule" > apiKey< / span > < span class = "token punctuation" > :< / span > Usage API Key
< span class = "token comment" > # Do not disclose, used for reporting, replace< / span >
< span class = "token key atrule" > adminApiKey< / span > < span class = "token punctuation" > :< / span > Admin API Key
< span class = "token comment" > # Replace< / span >
< 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 >
< span class = "token comment" > # Replace< / span >
< 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 >
< span class = "token punctuation" > -< / span > content< span class = "token punctuation" > :< / span > strip
< span class = "token punctuation" > -< / span > categories
< span class = "token punctuation" > -< / span > date
< 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 > < / span > < span > < / span > < / span > < / code > < / pre >
< h2 id = "Install-hexo-algoliasearch" > < a href = "#Install-hexo-algoliasearch" class = "headerlink" title = "Install hexo-algoliasearch" > < / a > Install hexo-algoliasearch< / h2 > < p > This is a Hexo blog post index plugin that automates the submission of indexes to Algolia.< / p >
< blockquote >
< p > If you encounter any problems, you can read the < a target = "_blank" rel = "noopener" href = "https://www.npmjs.com/package/hexo-algoliasearch" > hexo-algoliasearch repository< / a > for the latest instructions.< / p >
< / blockquote >
< p > Installation command:< / p >
< 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 < span class = "token parameter variable" > --save< / span > < span aria-hidden = "true" class = "line-numbers-rows" > < span > < / span > < / span > < / code > < / pre >
< h2 id = "Using-Algolia" > < a href = "#Using-Algolia" class = "headerlink" title = "Using Algolia" > < / a > Using Algolia< / h2 > < p > Before publishing each blog post, carry out index uploading operations. The usual commands are as follows:< / p >
< 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-10-21 17:55:14 +08:00
< h1 id = "QWeather-Widget-🇨🇳" > < a href = "#QWeather-Widget-🇨🇳" class = "headerlink" title = "QWeather Widget 🇨🇳" > < / a > QWeather Widget 🇨🇳< / h1 > < p > Cosy mainly targets domestic users and integrates QWeather cards on the homepage. Register via < a target = "_blank" rel = "noopener" href = "https://dev.qweather.com/docs/start/" > QWeather Developer Service< / a > .< / p >
2023-10-20 13:58:15 +08:00
< p > After registering, fill in your < code > appKey< / code > and < code > cityCode< / code > in the configuration.< / p >
< 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 >
< span class = "token comment" > # Replace< / span >
< 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 >
< p > You can find your city’ < code > cityCode< / code > in the official region list repository’ < code > China-City-List-latest.csv< / code > .< / p >
2023-10-20 16:29:07 +08:00
< h1 id = "Front-Matter" > < a href = "#Front-Matter" class = "headerlink" title = "Front Matter" > < / a > Front Matter< / h1 > < p > In Hexo’ < code > Front Matter< / code > might look like this:< / 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" > title< / span > < span class = "token punctuation" > :< / span > My Article Title
< 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 >
< span class = "token punctuation" > -< / span > Programming
< 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 >
< h2 id = "top" > < a href = "#top" class = "headerlink" title = "top" > < / a > top< / h2 > < p > To pin an article to the top, assign a numerical value to the < code > top< / code > metadata. Articles with a specified < code > top< / code > value will be marked with a 📌 icon in the category list.< / p >
< p > For example, if there are three articles:< / p >
< ul >
< li > Article 1< / li >
< / 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 >
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > Article 1
< 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 >
< 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 > < / code > < / pre >
< ul >
< li > Article 2< / li >
< / 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 >
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > Article 2
< 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 >
< 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 > < / code > < / pre >
< ul >
< li > Article 3< / li >
< / 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 >
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > Article 3
< span class = "token key atrule" > categories< / 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 > < / code > < / pre >
< p > Then, under the < code > javascript< / code > category, the sort order will be: < code > Article 1 > Article 2 > Article 3< / code > .< / p >
2023-10-21 17:55:14 +08:00
< h2 id = "status" > < a href = "#status" class = "headerlink" title = "status" > < / a > status< / h2 > < p > This is used to differentiate the status of articles and can be quickly < code > filtered< / code > using the category list. The Cosy theme comes with 4 built-in statuses:< / p >
2023-10-20 16:29:07 +08:00
< ul >
< li > done: Completed< / li >
< li > doing: In Progress< / li >
< li > todo: To Do< / li >
< li > other: Abandoned< / li >
< / ul >
< p > For example:< / 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" > title< / span > < span class = "token punctuation" > :< / span > Article 1
< 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-10-30 11:56:47 +08:00
< h1 id = "Custom-Page" > < a href = "#Custom-Page" class = "headerlink" title = "Custom Page" > < / a > Custom Page< / h1 > < p > Hexo uses Markdown (or other rendering engine) to parse your article and generate static files for quick loading. In addition to the default generated articles and archive pages, Hexo also allows you to create custom pages.< / p >
< h2 id = "Roadmap" > < a href = "#Roadmap" class = "headerlink" title = "Roadmap" > < / a > Roadmap< / h2 > < p > To create a page, you can use the command< / p >
< 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 >
< p > After success, a new folder < code > /roadmap/index.md< / code > will be generated under the < code > source/< / code > folder< / p >
< p > You can refer to this template for configure < code > /roadmap/index.md< / code > , parameter description:< / p >
< ul >
< li > title: Title of roadmap page HTML< / li >
< li > initYear: Default displayed year< / li >
< / 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 >
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > Title < 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 > reading
< 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 > cooking
< 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 > Yue Mo Du Qian
< 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 > To use and preserve in vain
< 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 > Short Song Line
< 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 > Singing and drinking< span class = "token punctuation" > ,< / span > geometry of life< span class = "token tag" > !< / span > For example< span class = "token punctuation" > ,< / span > the morning dew is more bitter than the past. Be generous and forget your worries. How to relieve worries< span class = "token punctuation" > ?< / span > Only Du Kang. Qingqing Zijin< span class = "token punctuation" > ,< / span > carefree in my heart. But for your sake< span class = "token punctuation" > ,< / span > I have been pondering until now. Yo< span class = "token punctuation" > ,< / span > deer chirp< span class = "token punctuation" > ,< / span > eating wild apples.
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > Prosody enlightenment
< 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 > The flowers bloom in red and beautiful colors< span class = "token punctuation" > ,< / span > and the water ripples with azure glass. Going to my wife to explore my neighbor's date< span class = "token punctuation" > ,< / span > going to my wife to plant a backyard sunflower< / 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 > To create a page, you can use the command< / p >
< 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 >
< p > After success, a new folder will be generated folder < code > /resume/index.md' < / code > under the < code > source/< / code > < / p >
< p > You can refer to this template for configure < code > /resume/index.md< / code > , parameter description:< / p >
< ul >
< li > title: The title of the resume page’ < / li >
< li > avatar: Address of the avatar image< / li >
< / 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 >
< span class = "token front-matter yaml language-yaml" > < span class = "token key atrule" > title< / span > < span class = "token punctuation" > :< / span > resume
< 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 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 > < path d="M9 19c< span class = "token punctuation" > -< / span > 4.3 1.4< span class = "token punctuation" > -< / span > 4.3< span class = "token punctuation" > -< / span > 2.5< span class = "token punctuation" > -< / span > 6< span class = "token punctuation" > -< / span > 3m12 5v< span class = "token punctuation" > -< / span > 3.5c0< span class = "token punctuation" > -< / span > 1 .1< span class = "token punctuation" > -< / span > 1.4< span class = "token punctuation" > -< / span > .5< span class = "token punctuation" > -< / span > 2c2.8< span class = "token punctuation" > -< / span > .3 5.5< span class = "token punctuation" > -< / span > 1.4 5.5< span class = "token punctuation" > -< / span > 6a4.6 4.6 0 0 0< span class = "token punctuation" > -< / span > 1.3< span class = "token punctuation" > -< / span > 3.2a4.2 4.2 0 0 0< span class = "token punctuation" > -< / span > .1< span class = "token punctuation" > -< / span > 3.2s< span class = "token punctuation" > -< / span > 1.1< span class = "token punctuation" > -< / span > .3< span class = "token punctuation" > -< / span > 3.5 1.3a12.3 12.3 0 0 0< span class = "token punctuation" > -< / span > 6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0< span class = "token punctuation" > -< / span > .1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c< span class = "token punctuation" > -< / span > .6.6< span class = "token punctuation" > -< / span > .6 1.2< span class = "token punctuation" > -< / span > .5 2V21" 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< span class = "token punctuation" > >< / span > < /svg< span class = "token punctuation" > >< / span >
< span class = "token key atrule" > about< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > My job is to build your website so that it is functional and user< span class = "token punctuation" > -< / span > friendly but at the same time attractive.
< span class = "token punctuation" > -< / span > Moreover< span class = "token punctuation" > ,< / span > I add personal touch to your product and make sure that is eye< span class = "token punctuation" > -< / span > catching and easy to use. My aim is to bring across your message and identity in the most creative way. I created web design for many famous brand companies.
< span class = "token key atrule" > skill< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > Familiar with Node< span class = "token punctuation" > ,< / span > with backend development capabilities< span class = "token punctuation" > ,< / span > experience in individual application projects such as SpringBoot< span class = "token punctuation" > ,< / span > Egg< span class = "token punctuation" > ,< / span > Koa2< span class = "token punctuation" > ,< / span > and Midway< span class = "token punctuation" > ,< / span > and experience in Nestjs microservice application projects
< span class = "token punctuation" > -< / span > Having experience in Monorepo engineering and possessing the ability to separate the front and rear ends of a single unit and apply DevOps
< span class = "token punctuation" > -< / span > Familiar with three. js< span class = "token punctuation" > ,< / span > familiar with Vtk. js< span class = "token punctuation" > ,< / span > with development experience in medical 3D front< span class = "token punctuation" > -< / span > end and graphics related fields
< span class = "token punctuation" > -< / span > Master basic Linux commands and understand the basic use of Nginx and Docker
< 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 > University School of the Arts
< 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 > Creative Director
< span class = "token key atrule" > time< / span > < span class = "token punctuation" > :< / span > 2021.09 ~ today
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > inc< / span > < span class = "token punctuation" > :< / span > Web Designer
< 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 • Annotation< span class = "token punctuation" > ,< / span > Algorithm Data Center
< span class = "token key atrule" > desc< / span > < span class = "token punctuation" > :< / span > This is a xxx system. It mainly includes a b c function. I am mainly responsible for the development and maintenance of the x< span class = "token punctuation" > ,< / span > y< span class = "token punctuation" > ,< / span > and z modules.
< span class = "token key atrule" > list< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > Using pnpm workspace to manage multiple code repositories in Monorepo< span class = "token punctuation" > ,< / span > supporting the coexistence of multiple frameworks< span class = "token punctuation" > ,< / span > and sharing common component libraries and capabilities
< span class = "token punctuation" > -< / span > Use Rollup to package some functional capabilities (such as a b) on your own< span class = "token punctuation" > ,< / span > which can be used for both browsers and node.js to achieve code isomorphism
< span class = "token punctuation" > -< / span > Develop the system server using Nest.js and use it for the microservice system of the project
< span class = "token punctuation" > -< / span > < span class = "token key atrule" > name< / span > < span class = "token punctuation" > :< / span > PC/React • Tavigator Aortic Root/Peripheral
< span class = "token key atrule" > desc< / span > < span class = "token punctuation" > :< / span > This is a xxx system. It mainly includes a b c function. I am mainly responsible for the development and maintenance of the x< span class = "token punctuation" > ,< / span > y< span class = "token punctuation" > ,< / span > and z modules.
< span class = "token key atrule" > list< / span > < span class = "token punctuation" > :< / span >
< span class = "token punctuation" > -< / span > Using pnpm workspace to manage multiple code repositories in Monorepo< span class = "token punctuation" > ,< / span > supporting the coexistence of multiple frameworks< span class = "token punctuation" > ,< / span > and sharing common component libraries and capabilities
< span class = "token punctuation" > -< / span > Use Rollup to package some functional capabilities (such as a b) on your own< span class = "token punctuation" > ,< / span > which can be used for both browsers and node.js to achieve code isomorphism
< span class = "token punctuation" > -< / span > Develop the system server using Nest.js and use it for the microservice system of the project< / 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 > < / 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-10-19 22:44:47 +08:00
< link rel = "stylesheet" href = "/css/ccbcde32.css" >
2023-10-24 09:50:42 +08:00
< div class = "copyright" >
2023-10-26 09:05:46 +08:00
< a target = "_blank" href = "https://mozzie.cn/2023/10/23/Cosy-Starter-Guide/" >
2023-10-24 09:50:42 +08:00
< span > Post Url： < / span >
2023-10-26 09:05:46 +08:00
< span > https://mozzie.cn/2023/10/23/Cosy-Starter-Guide/< / span >
2023-10-24 09:50:42 +08:00
< / a >
< ul >
< li >
< span > Author< / span >
< p > Mozzie< / p >
< / li >
< li >
< span > Published on< / span >
2023-10-26 09:05:46 +08:00
< p > 2023-10-23< / p >
2023-10-24 09:50:42 +08:00
< / li >
< li >
< span > License< / span >
< 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 >
< 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 >
< span > Catalog< / span >
< / p >
<!-- 文章toc -->
2023-10-30 11:56:47 +08:00
< ol class = "toc" > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#Hexo-Installation" > < span class = "toc-number" > 1.< / span > < span class = "toc-text" > Hexo Installation< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Acquiring-Cosy" > < span class = "toc-number" > 1.1.< / span > < span class = "toc-text" > Acquiring Cosy< / span > < / a > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#Hexo-Configuration" > < span class = "toc-number" > 2.< / span > < span class = "toc-text" > Hexo Configuration< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Basic-Configuration" > < span class = "toc-number" > 2.1.< / span > < span class = "toc-text" > Basic Configuration< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Language-Switch" > < span class = "toc-number" > 2.2.< / span > < span class = "toc-text" > Language Switch< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Code-Highlighting" > < span class = "toc-number" > 2.3.< / span > < span class = "toc-text" > Code Highlighting< / span > < / a > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#Cosy-Theme-Configuration" > < span class = "toc-number" > 3.< / span > < span class = "toc-text" > Cosy Theme Configuration< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Post-Category-Icons" > < span class = "toc-number" > 3.1.< / span > < span class = "toc-text" > Post Category Icons< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Website-Favicon" > < span class = "toc-number" > 3.2.< / span > < span class = "toc-text" > Website Favicon< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#ICP-Number-%F0%9F%87%A8%F0%9F%87%B3" > < span class = "toc-number" > 3.3.< / span > < span class = "toc-text" > ICP Number 🇨🇳< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Footer-Text-on-Homepage-%F0%9F%87%A8%F0%9F%87%B3" > < span class = "toc-number" > 3.4.< / span > < span class = "toc-text" > Footer Text on Homepage 🇨🇳< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Post-Copyright-Statement" > < span class = "toc-number" > 3.5.< / span > < span class = "toc-text" > Post Copyright Statement< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Katex-Mathematical-Formulas" > < span class = "toc-number" > 3.6.< / span > < span class = "toc-text" > Katex Mathematical Formulas< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Mermaid-Flowcharts" > < span class = "toc-number" > 3.7.< / span > < span class = "toc-text" > Mermaid Flowcharts< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Valine-Comments" > < span class = "toc-number" > 3.8.< / span > < span class = "toc-text" > Valine Comments< / span > < / a > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#Algolia-Search" > < span class = "toc-number" > 4.< / span > < span class = "toc-text" > Algolia Search< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Register-amp-Acquire-Key" > < span class = "toc-number" > 4.1.< / span > < span class = "toc-text" > Register & Acquire Key< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Install-hexo-algoliasearch" > < span class = "toc-number" > 4.2.< / span > < span class = "toc-text" > Install hexo-algoliasearch< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Using-Algolia" > < span class = "toc-number" > 4.3.< / span > < span class = "toc-text" > Using Algolia< / span > < / a > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#QWeather-Widget-%F0%9F%87%A8%F0%9F%87%B3" > < span class = "toc-number" > 5.< / span > < span class = "toc-text" > QWeather Widget 🇨🇳< / span > < / a > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#Front-Matter" > < span class = "toc-number" > 6.< / span > < span class = "toc-text" > Front Matter< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#top" > < span class = "toc-number" > 6.1.< / span > < span class = "toc-text" > top< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" hre
2023-10-24 09:50:42 +08:00
< / div >
< / div >
< / div >
< script >
window.katex = {
enable: "true",
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 = {
enable: "true",
cdn: "//cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js",
}
window.valine = {
enable: "true",
appId: 'TisMit6uhflounFqAN3ZGjgq-MdYXbMMI',
appKey: 'CdjirjYdz07U5i62ElsJvXUh',
avatar: 'monsterid',
cdn: '//unpkg.com/valine@latest/dist/Valine.min.js',
serverURLs: '//tismit6u.api.lncldglobal.com'
};
< / script >
2023-10-21 17:55:14 +08:00
< script src = "/js/a02fa72b.js" > < / script >
2023-10-24 09:50:42 +08:00
< / main >
< / body >
< script >
window.i18n = {
"tip-collapse": "Collapse",
"tip-expand": "Expand",
"text-select": "select",
"text-move": "movement",
"text-esc": "close",
"tip-status-done": "Done",
"tip-status-doing": "In Progress",
"tip-status-todo": "Todo",
"tip-status-other": "Duplicate",
"tip-status-default": "Default",
2023-10-25 22:07:27 +08:00
"tip-roadmap-today": "Positioning to the today",
"text-search": "Search...",
2023-10-26 15:09:35 +08:00
"text-today": "Today",
// month
"January": "January",
"February": "February",
"March": "March",
"April": "April",
"May": "May",
"June": "June",
"July": "July",
"August": "August",
"September": "September",
"October": "October",
"November": "November",
"December": "December",
2023-10-24 09:50:42 +08:00
}
< / script >
2023-10-26 15:09:35 +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 >
