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 >
Markdown Sample
< / title >
< meta name = "description" content = "A very simple way to add structured data to a page." >
< meta name = "keywords" content = "Markdown, 代码高亮 (Codes), 引用 (Blockquotes), 列表 (Lists), 图片 (Images), 表格 (Tables), Emoji, TeX(KaTeX), 流程图 (mermaid)" >
< meta name = "author" content = "Mozzie" >
2024-03-15 15:38:52 +08:00
< link rel = "canonical" href = "https://maxshader.com/posts/24908/" >
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-12-28 11:27:53 +08:00
< link rel = "stylesheet" href = "/css/b4c95347.css" >
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
< script > window . i18n = { "tip-status-done" : "完成" , "tip-status-default" : "全部" , "tip-status-todo" : "计划" , "tip-status-doing" : "进行" , "tip-status-other" : "其他" , "text-select" : "选择" , "text-move" : "移动" , "text-esc" : "退出" , "January" : "一月" , "February" : "二月" , "March" : "三月" , "April" : "四月" , "May" : "五月" , "June" : "六月" , "July" : "七月" , "August" : "八月" , "September" : "九月" , "October" : "十月" , "November" : "十一月" , "December" : "十二月" } < / script >
< meta name = "generator" content = "Hexo 7.0.0" > < / head >
2023-10-24 09:50:42 +08:00
< body id = "app" >
2023-12-25 16:39:03 +08:00
< aside id = "aside-box" class = "left-aside" >
< div class = "header" >
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
< link rel = "stylesheet" href = "/css/61875ce9.css" >
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
< div class = "profile" >
< a class = "badge" href = "/" >
< span > Hi< / span >
2023-10-24 09:50:42 +08:00
< span > Mozzie< / span >
< / a >
2023-12-25 16:39:03 +08:00
< cosy-tooltip id = "left-aside-button" placement = "right" >
< span slot = "content" >
< span > 显示 / 隐藏 左侧导航< / span >
< cosy-short-key > [< / cosy-short-key >
< / span >
< cosy-icon >
< 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 = "M16 4c1.104-.019 2 .896 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm1 2a1 1 0 0 0-1-1h-2.995v10H16a1 1 0 0 0 1-1V6zm-4.995 9V5H4.001a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8.004z" fill = "currentColor" > < / path >
< / g >
< / svg >
< / cosy-icon >
< / cosy-tooltip >
2023-10-24 09:50:42 +08:00
< / div >
2024-04-05 11:14:12 +08:00
< script src = "/js/69622cae.js" > < / script >
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
< cosy-search id = "post-search" placeholder = "搜索" >
< div slot = "short-key" >
< cosy-short-key > ⌘< / cosy-short-key >
< cosy-short-key > K< / cosy-short-key >
2023-10-24 09:50:42 +08:00
< / div >
2023-12-25 16:39:03 +08:00
< / cosy-search >
2023-10-24 09:50:42 +08:00
< script >
window.algolia = {
appId: "5DTW808BZ8",
SearchOnlyAPIKey: "27845b245efc8a2853cc0bdc7366ea26"
}
< / script >
2024-04-05 11:14:12 +08:00
< script src = "/js/0a6f193b.js" > < / script >
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
< / div >
< div class = "aside-category" >
2023-11-03 14:52:16 +08:00
2023-12-25 16:39:03 +08:00
< link rel = "stylesheet" href = "/css/db04a759.css" >
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
< nav class = "category-nav cosy-scrollbar" >
< ul > < li data-path = "archives" >
2023-11-10 13:44:10 +08:00
< a href = "/archives" >
2023-12-25 16:39:03 +08:00
< 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 = "M3.5 3A1.5 1.5 0 0 0 2 4.5v4A1.5 1.5 0 0 0 3.5 10h9A1.5 1.5 0 0 0 14 8.5v-4A1.5 1.5 0 0 0 12.5 3h-9zM3 4.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-4zm.5 6.5A1.5 1.5 0 0 0 2 12.5v4A1.5 1.5 0 0 0 3.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-4a1.5 1.5 0 0 0-1.5-1.5h-9zM3 12.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-4zm14-.063a2.003 2.003 0 0 1-2.5-1.937A2 2 0 0 1 16 8.563a2.005 2.005 0 0 1 1 0a2 2 0 0 1 0 3.874zM16.5 3a.5.5 0 0 1 .5.5v4.041a3.02 3.02 0 0 0-1 0V3.5a.5.5 0 0 1 .5-.5zm0 10.5c-.17 0-.337-.014-.5-.041V17.5a.5.5 0 0 0 1 0v-4.041c-.163.027-.33.041-.5.041z" fill = "currentColor" > < / path > < / g > < / svg >
< div class = "ellipsis" > 归档< / div >
< / a >
< / li > < li data-path = "cosy-roadmap" >
< a href = "/cosy-roadmap" >
< 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 = "M9.384 2a1 1 0 0 0-.966.742L4.616 17H2.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-2.116L11.582 2.742A1 1 0 0 0 10.616 2H9.384zM5.651 17l.8-3H11.5a.5.5 0 0 0 0-1H6.717l.534-2H10.5a.5.5 0 0 0 0-1H7.517l1.867-7h1.232l3.733 14H5.651z" fill = "currentColor" > < / path > < / g > < / svg >
< div class = "ellipsis" > 路线图< / div >
< / a >
< / li > < li data-path = "cosy-resume" >
< a href = "/cosy-resume" >
< 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 = "M8.5 4.498a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0zm1.5-2.5a2.5 2.5 0 0 0-2.43 3.086L5.471 4.15a1.761 1.761 0 0 0-2.317.88c-.4.882-.008 1.917.877 2.31L7 8.662v2.287l-1.877 4.645a1.75 1.75 0 0 0 3.245 1.311l1.556-3.849a.073.073 0 0 1 .028-.038a.086.086 0 0 1 .046-.012c.02 0 .035.005.046.012a.074.074 0 0 1 .028.038l1.555 3.849a1.75 1.75 0 0 0 3.245-1.311L13 10.96V8.662l2.968-1.322a1.74 1.74 0 0 0 .877-2.31a1.761 1.761 0 0 0-2.317-.88l-2.097.934a2.5 2.5 0 0 0-2.43-3.086zM4.065 5.444a.761.761 0 0 1 1-.38l3.918 1.744a2.5 2.5 0 0 0 2.034 0l3.918-1.744a.761.761 0 0 1 1 .38a.739.739 0 0 1-.373.983l-2.969 1.321a1 1 0 0 0-.593.914v2.298a1 1 0 0 0 .073.375l1.872 4.633a.75.75 0 0 1-1.39.562l-1.556-3.849c-.364-.9-1.639-.9-2.003 0l-1.555 3.85a.75.75 0 1 1-1.39-.562l1.876-4.646A1 1 0 0 0 8 10.95V8.662a1 1 0 0 0-.593-.914L4.438 6.427a.739.739 0 0 1-.373-.983z" fill = "currentColor" > < / path > < / g > < / svg >
< div class = "ellipsis" > 简历< / div >
< / a >
2023-11-10 13:44:10 +08:00
< / li > < / ul >
< ul > < li class = "" >
2024-03-28 11:14:49 +08:00
< a href = "/categories/AI/" >
< 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 = "M6.13 2.793A3.91 3.91 0 0 1 8.5 2a1.757 1.757 0 0 1 1.5.78A1.757 1.757 0 0 1 11.5 2a3.91 3.91 0 0 1 2.37.793c.525.408.93.973 1.073 1.656c.328.025.628.161.88.366c.382.31.66.775.835 1.267c.274.765.348 1.74.064 2.57c.072.034.143.074.212.12c.275.183.484.445.638.754c.303.605.428 1.449.428 2.474c0 1.141-.435 1.907-.987 2.38a2.68 2.68 0 0 1-1.054.555c-.1.558-.38 1.204-.819 1.752C14.57 17.402 13.686 18 12.5 18c-.94 0-1.688-.52-2.174-1.03a4.252 4.252 0 0 1-.326-.385a4.245 4.245 0 0 1-.326.385C9.188 17.48 8.441 18 7.5 18c-1.186 0-2.069-.598-2.64-1.313a4.057 4.057 0 0 1-.819-1.752a2.68 2.68 0 0 1-1.054-.555C2.435 13.907 2 13.14 2 12c0-1.025.126-1.87.428-2.474c.154-.309.363-.57.638-.755a1.58 1.58 0 0 1 .212-.118c-.284-.832-.21-1.806.064-2.571c.175-.492.453-.957.835-1.267c.252-.205.552-.34.88-.366c.144-.683.549-1.248 1.074-1.656zM9.5 4.5V4.49l-.002-.05a2.744 2.744 0 0 0-.154-.764a1.222 1.222 0 0 0-.309-.49A.76.76 0 0 0 8.5 3a2.91 2.91 0 0 0-1.756.582C6.28 3.943 6 4.432 6 5a.5.5 0 0 1-.658.474c-.188-.062-.356-.027-.535.117c-.196.16-.387.444-.524.827c-.279.782-.25 1.729.133 2.305A.5.5 0 0 1 4.5 9h.75a2.25 2.25 0 0 1 2.25 2.25v.335a1.5 1.5 0 1 1-1 0v-.335c0-.69-.56-1.25-1.25-1.25H3.5a.499.499 0 0 1-.175-.032l-.003.006C3.124 10.369 3 11.025 3 12c0 .859.315 1.343.638 1.62c.347.298.732.38.862.38a.5.5 0 0 1 .5.5c0 .368.2 1.011.64 1.563c.429.535 1.046.937 1.86.937c.56 0 1.062-.313 1.45-.72c.191-.2.34-.407.437-.577a1.573 1.573 0 0 0 .113-.236V7.5H8.415a1.5 1.5 0 1 1 0-1H9.5v-2zm1 9.999v.967a1.575 1.575 0 0 0 .113.236c.098.17.246.377.436.577c.389.407.892.72 1.451.72c.814 0 1.431-.402 1.86-.937c.44-.552.64-1.195.64-1.563a.5.5 0 0 1 .5-.5c.13 0 .515-.082.862-.38c.323-.277.638-.761.638-1.62c0-.975-.125-1.63-.322-2.026a.923.923 0 0 0-.3-.37A.657.657 0 0 0 16 9.5a.5.5 0 0 1-.416-.777c.384-.576.412-1.523.133-2.305c-.137-.383-.328-.668-.524-.827c-.179-.144-.347-.18-.535-.117A.5.5 0 0 1 14 5c0-.568-.28-1.057-.745-1.418A2.91 2.91 0 0 0 11.5 3a.76.76 0 0 0-.535.186a1.22 1.22 0 0 0-.31.49a2.579 2.579 0 0 0-.155.814v9.01h.75c.69 0 1.25-.56 1.25-1.25v-1.835a1.5 1.5 0 1 1 1 0v1.835a2.25 2.25 0 0 1-2.25 2.25h-.75zM6.5 7a.5.5 0 1 0 1 0a.5.5 0 0 0-1 0zM13 9.5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1zm-6 3a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1z" fill = "currentColor" > < / path > < / g > < / svg >
< div class = "ellipsis" >
< span > AI< / span >
< / div >
< / a >
< / li > < li class = "" >
2023-12-26 10:59:02 +08:00
< a href = "/categories/CS/" >
< 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 >
2023-11-10 13:51:34 +08:00
< div class = "ellipsis" >
2023-12-26 10:59:02 +08:00
< span > CS< / span >
2023-11-10 13:51:34 +08:00
< / div >
2023-11-10 13:44:10 +08:00
< / a >
< / li > < li class = "" >
2023-12-26 10:59:02 +08:00
< 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" >
2023-12-26 10:59:02 +08:00
< span > EQ< / span >
2023-11-10 13:51:34 +08:00
< / 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 = "" >
2023-12-26 10:59:02 +08:00
< a href = "/categories/%E8%87%AA%E5%AA%92%E4%BD%93/" >
< 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-21 13:49:17 +08:00
< div class = "ellipsis" >
2023-12-26 10:59:02 +08:00
< span > 自媒体< / span >
2023-11-21 13:49:17 +08:00
< / div >
< / a >
2023-11-11 18:48:29 +08:00
< / li > < li class = "" >
2023-12-26 10:59:02 +08:00
< a href = "/categories/%E8%AF%BB%E4%B9%A6/" >
< 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 = "M4 16V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v11a1 1 0 0 1-1 1H5a1 1 0 0 0 1 1h9.5a.5.5 0 0 1 0 1H6a2 2 0 0 1-2-2zM15 4a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v11h10V4zM7.041 8h.973c.045-.773.192-1.485.42-2.059A3.002 3.002 0 0 0 7.04 8zM6 8.5a4 4 0 1 1 8 0a4 4 0 0 1-8 0zm6.959-.5a3.002 3.002 0 0 0-1.392-2.059c.227.574.374 1.286.419 2.059h.973zm-.973 1c-.045.773-.192 1.486-.42 2.059A3.002 3.002 0 0 0 12.96 9h-.973zm-1.002-1c-.046-.707-.189-1.324-.383-1.778c-.12-.28-.25-.474-.368-.591c-.117-.115-.195-.131-.233-.131c-.038 0-.116.016-.233.13c-.118.118-.248.312-.368.592c-.194.454-.337 1.07-.383 1.778h1.968zM9.016 9c.046.707.189 1.324.383 1.778c.12.28.25.474.368.591c.117.115.195.131.233.131c.038 0 .116-.016.233-.13c.118-.118.248-.313.368-.592c.194-.454.336-1.07.383-1.778H9.016zM8.014 9h-.973c.147.87.668 1.614 1.392 2.059c-.227-.573-.374-1.286-.419-2.059z" fill = "currentColor" > < / path > < / g > < / svg >
2023-11-11 18:48:29 +08:00
< div class = "ellipsis" >
2023-12-26 10:59:02 +08:00
< span > 读书< / span >
< / div >
< / a >
< / li > < li class = "" >
< a href = "/categories/%E8%B4%A2%E7%BB%8F/" >
< 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 > 财经< / span >
2023-11-11 18:48:29 +08:00
< / div >
< / a >
2023-11-10 13:44:10 +08:00
< / li > < / ul >
2023-12-25 16:39:03 +08:00
< / nav >
2023-10-24 09:50:42 +08:00
2024-04-05 11:14:12 +08:00
< script src = "/js/066f8989.js" > < / script >
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
< / div >
< div class = "bottom" >
< cosy-tooltip id = "button-preference" placement = "right" >
< span slot = "content" >
< span > 偏好< / span >
< cosy-short-key > ⌘< / cosy-short-key >
< cosy-short-key > p< / cosy-short-key >
< / span >
< cosy-icon bordered id = "button-about-cosy-theme" >
< svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 16 16" >
< g fill = "none" >
< path d = "M8 6a2 2 0 1 0 0 4a2 2 0 0 0 0-4zM7 8a1 1 0 1 1 2 0a1 1 0 0 1-2 0zm3.618-3.602a.708.708 0 0 1-.824-.567l-.26-1.416a.354.354 0 0 0-.275-.282a6.072 6.072 0 0 0-2.519 0a.354.354 0 0 0-.275.282l-.259 1.416a.71.71 0 0 1-.936.538l-1.359-.484a.355.355 0 0 0-.382.095c-.569.627-1 1.367-1.262 2.173a.352.352 0 0 0 .108.378l1.102.931a.704.704 0 0 1 0 1.076l-1.102.931a.352.352 0 0 0-.108.378A5.986 5.986 0 0 0 3.53 12.02a.355.355 0 0 0 .382.095l1.36-.484a.708.708 0 0 1 .936.538l.258 1.416c.026.14.135.252.275.281a6.075 6.075 0 0 0 2.52 0a.353.353 0 0 0 .274-.281l.26-1.416a.71.71 0 0 1 .936-.538l1.359.484c.135.048.286.01.382-.095c.569-.627 1-1.367 1.262-2.173a.352.352 0 0 0-.108-.378l-1.102-.931a.703.703 0 0 1 0-1.076l1.102-.931a.352.352 0 0 0 .108-.378A5.985 5.985 0 0 0 12.47 3.98a.355.355 0 0 0-.382-.095l-1.36.484a.71.71 0 0 1-.111.03zm-6.62.58l.937.333a1.71 1.71 0 0 0 2.255-1.3l.177-.97a5.105 5.105 0 0 1 1.265 0l.178.97a1.708 1.708 0 0 0 2.255 1.3L12 4.977c.255.334.467.698.63 1.084l-.754.637a1.704 1.704 0 0 0 0 2.604l.755.637a4.99 4.99 0 0 1-.63 1.084l-.937-.334a1.71 1.71 0 0 0-2.255 1.3l-.178.97a5.099 5.099 0 0 1-1.265 0l-.177-.97a1.708 1.708 0 0 0-2.255-1.3L4 11.023a4.987 4.987 0 0 1-.63-1.084l.754-.638a1.704 1.704 0 0 0 0-2.603l-.755-.637c.164-.386.376-.75.63-1.084z" fill = "currentColor" > < / path >
< / g >
< / svg >
< / cosy-icon >
< / cosy-tooltip >
2023-10-24 09:50:42 +08:00
< / div >
< / aside >
< main >
2024-04-05 11:14:12 +08:00
< link rel = "stylesheet" href = "/css/4dbc8f91.css" >
2023-10-24 09:50:42 +08:00
< div class = "post-container" >
2023-12-25 16:39:03 +08:00
< header >
< div class = "left" >
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
< link rel = "stylesheet" href = "/css/7d333f9e.css" >
2023-10-24 09:50:42 +08:00
< nav class = "breadcrumb" >
2023-12-25 16:39:03 +08:00
< section >
< cosy-tooltip placement = "bottom-left" >
< span slot = "content" > < span > 首页< / span >
< cosy-short-key > ⌘< / cosy-short-key >
< cosy-short-key > H< / cosy-short-key >
< / span >
< cosy-icon href = "/" >
< 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 = "M8.998 2.388a1.5 1.5 0 0 1 2.005 0l5.5 4.942A1.5 1.5 0 0 1 17 8.445V15.5a1.5 1.5 0 0 1-1.5 1.5H13a1.5 1.5 0 0 1-1.5-1.5V12a.5.5 0 0 0-.5-.5H9a.5.5 0 0 0-.5.5v3.5A1.5 1.5 0 0 1 7 17H4.5A1.5 1.5 0 0 1 3 15.5V8.445c0-.425.18-.83.498-1.115l5.5-4.942zm1.336.744a.5.5 0 0 0-.668 0l-5.5 4.942A.5.5 0 0 0 4 8.445V15.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5V12A1.5 1.5 0 0 1 9 10.5h2a1.5 1.5 0 0 1 1.5 1.5v3.5a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 .5-.5V8.445a.5.5 0 0 0-.166-.371l-5.5-4.942z" fill = "currentColor" > < / path >
< / g >
< / svg >
< / cosy-icon >
< / cosy-tooltip >
< svg class = "arrow" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 20 20" >
2023-10-24 09:50:42 +08:00
< 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 >
2023-12-25 16:39:03 +08:00
< a class = "ellipsis" href = "/categories/Hexo/" >
Hexo
< / a >
< svg class = "arrow" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" viewBox = "0 0 20 20" >
2023-10-24 09:50:42 +08:00
< 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 >
2023-12-25 16:39:03 +08:00
< span class = "ellipsis" >
Markdown Sample
< / span >
< / section >
2023-10-24 09:50:42 +08:00
< / nav >
2023-10-20 11:19:36 +08:00
< script src = "/js/31d6cfe0.js" > < / script >
2023-10-24 09:50:42 +08:00
2023-12-25 16:39:03 +08:00
< / div >
< div class = "right" >
2024-04-05 11:14:12 +08:00
< cosy-tooltip id = "toc-show-button" placement = "left" >
< span slot = "content" >
< span > 显示 / 隐藏 文章目录< / span >
< cosy-short-key > ]< / cosy-short-key >
< / span >
< cosy-icon >
< 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="M4 4c-1.104-.019-2 .896-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4zM3 6a1 1 0 0 1 1-1h2.995v10H4a1 1 0 0 1-1-1V6zm4.995 9V5h8.004a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7.995z"
fill="currentColor">< / path >
< / g >
< / svg >
< / cosy-icon >
< / cosy-tooltip >
2023-12-25 16:39:03 +08:00
< / div >
< / header >
< div class = "content" >
< main class = "cosy-scrollbar" >
2023-10-24 09:50:42 +08:00
< div class = "article-container" >
<!-- 渲染文章内容 -->
2023-11-08 13:45:34 +08:00
< article >
2023-12-25 16:39:03 +08:00
<!-- 文章标题 -->
< h1 class = "post-title" > Markdown Sample< / h1 >
< div class = "last-updated" >
2024-04-05 11:14:12 +08:00
上次更新: 2024-04-05 11:13:18
2023-12-25 16:39:03 +08:00
< / div >
<!-- 文章 -->
2023-11-08 13:45:34 +08:00
< h1 id = "Linear-Markdown-Sample" > < a href = "#Linear-Markdown-Sample" class = "headerlink" title = "Linear Markdown Sample" > < / a > Linear Markdown Sample< / h1 > < p > < img src = "https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png" alt = "markdown" > < / p >
2023-10-20 16:51:46 +08:00
< h1 id = "Heading-1-link-Heading-link" > < a href = "#Heading-1-link-Heading-link" class = "headerlink" title = "Heading 1 link Heading link" > < / a > Heading 1 link < a target = "_blank" rel = "noopener" href = "https://github.com/pandao/editor.md" title = "Heading link" > Heading link< / a > < / h1 > < h2 id = "Heading-2-link-Heading-link" > < a href = "#Heading-2-link-Heading-link" class = "headerlink" title = "Heading 2 link Heading link" > < / a > Heading 2 link < a target = "_blank" rel = "noopener" href = "https://github.com/pandao/editor.md" title = "Heading link" > Heading link< / a > < / h2 > < h3 id = "Heading-3-link-Heading-link" > < a href = "#Heading-3-link-Heading-link" class = "headerlink" title = "Heading 3 link Heading link" > < / a > Heading 3 link < a target = "_blank" rel = "noopener" href = "https://github.com/pandao/editor.md" title = "Heading link" > Heading link< / a > < / h3 > < h4 id = "Heading-4-link-Heading-link-Heading-link-Heading-link" > < a href = "#Heading-4-link-Heading-link-Heading-link-Heading-link" class = "headerlink" title = "Heading 4 link Heading link Heading link Heading link" > < / a > Heading 4 link < a target = "_blank" rel = "noopener" href = "https://github.com/pandao/editor.md" title = "Heading link" > Heading link< / a > Heading link < a target = "_blank" rel = "noopener" href = "https://github.com/pandao/editor.md" title = "Heading link" > Heading link< / a > < / h4 > < h5 id = "Heading-5-link-Heading-link" > < a href = "#Heading-5-link-Heading-link" class = "headerlink" title = "Heading 5 link Heading link" > < / a > Heading 5 link < a target = "_blank" rel = "noopener" href = "https://github.com/pandao/editor.md" title = "Heading link" > Heading link< / a > < / h5 > < h6 id = "Heading-6-link-Heading-link" > < a href = "#Heading-6-link-Heading-link" class = "headerlink" title = "Heading 6 link Heading link" > < / a > Heading 6 link < a target = "_blank" rel = "noopener" href = "https://github.com/pandao/editor.md" title = "Heading link" > Heading link< / a > < / h6 > < h1 id = "字符效果和横线等" > < a href = "#字符效果和横线等" class = "headerlink" title = "字符效果和横线等" > < / a > 字符效果和横线等< / h1 > < hr >
2023-10-20 11:19:36 +08:00
< p > < del > 删除线< / del > < s > 删除线（ ） < / s > < br > < em > 斜体字< / em > < em > 斜体字< / em > < br > < strong > 粗体< / strong > < strong > 粗体< / strong > < br > < em > < strong > 粗斜体< / strong > < / em > < em > < strong > 粗斜体< / strong > < / em > < / p >
< p > 上标： < sub > 2< / sub > ， ： < sup > 2< / sup > < / p >
< p > < strong > 缩写(同HTML的abbr标签)< / strong > < / p >
< blockquote >
< p > 即更长的单词或短语的缩写形式， ， < / p >
< / blockquote >
< p > The < abbr title = "Hyper Text Markup Language" > HTML< / abbr > specification is maintained by the < abbr title = "World Wide Web Consortium" > W3C< / abbr > .< / p >
2023-10-20 16:51:46 +08:00
< h1 id = "引用-Blockquotes" > < a href = "#引用-Blockquotes" class = "headerlink" title = "引用 Blockquotes" > < / a > 引用 Blockquotes< / h1 > < blockquote >
2023-10-20 11:19:36 +08:00
< p > 引用文本 Blockquotes< / p >
< / blockquote >
< p > 引用的行内混合 Blockquotes< / p >
< blockquote >
< p > 引用：如果想要插入空白换行< code > 即< br /> 标签< / code > ，在插入处先键入两个以上的空格然后回车即可，< a target = "_blank" rel = "noopener" href = "http://localhost/" > 普通链接< / a > 。< / p >
< / blockquote >
2023-10-20 16:51:46 +08:00
< h1 id = "锚点与链接-Links" > < a href = "#锚点与链接-Links" class = "headerlink" title = "锚点与链接 Links" > < / a > 锚点与链接 Links< / h1 > < p > < a target = "_blank" rel = "noopener" href = "http://localhost/" > 普通链接< / a > < / p >
2023-10-20 11:19:36 +08:00
< p > < a target = "_blank" rel = "noopener" href = "http://localhost/" title = "普通链接带标题" > 普通链接带标题< / a > < / p >
< p > 直接链接：< a target = "_blank" rel = "noopener" href = "https://github.com/" > https://github.com< / a > < / p >
< p > < a target = "_blank" rel = "noopener" href = "https://baidu.com/" > https://baidu.com< / a > < / p >
< p > < a target = "_blank" rel = "noopener" href = "http://www.this-anchor-link.com/" > 锚点链接< / a > < / p >
< p > < a href = "mailto:test.test@gmail.com" > mailto:test.test@gmail.com< / a > < / p >
2024-04-21 15:54:15 +08:00
< p > GFM a-tail link < a target = "_blank" rel = "noopener" href = "https://my.oschina.net/u/3691274" > @pandao< / a > 邮箱地址自动链接 < a href = "mailto:test.test@gmail.com" > t e s t . t e s t @ g m a i l . c o m < / a > < a href = "mailto:www@vip.qq.com" > w w w @ v i p . q q . c o m < / a > < / p >
2023-10-20 11:19:36 +08:00
< blockquote >
< p > @pandao< / p >
< / blockquote >
2023-10-20 16:51:46 +08:00
< h1 id = "多语言代码高亮-Codes" > < a href = "#多语言代码高亮-Codes" class = "headerlink" title = "多语言代码高亮 Codes" > < / a > 多语言代码高亮 Codes< / h1 > < h2 id = "行内代码-Inline-code" > < a href = "#行内代码-Inline-code" class = "headerlink" title = "行内代码 Inline code" > < / a > 行内代码 Inline code< / h2 > < p > 执行命令：< code > npm install marked< / code > < / p >
< h2 id = "JS代码" > < a href = "#JS代码" class = "headerlink" title = "JS代码" > < / a > JS代码< / h2 > < pre class = "line-numbers language-javascript" data-language = "javascript" > < code class = "language-javascript" > < span class = "token keyword" > function< / span > < span class = "token function" > test< / span > < span class = "token punctuation" > (< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > { < / span >
2023-10-20 11:19:36 +08:00
console< span class = "token punctuation" > .< / span > < span class = "token function" > log< / span > < span class = "token punctuation" > (< / span > < span class = "token string" > "Hello world!"< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > ;< / span >
< span class = "token punctuation" > } < / span >
< span class = "token punctuation" > (< / span > < span class = "token keyword" > function< / span > < span class = "token punctuation" > (< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > { < / span >
< span class = "token keyword" > var< / span > < span class = "token function-variable function" > box< / span > < span class = "token operator" > =< / span > < span class = "token keyword" > function< / span > < span class = "token punctuation" > (< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > { < / span >
< span class = "token keyword" > return< / span > box< span class = "token punctuation" > .< / span > fn< span class = "token punctuation" > .< / span > < span class = "token function" > init< / span > < span class = "token punctuation" > (< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > ;< / span >
< span class = "token punctuation" > } < / span > < span class = "token punctuation" > ;< / span >
box< span class = "token punctuation" > .< / span > prototype < span class = "token operator" > =< / span > box< span class = "token punctuation" > .< / span > fn < span class = "token operator" > =< / span > < span class = "token punctuation" > { < / span >
< span class = "token function-variable function" > init< / span > < span class = "token operator" > :< / span > < span class = "token keyword" > function< / span > < span class = "token punctuation" > (< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > { < / span >
console< span class = "token punctuation" > .< / span > < span class = "token function" > log< / span > < span class = "token punctuation" > (< / span > < span class = "token string" > 'box.init()'< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > ;< / span >
< span class = "token keyword" > return< / span > < span class = "token keyword" > this< / span > < span class = "token punctuation" > ;< / span >
< span class = "token punctuation" > } < / span > < span class = "token punctuation" > ,< / span >
< span class = "token function-variable function" > add< / span > < span class = "token operator" > :< / span > < span class = "token keyword" > function< / span > < span class = "token punctuation" > (< / span > < span class = "token parameter" > str< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > { < / span >
< span class = "token function" > alert< / span > < span class = "token punctuation" > (< / span > < span class = "token string" > "add"< / span > < span class = "token punctuation" > ,< / span > str< span class = "token punctuation" > )< / span > < span class = "token punctuation" > ;< / span >
< span class = "token keyword" > return< / span > < span class = "token keyword" > this< / span > < span class = "token punctuation" > ;< / span >
< span class = "token punctuation" > } < / span > < span class = "token punctuation" > ,< / span >
< span class = "token function-variable function" > remove< / span > < span class = "token operator" > :< / span > < span class = "token keyword" > function< / span > < span class = "token punctuation" > (< / span > < span class = "token parameter" > str< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > { < / span >
< span class = "token function" > alert< / span > < span class = "token punctuation" > (< / span > < span class = "token string" > "remove"< / span > < span class = "token punctuation" > ,< / span > str< span class = "token punctuation" > )< / span > < span class = "token punctuation" > ;< / span >
< span class = "token keyword" > return< / span > < span class = "token keyword" > this< / span > < span class = "token punctuation" > ;< / span >
< span class = "token punctuation" > } < / span >
< span class = "token punctuation" > } < / span > < span class = "token punctuation" > ;< / span >
box< span class = "token punctuation" > .< / span > fn< span class = "token punctuation" > .< / span > init< span class = "token punctuation" > .< / span > prototype < span class = "token operator" > =< / span > box< span class = "token punctuation" > .< / span > fn< span class = "token punctuation" > ;< / span >
window< span class = "token punctuation" > .< / span > box < span class = "token operator" > =< / span > box< span class = "token punctuation" > ;< / span >
< span class = "token punctuation" > } < / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > (< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > ;< / span >
< span class = "token keyword" > var< / span > testBox < span class = "token operator" > =< / span > < span class = "token function" > box< / span > < span class = "token punctuation" > (< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > ;< / span >
testBox< span class = "token punctuation" > .< / span > < span class = "token function" > add< / span > < span class = "token punctuation" > (< / span > < span class = "token string" > "jQuery"< / span > < span class = "token punctuation" > )< / span > < span class = "token punctuation" > .< / span > < span class = "token function" > remove< / span > < span class = "token punctuation" > (< / span > < span class = "token string" > "jQuery"< / span > < span class = "token punctuation" > )< / span > < 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 > < / span > < span > < / span > < span > < / span > < span > < / 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 16:51:46 +08:00
< h2 id = "HTML-代码-HTML-codes" > < a href = "#HTML-代码-HTML-codes" class = "headerlink" title = "HTML 代码 HTML codes" > < / a > HTML 代码 HTML codes< / h2 > < pre class = "line-numbers language-markup" data-language = "markup" > < code class = "language-markup" > < span class = "token doctype" > < span class = "token punctuation" > < !< / span > < span class = "token doctype-tag" > DOCTYPE< / span > < span class = "token name" > html< / span > < span class = "token punctuation" > >< / span > < / span >
2023-10-20 11:19:36 +08:00
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > html< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > head< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > mate< / span > < span class = "token attr-name" > charest< / span > < span class = "token attr-value" > < span class = "token punctuation attr-equals" > =< / span > < span class = "token punctuation" > "< / span > utf-8< span class = "token punctuation" > "< / span > < / span > < span class = "token punctuation" > />< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > meta< / span > < span class = "token attr-name" > name< / span > < span class = "token attr-value" > < span class = "token punctuation attr-equals" > =< / span > < span class = "token punctuation" > "< / span > keywords< span class = "token punctuation" > "< / span > < / span > < span class = "token attr-name" > content< / span > < span class = "token attr-value" > < span class = "token punctuation attr-equals" > =< / span > < span class = "token punctuation" > "< / span > Editor.md, Markdown, Editor< span class = "token punctuation" > "< / span > < / span > < span class = "token punctuation" > />< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > title< / span > < span class = "token punctuation" > >< / span > < / span > Hello world!< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > title< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > style< / span > < span class = "token attr-name" > type< / span > < span class = "token attr-value" > < span class = "token punctuation attr-equals" > =< / span > < span class = "token punctuation" > "< / span > text/css< span class = "token punctuation" > "< / span > < / span > < span class = "token punctuation" > >< / span > < / span > < span class = "token style" > < span class = "token language-css" >
< span class = "token selector" > body< / span > < span class = "token punctuation" > { < / span > < span class = "token property" > font-size< / span > < span class = "token punctuation" > :< / span > 14px< span class = "token punctuation" > ;< / span > < span class = "token property" > color< / span > < span class = "token punctuation" > :< / span > #444< span class = "token punctuation" > ;< / span > < span class = "token property" > font-family< / span > < span class = "token punctuation" > :< / span > < span class = "token string" > "Microsoft Yahei"< / span > < span class = "token punctuation" > ,< / span > Tahoma< span class = "token punctuation" > ,< / span > < span class = "token string" > "Hiragino Sans GB"< / span > < span class = "token punctuation" > ,< / span > Arial< span class = "token punctuation" > ;< / span > < span class = "token property" > background< / span > < span class = "token punctuation" > :< / span > #fff< span class = "token punctuation" > ;< / span > < span class = "token punctuation" > } < / span >
< span class = "token selector" > ul< / span > < span class = "token punctuation" > { < / span > < span class = "token property" > list-style< / span > < span class = "token punctuation" > :< / span > none< span class = "token punctuation" > ;< / span > < span class = "token punctuation" > } < / span >
< span class = "token selector" > img< / span > < span class = "token punctuation" > { < / span > < span class = "token property" > border< / span > < span class = "token punctuation" > :< / span > none< span class = "token punctuation" > ;< / span > < span class = "token property" > vertical-align< / span > < span class = "token punctuation" > :< / span > middle< span class = "token punctuation" > ;< / span > < span class = "token punctuation" > } < / span >
< / span > < / span > < span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > style< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > head< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > body< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > h1< / span > < span class = "token attr-name" > class< / span > < span class = "token attr-value" > < span class = "token punctuation attr-equals" > =< / span > < span class = "token punctuation" > "< / span > text-xxl< span class = "token punctuation" > "< / span > < / span > < span class = "token punctuation" > >< / span > < / span > Hello world!< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > h1< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > p< / span > < span class = "token attr-name" > class< / span > < span class = "token attr-value" > < span class = "token punctuation attr-equals" > =< / span > < span class = "token punctuation" > "< / span > text-green< span class = "token punctuation" > "< / span > < / span > < span class = "token punctuation" > >< / span > < / span > Plain text< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > p< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > body< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > html< / 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 > < / code > < / pre >
2023-10-20 16:51:46 +08:00
< h1 id = "图片-Images" > < a href = "#图片-Images" class = "headerlink" title = "图片 Images" > < / a > 图片 Images< / h1 > < p > Image:< / p >
2023-10-20 11:19:36 +08:00
< p > < img src = "https://pandao.github.io/editor.md/examples/images/4.jpg" > < / p >
< blockquote >
< p > Follow your heart.< / p >
< / blockquote >
< p > < img src = "https://pandao.github.io/editor.md/examples/images/8.jpg" > < / p >
< blockquote >
< p > 图为：厦门白城沙滩< / p >
< / blockquote >
< p > 图片加链接 (Image + Link)： < / p >
< p > < a target = "_blank" rel = "noopener" href = "https://pandao.github.io/editor.md/images/7.jpg" title = "李健首张专辑《似水流年》封面" > < img src = "https://pandao.github.io/editor.md/examples/images/7.jpg" > < / a > < / p >
< blockquote >
< p > 图为：李健首张专辑《似水流年》封面< / p >
< / blockquote >
< hr >
2023-10-20 16:51:46 +08:00
< h1 id = "列表-Lists" > < a href = "#列表-Lists" class = "headerlink" title = "列表 Lists" > < / a > 列表 Lists< / h1 > < h2 id = "无序列表（ ） > < a href = "#无序列表（ ） class = "headerlink" title = "无序列表（ ） > < / a > 无序列表（ ） < / h2 > < ul >
2023-10-20 11:19:36 +08:00
< li > 列表一< / li >
< li > 列表二< / li >
< li > 列表三< / li >
< / ul >
2023-10-20 16:51:46 +08:00
< h2 id = "无序列表（ ） > < a href = "#无序列表（ ） class = "headerlink" title = "无序列表（ ） > < / a > 无序列表（ ） < / h2 > < ul >
2023-10-20 11:19:36 +08:00
< li > 列表一< / li >
< li > 列表二< / li >
< li > 列表三< / li >
< / ul >
2023-10-20 16:51:46 +08:00
< h2 id = "无序列表（ ） > < a href = "#无序列表（ ） class = "headerlink" title = "无序列表（ ） > < / a > 无序列表（ ） < / h2 > < ul >
2023-10-20 11:19:36 +08:00
< li > 列表一< / li >
< li > 列表二< ul >
< li > 列表二-1< / li >
< li > 列表二-2< / li >
< li > 列表二-3< / li >
< / ul >
< / li >
< li > 列表三< ul >
< li > 列表一< / li >
< li > 列表二< / li >
< li > 列表三< / li >
< / ul >
< / li >
< / ul >
2023-10-20 16:51:46 +08:00
< h2 id = "有序列表-Ordered-Lists" > < a href = "#有序列表-Ordered-Lists" class = "headerlink" title = "有序列表 Ordered Lists (-)" > < / a > 有序列表 Ordered Lists (-)< / h2 > < ol >
2023-10-20 11:19:36 +08:00
< li > 第一行< / li >
< li > 第二行< / li >
< li > 第三行< / li >
< / ol >
2023-10-20 16:51:46 +08:00
< h2 id = "GFM-task-list" > < a href = "#GFM-task-list" class = "headerlink" title = "GFM task list" > < / a > GFM task list< / h2 > < ul >
2023-10-20 11:19:36 +08:00
< li > < input checked = "" disabled = "" type = "checkbox" > GFM task list 1< / li >
< li > < input checked = "" disabled = "" type = "checkbox" > GFM task list 2< / li >
< li > < input disabled = "" type = "checkbox" > GFM task list 3< ul >
< li > < input disabled = "" type = "checkbox" > GFM task list 3-1< / li >
< li > < input disabled = "" type = "checkbox" > GFM task list 3-2< / li >
< li > < input disabled = "" type = "checkbox" > GFM task list 3-3< / li >
< / ul >
< / li >
< li > < input disabled = "" type = "checkbox" > GFM task list 4< ul >
< li > < input disabled = "" type = "checkbox" > GFM task list 4-1< / li >
< li > < input disabled = "" type = "checkbox" > GFM task list 4-2< / li >
< / ul >
< / li >
< / ul >
< hr >
2023-10-20 16:51:46 +08:00
< h1 id = "绘制表格-Tables" > < a href = "#绘制表格-Tables" class = "headerlink" title = "绘制表格 Tables" > < / a > 绘制表格 Tables< / h1 > < table >
2023-10-20 11:19:36 +08:00
< thead >
< tr >
< th > 项目< / th >
< th align = "right" > 价格< / th >
< th align = "center" > 数量< / th >
< / tr >
< / thead >
< tbody > < tr >
< td > 计算机< / td >
< td align = "right" > $1600< / td >
< td align = "center" > 5< / td >
< / tr >
< tr >
< td > 手机< / td >
< td align = "right" > $12< / td >
< td align = "center" > 12< / td >
< / tr >
< tr >
< td > 管线< / td >
< td align = "right" > $1< / td >
< td align = "center" > 234< / td >
< / tr >
< / tbody > < / table >
< table >
< thead >
< tr >
< th > First Header< / th >
< th > Second Header< / th >
< / tr >
< / thead >
< tbody > < tr >
< td > Content Cell< / td >
< td > Content Cell< / td >
< / tr >
< tr >
< td > Content Cell< / td >
< td > Content Cell< / td >
< / tr >
< / tbody > < / table >
< table >
< thead >
< tr >
< th > First Header< / th >
< th > Second Header< / th >
< / tr >
< / thead >
< tbody > < tr >
< td > Content Cell< / td >
< td > Content Cell< / td >
< / tr >
< tr >
< td > Content Cell< / td >
< td > Content Cell< / td >
< / tr >
< / tbody > < / table >
< table >
< thead >
< tr >
< th > Function name< / th >
< th > Description< / th >
< / tr >
< / thead >
< tbody > < tr >
< td > < code > help()< / code > < / td >
< td > Display the help window.< / td >
< / tr >
< tr >
< td > < code > destroy()< / code > < / td >
< td > < strong > Destroy your computer!< / strong > < / td >
< / tr >
< / tbody > < / table >
< table >
< thead >
< tr >
< th align = "left" > Left-Aligned< / th >
< th align = "center" > Center Aligned< / th >
< th align = "right" > Right Aligned< / th >
< / tr >
< / thead >
< tbody > < tr >
< td align = "left" > col 3 is< / td >
< td align = "center" > some wordy text< / td >
< td align = "right" > $1600< / td >
< / tr >
< tr >
< td align = "left" > col 2 is< / td >
< td align = "center" > centered< / td >
< td align = "right" > $12< / td >
< / tr >
< tr >
< td align = "left" > zebra stripes< / td >
< td align = "center" > are neat< / td >
< td align = "right" > $1< / td >
< / tr >
< / tbody > < / table >
< table >
< thead >
< tr >
< th > Item< / th >
< th align = "right" > Value< / th >
< / tr >
< / thead >
< tbody > < tr >
< td > Computer< / td >
< td align = "right" > $1600< / td >
< / tr >
< tr >
< td > Phone< / td >
< td align = "right" > $12< / td >
< / tr >
< tr >
< td > Pipe< / td >
< td align = "right" > $1< / td >
< / tr >
< / tbody > < / table >
2023-10-20 16:51:46 +08:00
< h1 id = "科学公式-TeX-KaTeX" > < a href = "#科学公式-TeX-KaTeX" class = "headerlink" title = "科学公式 TeX(KaTeX)" > < / a > 科学公式 TeX(KaTeX)< / h1 > < p > $$E= mc^2$$< / p >
2023-10-20 11:19:36 +08:00
< p > $$x > y$$< / p >
< p > $$(\sqrt{3x-1}+(1+x)^2)$$< / p >
< p > $$\sin(\alpha)^{\theta}= \sum_{i= 0}^{n}(x^i + \cos(f))$$< / p >
2023-10-20 16:51:46 +08:00
< h1 id = "绘制流程图-mermaid" > < a href = "#绘制流程图-mermaid" class = "headerlink" title = "绘制流程图 mermaid" > < / a > 绘制流程图 mermaid< / h1 > < div class = "mermaid" >
2023-10-20 11:19:36 +08:00
graph TD;
A --> B;
A --> C;
B --> D;
C --> D;
< / div >
2023-10-20 16:51:46 +08:00
< p > End< / p >
2023-11-08 13:45:34 +08:00
2024-04-05 11:14:12 +08:00
< div class = "post-tags" >
<!-- 文章tags -->
< / div >
< p class = "motto" > 重拾纯粹的写作< / p >
2023-11-08 13:45:34 +08:00
< / article >
2023-10-24 09:50:42 +08:00
<!-- 评论 -->
< div id = "vcomments" > < / div >
2024-04-05 11:14:12 +08:00
< div id = "tcomment" > < / div >
2023-10-24 09:50:42 +08:00
< / div >
< / main >
2023-12-25 16:39:03 +08:00
<!-- toc -->
2024-04-05 11:14:12 +08:00
< cosy-drag-box id = "toc-drag-box" trigger = "left" min-width = "220" uid = "toc-box" >
< div class = "meta-container" >
< div class = "toc-wrapper cosy-scrollbar" >
< cosy-tooltip placement = "right" >
< 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 > 目录< / span >
< / p >
< span slot = "content" >
< span > 隐藏目录< / span >
< cosy-short-key > ]< / cosy-short-key >
< / span >
< / cosy-tooltip >
<!-- 文章toc -->
< ol class = "toc" > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#Linear-Markdown-Sample" > < span class = "toc-number" > 1.< / span > < span class = "toc-text" > Linear Markdown Sample< / span > < / a > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#Heading-1-link-Heading-link" > < span class = "toc-number" > 2.< / span > < span class = "toc-text" > Heading 1 link Heading link< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#Heading-2-link-Heading-link" > < span class = "toc-number" > 2.1.< / span > < span class = "toc-text" > Heading 2 link Heading link< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-3" > < a class = "toc-link" href = "#Heading-3-link-Heading-link" > < span class = "toc-number" > 2.1.1.< / span > < span class = "toc-text" > Heading 3 link Heading link< / span > < / a > < / li > < / ol > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#%E5%AD%97%E7%AC%A6%E6%95%88%E6%9E%9C%E5%92%8C%E6%A8%AA%E7%BA%BF%E7%AD%89" > < span class = "toc-number" > 3.< / span > < span class = "toc-text" > 字符效果和横线等< / span > < / a > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#%E5%BC%95%E7%94%A8-Blockquotes" > < span class = "toc-number" > 4.< / span > < span class = "toc-text" > 引用 Blockquotes< / span > < / a > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#%E9%94%9A%E7%82%B9%E4%B8%8E%E9%93%BE%E6%8E%A5-Links" > < span class = "toc-number" > 5.< / span > < span class = "toc-text" > 锚点与链接 Links< / span > < / a > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#%E5%A4%9A%E8%AF%AD%E8%A8%80%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE-Codes" > < span class = "toc-number" > 6.< / span > < span class = "toc-text" > 多语言代码高亮 Codes< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E8%A1%8C%E5%86%85%E4%BB%A3%E7%A0%81-Inline-code" > < span class = "toc-number" > 6.1.< / span > < span class = "toc-text" > 行内代码 Inline code< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#JS%E4%BB%A3%E7%A0%81" > < span class = "toc-number" > 6.2.< / span > < span class = "toc-text" > JS代码< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#HTML-%E4%BB%A3%E7%A0%81-HTML-codes" > < span class = "toc-number" > 6.3.< / span > < span class = "toc-text" > HTML 代码 HTML codes< / span > < / a > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#%E5%9B%BE%E7%89%87-Images" > < span class = "toc-number" > 7.< / span > < span class = "toc-text" > 图片 Images< / span > < / a > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#%E5%88%97%E8%A1%A8-Lists" > < span class = "toc-number" > 8.< / span > < span class = "toc-text" > 列表 Lists< / span > < / a > < ol class = "toc-child" > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8%EF%BC%88%E5%87%8F%E5%8F%B7%EF%BC%89Unordered-Lists" > < span class = "toc-number" > 8.1.< / span > < span class = "toc-text" > 无序列表（ ） < / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8%EF%BC%88%E6%98%9F%E5%8F%B7%EF%BC%89Unordered-Lists" > < span class = "toc-number" > 8.2.< / span > < span class = "toc-text" > 无序列表（ ） < / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8%EF%BC%88%E5%8A%A0%E5%8F%B7%E5%92%8C%E5%B5%8C%E5%A5%97%EF%BC%89Unordered-Lists" > < span class = "toc-number" > 8.3.< / span > < span class = "toc-text" > 无序列表（ ） < / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#%E6%9C%89%E5%BA%8F%E5%88%97%E8%A1%A8-Ordered-Lists" > < span class = "toc-number" > 8.4.< / span > < span class = "toc-text" > 有序列表 Ordered Lists (-)< / span > < / a > < / li > < li class = "toc-item toc-level-2" > < a class = "toc-link" href = "#GFM-task-list" > < span class = "toc-number" > 8.5.< / span > < span class = "toc-text" > GFM task list< / span > < / a > < / li > < / ol > < / li > < li class = "toc-item toc-level-1" > < a class = "toc-link" href = "#%E7%BB%98%E5%88%B6%E8%A1%A8%E6%A0%BC-Tables" > < span class = "toc-number" > 9.< / span > < span class = "toc-text" > 绘制表格 Tables< / span > < / a > < / li > < li class = "
< / div >
2023-12-25 16:39:03 +08:00
< / div >
2024-04-05 11:14:12 +08:00
< / cosy-drag-box >
2023-10-24 09:50:42 +08:00
< / div >
2023-12-25 16:39:03 +08:00
2023-10-24 09:50:42 +08:00
< / div >
< script >
2023-11-08 10:11:56 +08:00
window.page = {
2024-04-05 11:14:12 +08:00
use: 'mermaid,katex,twikoo'
2023-11-08 10:11:56 +08:00
}
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'
};
2024-04-05 11:14:12 +08:00
window.twikoo = {
enable: "",
envId: "https://twikoo.maxshader.com",
cdn: 'https://cdn.staticfile.org/twikoo/1.6.32/twikoo.all.min.js',
lang: 'zh-CN',
}
2023-10-24 09:50:42 +08:00
< / script >
2024-04-05 11:14:12 +08:00
< script src = "/js/8f5fa89f.js" > < / script >
2023-10-24 09:50:42 +08:00
< / main >
< / body >
2023-12-25 16:39:03 +08:00
2023-10-24 09:50:42 +08:00
< script >
2023-12-25 16:39:03 +08:00
window.theme = {
color: 'hsl(238,50%,56%)'
2023-10-24 09:50:42 +08:00
}
< / script >
2023-12-25 16:39:03 +08:00
2024-04-05 11:14:12 +08:00
< script src = "/js/e5a59732.js" > < / script >
2023-10-24 09:50:42 +08:00
2023-10-20 11:19:36 +08:00
< / html >
