-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdb.json
1 lines (1 loc) · 158 KB
/
db.json
1
{"meta":{"version":1,"warehouse":"4.0.0"},"models":{"Asset":[{"_id":"source/images/avatar.jpg","path":"images/avatar.jpg","modified":1,"renderable":0},{"_id":"source/images/hexoserver.png","path":"images/hexoserver.png","modified":1,"renderable":0},{"_id":"source/images/hexouse.png","path":"images/hexouse.png","modified":1,"renderable":0},{"_id":"themes/quietness/source/css/font-awesome.min.css","path":"css/font-awesome.min.css","modified":1,"renderable":1},{"_id":"themes/quietness/source/css/font.less","path":"css/font.less","modified":1,"renderable":1},{"_id":"themes/quietness/source/css/highlight.less","path":"css/highlight.less","modified":1,"renderable":1},{"_id":"themes/quietness/source/css/jquery.fancybox.css","path":"css/jquery.fancybox.css","modified":1,"renderable":1},{"_id":"themes/quietness/source/css/jquery.fancybox.min.css","path":"css/jquery.fancybox.min.css","modified":1,"renderable":1},{"_id":"themes/quietness/source/css/noise.less","path":"css/noise.less","modified":1,"renderable":1},{"_id":"themes/quietness/source/css/normalize.css","path":"css/normalize.css","modified":1,"renderable":1},{"_id":"themes/quietness/source/font/S6uyw4BMUTPHjx4wXg.woff2","path":"font/S6uyw4BMUTPHjx4wXg.woff2","modified":1,"renderable":1},{"_id":"themes/quietness/source/font/fontawesome-webfont.woff2","path":"font/fontawesome-webfont.woff2","modified":1,"renderable":1},{"_id":"themes/quietness/source/js/MathJax.js","path":"js/MathJax.js","modified":1,"renderable":1},{"_id":"themes/quietness/source/js/jquery.fancybox.pack.js","path":"js/jquery.fancybox.pack.js","modified":1,"renderable":1},{"_id":"themes/quietness/source/js/adsbygoogle.js","path":"js/adsbygoogle.js","modified":1,"renderable":1},{"_id":"themes/quietness/source/js/jquery.min.js","path":"js/jquery.min.js","modified":1,"renderable":1},{"_id":"themes/quietness/source/js/noise.js","path":"js/noise.js","modified":1,"renderable":1}],"Cache":[{"_id":"source/.DS_Store","hash":"fa67c73c8aea9102e666fbf4682eb5e4980c9f6d","modified":1688262565694},{"_id":"source/_drafts/markdown.md","hash":"8648ec15c7662b5b1b9564963ef2e02c0cd5108a","modified":1645185620412},{"_id":"source/_drafts/note.md","hash":"dfa035ab55b14b5b4acc69c5490faf52959843fb","modified":1645276359792},{"_id":"source/_posts/使用-hexo-搭建个人博客.md","hash":"94f46abe84b18d920557cd4d6a813abb29fce9c3","modified":1688262560313},{"_id":"source/_drafts/掌握-Markdown.md","hash":"4d2645095beb711aefc7595e8c78d7add07c1013","modified":1645234342645},{"_id":"source/_posts/掌握-Markdown.md","hash":"f94fd398bce758f3d4dc3bced98677e7b7ecb8ea","modified":1688262560314},{"_id":"source/images/.DS_Store","hash":"df2fbeb1400acda0909a32c1cf6bf492f1121e07","modified":1645258497272},{"_id":"source/images/avatar.jpg","hash":"f0bd654ef382fc0252551cb22f4a05199ced632a","modified":1688262560314},{"_id":"source/images/hexoserver.png","hash":"8c0fc0865145ad37ac7a130c7e64e9d03ce9b709","modified":1688262560315},{"_id":"source/images/hexouse.png","hash":"942988043d2fd1e809fc7c312b7b021ee0def8a5","modified":1688262560316},{"_id":"themes/quietness/.travis.yml","hash":"ea830758a46f2b7fba802337e1e0e4df8b134c77","modified":1688262560317},{"_id":"themes/quietness/LICENSE","hash":"68a4bd4855a0540b1c0ecbdcec96192ac7c7c3d9","modified":1688262560317},{"_id":"themes/quietness/.DS_Store","hash":"09a61f5052a39aa3c088851c8463f01d27ceccda","modified":1645282468119},{"_id":"themes/quietness/README.md","hash":"3486acfc2f02eaa369a9c151ddc9eb440aa5db88","modified":1688262560318},{"_id":"themes/quietness/languages/default.yml","hash":"3083f319b352d21d80fc5e20113ddf27889c9d11","modified":1688262560320},{"_id":"themes/quietness/_config.yml","hash":"49ffbbcdedab383d14cd8aaf27839c398df7709c","modified":1688262560319},{"_id":"themes/quietness/languages/es.yml","hash":"76edb1171b86532ef12cfd15f5f2c1ac3949f061","modified":1688262560321},{"_id":"themes/quietness/languages/de.yml","hash":"3ebf0775abbee928c8d7bda943c191d166ded0d3","modified":1688262560319},{"_id":"themes/quietness/languages/ja.yml","hash":"a73e1b9c80fd6e930e2628b393bfe3fb716a21a9","modified":1688262560322},{"_id":"themes/quietness/languages/nl.yml","hash":"12ed59faba1fc4e8cdd1d42ab55ef518dde8039c","modified":1688262560323},{"_id":"themes/quietness/languages/fr.yml","hash":"415e1c580ced8e4ce20b3b0aeedc3610341c76fb","modified":1688262560321},{"_id":"themes/quietness/languages/ko.yml","hash":"881d6a0a101706e0452af81c580218e0bfddd9cf","modified":1688262560322},{"_id":"themes/quietness/languages/pt.yml","hash":"57d07b75d434fbfc33b0ddb543021cb5f53318a8","modified":1688262560325},{"_id":"themes/quietness/languages/ru.yml","hash":"4fda301bbd8b39f2c714e2c934eccc4b27c0a2b0","modified":1688262560325},{"_id":"themes/quietness/languages/no.yml","hash":"965a171e70347215ec726952e63f5b47930931ef","modified":1688262560324},{"_id":"themes/quietness/languages/zh-CN.yml","hash":"ca40697097ab0b3672a80b455d3f4081292d1eed","modified":1688262560326},{"_id":"themes/quietness/languages/zh-TW.yml","hash":"53ce3000c5f767759c7d2c4efcaa9049788599c3","modified":1688262560327},{"_id":"themes/quietness/layout/archive.pug","hash":"bc6b35e9ff2c80d9ca630b873e3e5133cd114141","modified":1688262560331},{"_id":"themes/quietness/layout/base.pug","hash":"9c79f18ca3f9265b2961f93b0f0e32d08fa9a14c","modified":1688262560331},{"_id":"themes/quietness/layout/index.pug","hash":"70be74ea519be76b85a8258d35310b3991c1edc5","modified":1688262560332},{"_id":"themes/quietness/layout/page.pug","hash":"fde87606c5d6d8c586d4169f9cc82f7c8bbcbff8","modified":1688262560332},{"_id":"themes/quietness/layout/post.pug","hash":"86665d8cf56f1ec7a19cd4bc8cdcb36168634cb3","modified":1688262560333},{"_id":"themes/quietness/layout/_partial/comments.pug","hash":"c637f44ac13cba7180d69947345255afc36a37a8","modified":1688262560327},{"_id":"themes/quietness/source/.DS_Store","hash":"4a07152581719e8124ef568a904bdb2b1872dcbf","modified":1645282468118},{"_id":"themes/quietness/layout/_partial/helpers.pug","hash":"d8e9514592a2311573095f1809b3ac80584525b7","modified":1688262560328},{"_id":"themes/quietness/layout/_partial/paginator.pug","hash":"057d746bd961fce3d2cb6737ea1c4d1ba180fc1a","modified":1688262560329},{"_id":"themes/quietness/layout/_partial/mathjax.pug","hash":"c0ac7d1204e0189099fe145826e3e1ba7386f7cf","modified":1688262560329},{"_id":"themes/quietness/layout/_partial/postarchive.pug","hash":"5d30bb578e67003283e8bdf9bf8b6a0b5ca36386","modified":1688262560330},{"_id":"themes/quietness/source/css/_variables.less","hash":"d2d3c09d9e76e2715675f030804efe1beedd0f34","modified":1688262560333},{"_id":"themes/quietness/source/css/font.less","hash":"5310d48454da34acc7df10225cb4e1d4f2f6d263","modified":1688262560334},{"_id":"themes/quietness/source/css/font-awesome.min.css","hash":"441442e26a5fca739b68ff61a8e9231a80c54607","modified":1688262560333},{"_id":"themes/quietness/source/css/highlight.less","hash":"6ea363e4e446a005db2acc1daf0dccc6ea6917bd","modified":1688262560334},{"_id":"themes/quietness/source/css/jquery.fancybox.min.css","hash":"cf1e3a670236693c2634437a89d627a3db98341c","modified":1688262560335},{"_id":"themes/quietness/source/css/jquery.fancybox.css","hash":"2f74850b67acab4093a8b04a9b0bc8c18d902703","modified":1688262560334},{"_id":"themes/quietness/source/css/noise.less","hash":"1a6c1e9e204522a78f4c615e5f4d32ddb3bcedd0","modified":1688262560335},{"_id":"themes/quietness/source/css/normalize.css","hash":"d0fbef3dd405f26a5fdc896ca1f7875901782c6f","modified":1688262560336},{"_id":"themes/quietness/source/font/S6uyw4BMUTPHjx4wXg.woff2","hash":"e5e25503a9a6976e3ac4b1893a767c8a7a72eba0","modified":1688262560336},{"_id":"themes/quietness/source/js/jquery.fancybox.pack.js","hash":"48c300e83d3b358fccee14dad099132cc4495d85","modified":1688262560340},{"_id":"themes/quietness/source/js/noise.js","hash":"8e3cd373c4d4a9707aa2c0ba49189da4ac624106","modified":1688262560341},{"_id":"themes/quietness/source/font/fontawesome-webfont.woff2","hash":"638c652d623280a58144f93e7b552c66d1667a11","modified":1688262560337},{"_id":"themes/quietness/source/js/MathJax.js","hash":"3531174916203de504c8c02f37955aeb16bc2fa2","modified":1688262560338},{"_id":"themes/quietness/source/js/adsbygoogle.js","hash":"b34e8afb9fc676f202afb575901c921d74e5e6b6","modified":1688262560339},{"_id":"themes/quietness/source/js/jquery.min.js","hash":"e05d0b48e5548bd25da6404cb39a11221e17dbb5","modified":1688262560341},{"_id":"public/archives/index.html","hash":"44ed01fc9511b8303cd5b00f3ec8e206435d4ea0","modified":1688264528266},{"_id":"public/archives/2016/07/index.html","hash":"44ed01fc9511b8303cd5b00f3ec8e206435d4ea0","modified":1688264528266},{"_id":"public/archives/2016/index.html","hash":"44ed01fc9511b8303cd5b00f3ec8e206435d4ea0","modified":1688264528266},{"_id":"public/categories/markdown/index.html","hash":"e1c3850c82803616697e1ebb359ef756f4ba870d","modified":1688264528266},{"_id":"public/categories/hexo/index.html","hash":"82d4cc502f2763091a41fd5ce91c0beaa428fff4","modified":1688264528266},{"_id":"public/index.html","hash":"34c30a1bb015573863ae189c014b7bf2b67eb7e1","modified":1688264528266},{"_id":"public/2016/07/03/掌握-Markdown/index.html","hash":"21a29d9cad4ead579d97f2b494d3f1ec6de8d340","modified":1688264528266},{"_id":"public/2016/07/03/使用-hexo-搭建个人博客/index.html","hash":"5555066691248b07d1650025a34bdc27605aaf4f","modified":1688264528266},{"_id":"public/tags/md/index.html","hash":"e1610c3fc3f8e3465176998992ac5dc4f5032464","modified":1688264528266},{"_id":"public/tags/博客/index.html","hash":"29ec09b418c1327a60bc733311a12de38d1c2b83","modified":1688264528266},{"_id":"public/tags/hexo/index.html","hash":"82d4cc502f2763091a41fd5ce91c0beaa428fff4","modified":1688264528266},{"_id":"public/images/avatar.jpg","hash":"f0bd654ef382fc0252551cb22f4a05199ced632a","modified":1688264528266},{"_id":"public/images/hexoserver.png","hash":"8c0fc0865145ad37ac7a130c7e64e9d03ce9b709","modified":1688264528266},{"_id":"public/font/S6uyw4BMUTPHjx4wXg.woff2","hash":"e5e25503a9a6976e3ac4b1893a767c8a7a72eba0","modified":1688264528266},{"_id":"public/css/jquery.fancybox.min.css","hash":"cf1e3a670236693c2634437a89d627a3db98341c","modified":1688264528266},{"_id":"public/css/jquery.fancybox.css","hash":"2f74850b67acab4093a8b04a9b0bc8c18d902703","modified":1688264528266},{"_id":"public/css/normalize.css","hash":"d0fbef3dd405f26a5fdc896ca1f7875901782c6f","modified":1688264528266},{"_id":"public/js/noise.js","hash":"8e3cd373c4d4a9707aa2c0ba49189da4ac624106","modified":1688264528266},{"_id":"public/css/font-awesome.min.css","hash":"441442e26a5fca739b68ff61a8e9231a80c54607","modified":1688264528266},{"_id":"public/js/MathJax.js","hash":"3531174916203de504c8c02f37955aeb16bc2fa2","modified":1688264528266},{"_id":"public/js/jquery.fancybox.pack.js","hash":"48c300e83d3b358fccee14dad099132cc4495d85","modified":1688264528266},{"_id":"public/js/adsbygoogle.js","hash":"b34e8afb9fc676f202afb575901c921d74e5e6b6","modified":1688264528266},{"_id":"public/js/jquery.min.js","hash":"e05d0b48e5548bd25da6404cb39a11221e17dbb5","modified":1688264528266},{"_id":"public/images/hexouse.png","hash":"942988043d2fd1e809fc7c312b7b021ee0def8a5","modified":1688264528266},{"_id":"public/font/fontawesome-webfont.woff2","hash":"638c652d623280a58144f93e7b552c66d1667a11","modified":1688264528266},{"_id":"public/css/font.css","hash":"5310d48454da34acc7df10225cb4e1d4f2f6d263","modified":1688264528266},{"_id":"public/css/highlight.css","hash":"727127530dba8aaadc55db95de9a017701c7ce06","modified":1688264528266},{"_id":"public/css/noise.css","hash":"f235accf35967ed5e23dbab6c7348cf65bf4b642","modified":1688264528266}],"Category":[{"name":"hexo","_id":"cljkt3zek0007nzyi91pnaw05"},{"name":"markdown","_id":"cljkt3zel000anzyi75exhmfy"}],"Data":[],"Page":[],"Post":[{"title":"markdown","date":"2016-07-03T02:00:16.000Z","toc":true,"_content":"\n评论组件\nhttps://disqus.com/\nhttps://cusdis.com/\n\n主题\nhttps://www.yuexunjiang.me/blog/create-a-hexo-theme-from-scratch/\n\n折腾许久的博客工具，反而没有实际写多少内容。遂决定“尽量”不折腾了，而是专心写些\n东西。最终用 [Hexo](hexo.io) 搭的博客，选\n[Maupassant](https://github.com/tufu9441/maupassant-hexo/) 作主题，几乎没有额\n外的配置，准备就此开工。第一篇文章就用作测试 Hexo 的 Markdown 语法吧。\n\n# 本博的一些设置\n\n只有一点值得一提，代码习惯，不太喜欢一行写太长。习惯上一行保留 80/100/120 字\n符。只是这个习惯在写文章时会引起一些问题：\n\n1. Markdown 解析连续行时会添加额外空格，使中文文章中多出额外空格。\n2. Maupassant 主题自动截取摘要时只认第一个换行\n\n以下是解决方法：\n\n1. 使用插件：[hexo-filter-fix-cjk-spacing](https://github.com/lotabout/hexo-filter-fix-cjk-spacing)\n2. 修改 Maupassant 主题的 `layout/index.jade` 文件，替换原有行：\n\n ```\n - var br = post.content.indexOf('\\n') // 替换为\n - var br = post.content.indexOf('</p>')\n\n != post.content.substring(0, br) // 替换为\n != post.content.substring(0, br + 4)\n ```\n\n# Markdown 测试\n\n主要参照 [这篇文章](http://hp256.com/2014/12/23/post-1/)\n\n## 标题\n\n```\n# 大标题\n## 二标题\n### 三标题\n#### 四标题\n##### 五标题\n###### 六标题\n```\n\n## 行内元素\n\n```\n* 或 - 均可，一个表斜体，两个表粗体\n\n*斜体* _斜体_\n**粗体** __粗体__\n```\n\n_斜体_ _斜体_\n**粗体** **粗体**\n\n## 引用\n\n```\n> blockquote\n>> nested blockquote\n```\n\n> blockquote\n>\n> > nested blockquote\n\n## 列表\n\n```\n- Unordered Level 1\n- Unordered Level 2\n 1. ordered 1\n - sub list 1\n - sub list 2\n 2. ordered 2\n 2. ordered 3\n- Unordered Level 3\n - sub unordered 1\n - sub unordered 2\n - subsub unordered 1\n - subsub unordered 2\n continue line\n\n multiple paragraph of unordered 2 with the same indent\n```\n\n- Unordered Level 1\n- Unordered Level 2\n 1. ordered 1\n - sub list 1\n - sub list 2\n 2. ordered 2\n 3. ordered 3\n- Unordered Level 3\n\n - sub unordered 1\n - sub unordered 2\n\n - subsub unordered 1\n - subsub unordered 2\n continue line\n\n multiple paragraph of unordered 2 with the same indent\n\n## 分割线\n\n```\n---\n```\n\n---\n\n## 链接\n\n链接中的 URL 可以是本地路径。\n\n```\n文字链接：[文字](url) 或 [文字](url tooltip)\n\n[知乎](http://www.zhihu.com)\n[知乎](http://www.zhihu.com LaLaLa)\n\n引用类型：\n[知乎][1]\n\n[1]: http://www.zhihu.com\n```\n\n[知乎](http://www.zhihu.com)\n\n[知乎][1]\n\n[1]: http://www.zhihu.com\n\n```\n图片链接：\n\n\n\n引用类型：\n![Hexo][2]\n[2]:http://wwwhere.io/img/thumbs/hexo.jpg\n```\n\n\n![Hexo][2]\n\n[2]: http://wwwhere.io/img/thumbs/hexo.jpg\n\n## 代码\n\n```js\nvar http = require('http');\nhttp.createServer(function (req, res) {\n res.writeHead(200, { 'Content-Type': 'text/plain' });\n res.end('Hello World\\n');\n}).listen(1337, '127.0.0.1');\nconsole.log('Server running at http://127.0.0.1:1337/');\n```\n\nCode Block:\n\n```\n{% codeblock Javascript Array Syntax lang:js http://j.mp/pPUUmW MDN Documentation %}\nvar arr1 = new Array(arrayLength);\nvar arr2 = new Array(element0, element1, ..., elementN);\n{% endcodeblock %}\n```\n\n{% codeblock Javascript Array Syntax lang:js http://j.mp/pPUUmW MDN Documentation %}\nvar arr1 = new Array(arrayLength);\nvar arr2 = new Array(element0, element1, ..., elementN);\n{% endcodeblock %}\n\nGist Tag\n\n```\n{% gist 996818 %}\n```\n\n{% gist 996818 %}\n\njsFiddle:\n\n```\n{% jsfiddle ccWP7 %}\n```\n\n{% jsfiddle ccWP7 %}\n\n## 公式\n\n该主题暂不支持\n\n```latex\n$$E=mc^2$$\n\n\nThe *Gamma function* satisfying $\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$\nis via the Euler integral\n$$\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt\\,.$$\n```\n\n$$E=mc^2$$\n\nThe _Gamma function_ satisfying $\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$\nis via the Euler integral\n$$\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt\\,.$$\n","source":"_drafts/markdown.md","raw":"---\ntitle: markdown\ndate: 2016-07-03 10:00:16\ntags: markdown\ntoc: true\n---\n\n评论组件\nhttps://disqus.com/\nhttps://cusdis.com/\n\n主题\nhttps://www.yuexunjiang.me/blog/create-a-hexo-theme-from-scratch/\n\n折腾许久的博客工具，反而没有实际写多少内容。遂决定“尽量”不折腾了，而是专心写些\n东西。最终用 [Hexo](hexo.io) 搭的博客，选\n[Maupassant](https://github.com/tufu9441/maupassant-hexo/) 作主题，几乎没有额\n外的配置，准备就此开工。第一篇文章就用作测试 Hexo 的 Markdown 语法吧。\n\n# 本博的一些设置\n\n只有一点值得一提，代码习惯，不太喜欢一行写太长。习惯上一行保留 80/100/120 字\n符。只是这个习惯在写文章时会引起一些问题：\n\n1. Markdown 解析连续行时会添加额外空格，使中文文章中多出额外空格。\n2. Maupassant 主题自动截取摘要时只认第一个换行\n\n以下是解决方法：\n\n1. 使用插件：[hexo-filter-fix-cjk-spacing](https://github.com/lotabout/hexo-filter-fix-cjk-spacing)\n2. 修改 Maupassant 主题的 `layout/index.jade` 文件，替换原有行：\n\n ```\n - var br = post.content.indexOf('\\n') // 替换为\n - var br = post.content.indexOf('</p>')\n\n != post.content.substring(0, br) // 替换为\n != post.content.substring(0, br + 4)\n ```\n\n# Markdown 测试\n\n主要参照 [这篇文章](http://hp256.com/2014/12/23/post-1/)\n\n## 标题\n\n```\n# 大标题\n## 二标题\n### 三标题\n#### 四标题\n##### 五标题\n###### 六标题\n```\n\n## 行内元素\n\n```\n* 或 - 均可，一个表斜体，两个表粗体\n\n*斜体* _斜体_\n**粗体** __粗体__\n```\n\n_斜体_ _斜体_\n**粗体** **粗体**\n\n## 引用\n\n```\n> blockquote\n>> nested blockquote\n```\n\n> blockquote\n>\n> > nested blockquote\n\n## 列表\n\n```\n- Unordered Level 1\n- Unordered Level 2\n 1. ordered 1\n - sub list 1\n - sub list 2\n 2. ordered 2\n 2. ordered 3\n- Unordered Level 3\n - sub unordered 1\n - sub unordered 2\n - subsub unordered 1\n - subsub unordered 2\n continue line\n\n multiple paragraph of unordered 2 with the same indent\n```\n\n- Unordered Level 1\n- Unordered Level 2\n 1. ordered 1\n - sub list 1\n - sub list 2\n 2. ordered 2\n 3. ordered 3\n- Unordered Level 3\n\n - sub unordered 1\n - sub unordered 2\n\n - subsub unordered 1\n - subsub unordered 2\n continue line\n\n multiple paragraph of unordered 2 with the same indent\n\n## 分割线\n\n```\n---\n```\n\n---\n\n## 链接\n\n链接中的 URL 可以是本地路径。\n\n```\n文字链接：[文字](url) 或 [文字](url tooltip)\n\n[知乎](http://www.zhihu.com)\n[知乎](http://www.zhihu.com LaLaLa)\n\n引用类型：\n[知乎][1]\n\n[1]: http://www.zhihu.com\n```\n\n[知乎](http://www.zhihu.com)\n\n[知乎][1]\n\n[1]: http://www.zhihu.com\n\n```\n图片链接：\n\n\n\n引用类型：\n![Hexo][2]\n[2]:http://wwwhere.io/img/thumbs/hexo.jpg\n```\n\n\n![Hexo][2]\n\n[2]: http://wwwhere.io/img/thumbs/hexo.jpg\n\n## 代码\n\n```js\nvar http = require('http');\nhttp.createServer(function (req, res) {\n res.writeHead(200, { 'Content-Type': 'text/plain' });\n res.end('Hello World\\n');\n}).listen(1337, '127.0.0.1');\nconsole.log('Server running at http://127.0.0.1:1337/');\n```\n\nCode Block:\n\n```\n{% codeblock Javascript Array Syntax lang:js http://j.mp/pPUUmW MDN Documentation %}\nvar arr1 = new Array(arrayLength);\nvar arr2 = new Array(element0, element1, ..., elementN);\n{% endcodeblock %}\n```\n\n{% codeblock Javascript Array Syntax lang:js http://j.mp/pPUUmW MDN Documentation %}\nvar arr1 = new Array(arrayLength);\nvar arr2 = new Array(element0, element1, ..., elementN);\n{% endcodeblock %}\n\nGist Tag\n\n```\n{% gist 996818 %}\n```\n\n{% gist 996818 %}\n\njsFiddle:\n\n```\n{% jsfiddle ccWP7 %}\n```\n\n{% jsfiddle ccWP7 %}\n\n## 公式\n\n该主题暂不支持\n\n```latex\n$$E=mc^2$$\n\n\nThe *Gamma function* satisfying $\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$\nis via the Euler integral\n$$\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt\\,.$$\n```\n\n$$E=mc^2$$\n\nThe _Gamma function_ satisfying $\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$\nis via the Euler integral\n$$\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt\\,.$$\n","slug":"markdown","published":0,"updated":"2022-02-18T12:00:20.412Z","comments":1,"layout":"post","photos":[],"link":"","_id":"cljkt3ze30000nzyicqjt7my8","content":"<p>评论组件<br><a href=\"https://disqus.com/\">https://disqus.com/</a><br><a href=\"https://cusdis.com/\">https://cusdis.com/</a></p>\n<p>主题<br><a href=\"https://www.yuexunjiang.me/blog/create-a-hexo-theme-from-scratch/\">https://www.yuexunjiang.me/blog/create-a-hexo-theme-from-scratch/</a></p>\n<p>折腾许久的博客工具，反而没有实际写多少内容。遂决定“尽量”不折腾了，而是专心写些<br>东西。最终用 <a href=\"hexo.io\">Hexo</a> 搭的博客，选<br><a href=\"https://github.com/tufu9441/maupassant-hexo/\">Maupassant</a> 作主题，几乎没有额<br>外的配置，准备就此开工。第一篇文章就用作测试 Hexo 的 Markdown 语法吧。</p>\n<h1 id=\"本博的一些设置\"><a href=\"#本博的一些设置\" class=\"headerlink\" title=\"本博的一些设置\"></a>本博的一些设置</h1><p>只有一点值得一提，代码习惯，不太喜欢一行写太长。习惯上一行保留 80/100/120 字<br>符。只是这个习惯在写文章时会引起一些问题：</p>\n<ol>\n<li>Markdown 解析连续行时会添加额外空格，使中文文章中多出额外空格。</li>\n<li>Maupassant 主题自动截取摘要时只认第一个换行</li>\n</ol>\n<p>以下是解决方法：</p>\n<ol>\n<li><p>使用插件：<a href=\"https://github.com/lotabout/hexo-filter-fix-cjk-spacing\">hexo-filter-fix-cjk-spacing</a></p>\n</li>\n<li><p>修改 Maupassant 主题的 <code>layout/index.jade</code> 文件，替换原有行：</p>\n <figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">- var br = post.content.indexOf('\\n') // 替换为</span><br><span class=\"line\">- var br = post.content.indexOf('</p>')</span><br><span class=\"line\"></span><br><span class=\"line\">!= post.content.substring(0, br) // 替换为</span><br><span class=\"line\">!= post.content.substring(0, br + 4)</span><br></pre></td></tr></table></figure></li>\n</ol>\n<h1 id=\"Markdown-测试\"><a href=\"#Markdown-测试\" class=\"headerlink\" title=\"Markdown 测试\"></a>Markdown 测试</h1><p>主要参照 <a href=\"http://hp256.com/2014/12/23/post-1/\">这篇文章</a></p>\n<h2 id=\"标题\"><a href=\"#标题\" class=\"headerlink\" title=\"标题\"></a>标题</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"># 大标题</span><br><span class=\"line\">## 二标题</span><br><span class=\"line\">### 三标题</span><br><span class=\"line\">#### 四标题</span><br><span class=\"line\">##### 五标题</span><br><span class=\"line\">###### 六标题</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"行内元素\"><a href=\"#行内元素\" class=\"headerlink\" title=\"行内元素\"></a>行内元素</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">* 或 - 均可，一个表斜体，两个表粗体</span><br><span class=\"line\"></span><br><span class=\"line\">*斜体* _斜体_</span><br><span class=\"line\">**粗体** __粗体__</span><br></pre></td></tr></table></figure>\n\n<p><em>斜体</em> <em>斜体</em><br><strong>粗体</strong> <strong>粗体</strong></p>\n<h2 id=\"引用\"><a href=\"#引用\" class=\"headerlink\" title=\"引用\"></a>引用</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">> blockquote</span><br><span class=\"line\">>> nested blockquote</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>blockquote</p>\n<blockquote>\n<p>nested blockquote</p>\n</blockquote>\n</blockquote>\n<h2 id=\"列表\"><a href=\"#列表\" class=\"headerlink\" title=\"列表\"></a>列表</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br><span class=\"line\">11</span><br><span class=\"line\">12</span><br><span class=\"line\">13</span><br><span class=\"line\">14</span><br><span class=\"line\">15</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">- Unordered Level 1</span><br><span class=\"line\">- Unordered Level 2</span><br><span class=\"line\"> 1. ordered 1</span><br><span class=\"line\"> - sub list 1</span><br><span class=\"line\"> - sub list 2</span><br><span class=\"line\"> 2. ordered 2</span><br><span class=\"line\"> 2. ordered 3</span><br><span class=\"line\">- Unordered Level 3</span><br><span class=\"line\"> - sub unordered 1</span><br><span class=\"line\"> - sub unordered 2</span><br><span class=\"line\"> - subsub unordered 1</span><br><span class=\"line\"> - subsub unordered 2</span><br><span class=\"line\"> continue line</span><br><span class=\"line\"></span><br><span class=\"line\"> multiple paragraph of unordered 2 with the same indent</span><br></pre></td></tr></table></figure>\n\n<ul>\n<li><p> Unordered Level 1</p>\n</li>\n<li><p>Unordered Level 2</p>\n<ol>\n<li>ordered 1<ul>\n<li>sub list 1</li>\n<li>sub list 2</li>\n</ul>\n</li>\n<li>ordered 2</li>\n<li>ordered 3</li>\n</ol>\n</li>\n<li><p>Unordered Level 3</p>\n<ul>\n<li><p> sub unordered 1</p>\n</li>\n<li><p>sub unordered 2</p>\n<ul>\n<li><p> subsub unordered 1</p>\n</li>\n<li><p>subsub unordered 2<br> continue line</p>\n<p> multiple paragraph of unordered 2 with the same indent</p>\n</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<h2 id=\"分割线\"><a href=\"#分割线\" class=\"headerlink\" title=\"分割线\"></a>分割线</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">---</span><br></pre></td></tr></table></figure>\n\n<hr>\n<h2 id=\"链接\"><a href=\"#链接\" class=\"headerlink\" title=\"链接\"></a>链接</h2><p>链接中的 URL 可以是本地路径。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">文字链接：[文字](url) 或 [文字](url tooltip)</span><br><span class=\"line\"></span><br><span class=\"line\">[知乎](http://www.zhihu.com)</span><br><span class=\"line\">[知乎](http://www.zhihu.com LaLaLa)</span><br><span class=\"line\"></span><br><span class=\"line\">引用类型：</span><br><span class=\"line\">[知乎][1]</span><br><span class=\"line\"></span><br><span class=\"line\">[1]: http://www.zhihu.com</span><br></pre></td></tr></table></figure>\n\n<p><a href=\"http://www.zhihu.com/\">知乎</a></p>\n<p><a href=\"http://www.zhihu.com/\">知乎</a></p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">图片链接：</span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\">引用类型：</span><br><span class=\"line\">![Hexo][2]</span><br><span class=\"line\">[2]:http://wwwhere.io/img/thumbs/hexo.jpg</span><br></pre></td></tr></table></figure>\n\n<p><img src=\"http://wwwhere.io/img/thumbs/hexo.jpg\" alt=\"Hexo\"><br><img src=\"http://wwwhere.io/img/thumbs/hexo.jpg\" alt=\"Hexo\"></p>\n<h2 id=\"代码\"><a href=\"#代码\" class=\"headerlink\" title=\"代码\"></a>代码</h2><figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"keyword\">var</span> http = <span class=\"built_in\">require</span>(<span class=\"string\">'http'</span>);</span><br><span class=\"line\">http.<span class=\"title function_\">createServer</span>(<span class=\"keyword\">function</span> (<span class=\"params\">req, res</span>) {</span><br><span class=\"line\"> res.<span class=\"title function_\">writeHead</span>(<span class=\"number\">200</span>, { <span class=\"string\">'Content-Type'</span>: <span class=\"string\">'text/plain'</span> });</span><br><span class=\"line\"> res.<span class=\"title function_\">end</span>(<span class=\"string\">'Hello World\\n'</span>);</span><br><span class=\"line\">}).<span class=\"title function_\">listen</span>(<span class=\"number\">1337</span>, <span class=\"string\">'127.0.0.1'</span>);</span><br><span class=\"line\"><span class=\"variable language_\">console</span>.<span class=\"title function_\">log</span>(<span class=\"string\">'Server running at http://127.0.0.1:1337/'</span>);</span><br></pre></td></tr></table></figure>\n\n<p>Code Block:</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">{% codeblock Javascript Array Syntax lang:js http://j.mp/pPUUmW MDN Documentation %}</span><br><span class=\"line\">var arr1 = new Array(arrayLength);</span><br><span class=\"line\">var arr2 = new Array(element0, element1, ..., elementN);</span><br><span class=\"line\">{% endcodeblock %}</span><br></pre></td></tr></table></figure>\n\n<figure class=\"highlight js\"><figcaption><span>Javascript Array Syntax</span><a href=\"http://j.mp/pPUUmW\">MDN Documentation</a></figcaption><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"keyword\">var</span> arr1 = <span class=\"keyword\">new</span> <span class=\"title class_\">Array</span>(arrayLength);</span><br><span class=\"line\"><span class=\"keyword\">var</span> arr2 = <span class=\"keyword\">new</span> <span class=\"title class_\">Array</span>(element0, element1, ..., elementN);</span><br></pre></td></tr></table></figure>\n\n<p>Gist Tag</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">{% gist 996818 %}</span><br></pre></td></tr></table></figure>\n\n<script src=\"//gist.github.com/996818.js\"></script>\n\n<p>jsFiddle:</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">{% jsfiddle ccWP7 %}</span><br></pre></td></tr></table></figure>\n\n<iframe scrolling=\"no\" width=\"100%\" height=\"300\" src=\"https://jsfiddle.net/ccWP7/embedded/js,resources,html,css,result/light\" frameborder=\"0\" loading=\"lazy\" allowfullscreen></iframe>\n\n<h2 id=\"公式\"><a href=\"#公式\" class=\"headerlink\" title=\"公式\"></a>公式</h2><p>该主题暂不支持</p>\n<figure class=\"highlight latex\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"built_in\">$</span><span class=\"built_in\">$</span>E=mc<span class=\"built_in\">^</span>2<span class=\"built_in\">$</span><span class=\"built_in\">$</span></span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\">The *Gamma function* satisfying <span class=\"built_in\">$</span><span class=\"keyword\">\\Gamma</span>(n) = (n-1)!<span class=\"keyword\">\\quad</span><span class=\"keyword\">\\forall</span> n<span class=\"keyword\">\\in</span><span class=\"keyword\">\\mathbb</span> N<span class=\"built_in\">$</span></span><br><span class=\"line\">is via the Euler integral</span><br><span class=\"line\"><span class=\"built_in\">$</span><span class=\"built_in\">$</span><span class=\"keyword\">\\Gamma</span>(z) = <span class=\"keyword\">\\int</span><span class=\"built_in\">_</span>0<span class=\"built_in\">^</span><span class=\"keyword\">\\infty</span> t<span class=\"built_in\">^</span>{z-1}e<span class=\"built_in\">^</span>{-t}dt<span class=\"keyword\">\\,</span>.<span class=\"built_in\">$</span><span class=\"built_in\">$</span></span><br></pre></td></tr></table></figure>\n\n<p>$$E=mc^2$$</p>\n<p>The <em>Gamma function</em> satisfying $\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$<br>is via the Euler integral<br>$$\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt,.$$</p>\n","site":{"data":{}},"excerpt":"","more":"<p>评论组件<br><a href=\"https://disqus.com/\">https://disqus.com/</a><br><a href=\"https://cusdis.com/\">https://cusdis.com/</a></p>\n<p>主题<br><a href=\"https://www.yuexunjiang.me/blog/create-a-hexo-theme-from-scratch/\">https://www.yuexunjiang.me/blog/create-a-hexo-theme-from-scratch/</a></p>\n<p>折腾许久的博客工具，反而没有实际写多少内容。遂决定“尽量”不折腾了，而是专心写些<br>东西。最终用 <a href=\"hexo.io\">Hexo</a> 搭的博客，选<br><a href=\"https://github.com/tufu9441/maupassant-hexo/\">Maupassant</a> 作主题，几乎没有额<br>外的配置，准备就此开工。第一篇文章就用作测试 Hexo 的 Markdown 语法吧。</p>\n<h1 id=\"本博的一些设置\"><a href=\"#本博的一些设置\" class=\"headerlink\" title=\"本博的一些设置\"></a>本博的一些设置</h1><p>只有一点值得一提，代码习惯，不太喜欢一行写太长。习惯上一行保留 80/100/120 字<br>符。只是这个习惯在写文章时会引起一些问题：</p>\n<ol>\n<li>Markdown 解析连续行时会添加额外空格，使中文文章中多出额外空格。</li>\n<li>Maupassant 主题自动截取摘要时只认第一个换行</li>\n</ol>\n<p>以下是解决方法：</p>\n<ol>\n<li><p>使用插件：<a href=\"https://github.com/lotabout/hexo-filter-fix-cjk-spacing\">hexo-filter-fix-cjk-spacing</a></p>\n</li>\n<li><p>修改 Maupassant 主题的 <code>layout/index.jade</code> 文件，替换原有行：</p>\n <figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">- var br = post.content.indexOf('\\n') // 替换为</span><br><span class=\"line\">- var br = post.content.indexOf('</p>')</span><br><span class=\"line\"></span><br><span class=\"line\">!= post.content.substring(0, br) // 替换为</span><br><span class=\"line\">!= post.content.substring(0, br + 4)</span><br></pre></td></tr></table></figure></li>\n</ol>\n<h1 id=\"Markdown-测试\"><a href=\"#Markdown-测试\" class=\"headerlink\" title=\"Markdown 测试\"></a>Markdown 测试</h1><p>主要参照 <a href=\"http://hp256.com/2014/12/23/post-1/\">这篇文章</a></p>\n<h2 id=\"标题\"><a href=\"#标题\" class=\"headerlink\" title=\"标题\"></a>标题</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"># 大标题</span><br><span class=\"line\">## 二标题</span><br><span class=\"line\">### 三标题</span><br><span class=\"line\">#### 四标题</span><br><span class=\"line\">##### 五标题</span><br><span class=\"line\">###### 六标题</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"行内元素\"><a href=\"#行内元素\" class=\"headerlink\" title=\"行内元素\"></a>行内元素</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">* 或 - 均可，一个表斜体，两个表粗体</span><br><span class=\"line\"></span><br><span class=\"line\">*斜体* _斜体_</span><br><span class=\"line\">**粗体** __粗体__</span><br></pre></td></tr></table></figure>\n\n<p><em>斜体</em> <em>斜体</em><br><strong>粗体</strong> <strong>粗体</strong></p>\n<h2 id=\"引用\"><a href=\"#引用\" class=\"headerlink\" title=\"引用\"></a>引用</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">> blockquote</span><br><span class=\"line\">>> nested blockquote</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>blockquote</p>\n<blockquote>\n<p>nested blockquote</p>\n</blockquote>\n</blockquote>\n<h2 id=\"列表\"><a href=\"#列表\" class=\"headerlink\" title=\"列表\"></a>列表</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br><span class=\"line\">11</span><br><span class=\"line\">12</span><br><span class=\"line\">13</span><br><span class=\"line\">14</span><br><span class=\"line\">15</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">- Unordered Level 1</span><br><span class=\"line\">- Unordered Level 2</span><br><span class=\"line\"> 1. ordered 1</span><br><span class=\"line\"> - sub list 1</span><br><span class=\"line\"> - sub list 2</span><br><span class=\"line\"> 2. ordered 2</span><br><span class=\"line\"> 2. ordered 3</span><br><span class=\"line\">- Unordered Level 3</span><br><span class=\"line\"> - sub unordered 1</span><br><span class=\"line\"> - sub unordered 2</span><br><span class=\"line\"> - subsub unordered 1</span><br><span class=\"line\"> - subsub unordered 2</span><br><span class=\"line\"> continue line</span><br><span class=\"line\"></span><br><span class=\"line\"> multiple paragraph of unordered 2 with the same indent</span><br></pre></td></tr></table></figure>\n\n<ul>\n<li><p> Unordered Level 1</p>\n</li>\n<li><p>Unordered Level 2</p>\n<ol>\n<li>ordered 1<ul>\n<li>sub list 1</li>\n<li>sub list 2</li>\n</ul>\n</li>\n<li>ordered 2</li>\n<li>ordered 3</li>\n</ol>\n</li>\n<li><p>Unordered Level 3</p>\n<ul>\n<li><p> sub unordered 1</p>\n</li>\n<li><p>sub unordered 2</p>\n<ul>\n<li><p> subsub unordered 1</p>\n</li>\n<li><p>subsub unordered 2<br> continue line</p>\n<p> multiple paragraph of unordered 2 with the same indent</p>\n</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<h2 id=\"分割线\"><a href=\"#分割线\" class=\"headerlink\" title=\"分割线\"></a>分割线</h2><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">---</span><br></pre></td></tr></table></figure>\n\n<hr>\n<h2 id=\"链接\"><a href=\"#链接\" class=\"headerlink\" title=\"链接\"></a>链接</h2><p>链接中的 URL 可以是本地路径。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">文字链接：[文字](url) 或 [文字](url tooltip)</span><br><span class=\"line\"></span><br><span class=\"line\">[知乎](http://www.zhihu.com)</span><br><span class=\"line\">[知乎](http://www.zhihu.com LaLaLa)</span><br><span class=\"line\"></span><br><span class=\"line\">引用类型：</span><br><span class=\"line\">[知乎][1]</span><br><span class=\"line\"></span><br><span class=\"line\">[1]: http://www.zhihu.com</span><br></pre></td></tr></table></figure>\n\n<p><a href=\"http://www.zhihu.com/\">知乎</a></p>\n<p><a href=\"http://www.zhihu.com/\">知乎</a></p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">图片链接：</span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\">引用类型：</span><br><span class=\"line\">![Hexo][2]</span><br><span class=\"line\">[2]:http://wwwhere.io/img/thumbs/hexo.jpg</span><br></pre></td></tr></table></figure>\n\n<p><img src=\"http://wwwhere.io/img/thumbs/hexo.jpg\" alt=\"Hexo\"><br><img src=\"http://wwwhere.io/img/thumbs/hexo.jpg\" alt=\"Hexo\"></p>\n<h2 id=\"代码\"><a href=\"#代码\" class=\"headerlink\" title=\"代码\"></a>代码</h2><figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"keyword\">var</span> http = <span class=\"built_in\">require</span>(<span class=\"string\">'http'</span>);</span><br><span class=\"line\">http.<span class=\"title function_\">createServer</span>(<span class=\"keyword\">function</span> (<span class=\"params\">req, res</span>) {</span><br><span class=\"line\"> res.<span class=\"title function_\">writeHead</span>(<span class=\"number\">200</span>, { <span class=\"string\">'Content-Type'</span>: <span class=\"string\">'text/plain'</span> });</span><br><span class=\"line\"> res.<span class=\"title function_\">end</span>(<span class=\"string\">'Hello World\\n'</span>);</span><br><span class=\"line\">}).<span class=\"title function_\">listen</span>(<span class=\"number\">1337</span>, <span class=\"string\">'127.0.0.1'</span>);</span><br><span class=\"line\"><span class=\"variable language_\">console</span>.<span class=\"title function_\">log</span>(<span class=\"string\">'Server running at http://127.0.0.1:1337/'</span>);</span><br></pre></td></tr></table></figure>\n\n<p>Code Block:</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">{% codeblock Javascript Array Syntax lang:js http://j.mp/pPUUmW MDN Documentation %}</span><br><span class=\"line\">var arr1 = new Array(arrayLength);</span><br><span class=\"line\">var arr2 = new Array(element0, element1, ..., elementN);</span><br><span class=\"line\">{% endcodeblock %}</span><br></pre></td></tr></table></figure>\n\n<figure class=\"highlight js\"><figcaption><span>Javascript Array Syntax</span><a href=\"http://j.mp/pPUUmW\">MDN Documentation</a></figcaption><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"keyword\">var</span> arr1 = <span class=\"keyword\">new</span> <span class=\"title class_\">Array</span>(arrayLength);</span><br><span class=\"line\"><span class=\"keyword\">var</span> arr2 = <span class=\"keyword\">new</span> <span class=\"title class_\">Array</span>(element0, element1, ..., elementN);</span><br></pre></td></tr></table></figure>\n\n<p>Gist Tag</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">{% gist 996818 %}</span><br></pre></td></tr></table></figure>\n\n<script src=\"//gist.github.com/996818.js\"></script>\n\n<p>jsFiddle:</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">{% jsfiddle ccWP7 %}</span><br></pre></td></tr></table></figure>\n\n<iframe scrolling=\"no\" width=\"100%\" height=\"300\" src=\"https://jsfiddle.net/ccWP7/embedded/js,resources,html,css,result/light\" frameborder=\"0\" loading=\"lazy\" allowfullscreen></iframe>\n\n<h2 id=\"公式\"><a href=\"#公式\" class=\"headerlink\" title=\"公式\"></a>公式</h2><p>该主题暂不支持</p>\n<figure class=\"highlight latex\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"built_in\">$</span><span class=\"built_in\">$</span>E=mc<span class=\"built_in\">^</span>2<span class=\"built_in\">$</span><span class=\"built_in\">$</span></span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\">The *Gamma function* satisfying <span class=\"built_in\">$</span><span class=\"keyword\">\\Gamma</span>(n) = (n-1)!<span class=\"keyword\">\\quad</span><span class=\"keyword\">\\forall</span> n<span class=\"keyword\">\\in</span><span class=\"keyword\">\\mathbb</span> N<span class=\"built_in\">$</span></span><br><span class=\"line\">is via the Euler integral</span><br><span class=\"line\"><span class=\"built_in\">$</span><span class=\"built_in\">$</span><span class=\"keyword\">\\Gamma</span>(z) = <span class=\"keyword\">\\int</span><span class=\"built_in\">_</span>0<span class=\"built_in\">^</span><span class=\"keyword\">\\infty</span> t<span class=\"built_in\">^</span>{z-1}e<span class=\"built_in\">^</span>{-t}dt<span class=\"keyword\">\\,</span>.<span class=\"built_in\">$</span><span class=\"built_in\">$</span></span><br></pre></td></tr></table></figure>\n\n<p>$$E=mc^2$$</p>\n<p>The <em>Gamma function</em> satisfying $\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$<br>is via the Euler integral<br>$$\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt,.$$</p>\n"},{"_content":"# 记录将来要写博客的主题\n\n1. 科学上网\n https://shadowsocks.org/en/download/clients.html\n igg\n ghelper\n","source":"_drafts/note.md","raw":"# 记录将来要写博客的主题\n\n1. 科学上网\n https://shadowsocks.org/en/download/clients.html\n igg\n ghelper\n","slug":"note","published":0,"date":"2022-02-19T13:11:43.319Z","updated":"2022-02-19T13:12:39.792Z","title":"","comments":1,"layout":"post","photos":[],"link":"","_id":"cljkt3zea0001nzyi4wpy3oo4","content":"<h1 id=\"记录将来要写博客的主题\"><a href=\"#记录将来要写博客的主题\" class=\"headerlink\" title=\"记录将来要写博客的主题\"></a>记录将来要写博客的主题</h1><ol>\n<li>科学上网<br><a href=\"https://shadowsocks.org/en/download/clients.html\">https://shadowsocks.org/en/download/clients.html</a><br>igg<br>ghelper</li>\n</ol>\n","site":{"data":{}},"excerpt":"","more":"<h1 id=\"记录将来要写博客的主题\"><a href=\"#记录将来要写博客的主题\" class=\"headerlink\" title=\"记录将来要写博客的主题\"></a>记录将来要写博客的主题</h1><ol>\n<li>科学上网<br><a href=\"https://shadowsocks.org/en/download/clients.html\">https://shadowsocks.org/en/download/clients.html</a><br>igg<br>ghelper</li>\n</ol>\n"},{"title":"掌握 Markdown","date":"2016-07-03T02:00:16.000Z","toc":true,"comments":0,"_content":"\nMarkdown 是一种标记语言，语法简单，容易编写和阅读。可用于编写文档或者文章，文章结构清晰且简单，比使用传统的 word 更能提高效率。\n\n# 一 基础语法\n\n## 1. 标题语法\n\n下面是 6 个 markdown 的标题语法。\n\n```markdown\n# 展示一级标题\n\n## 展示二级标题\n\n### 展示三级标题\n\n#### 展示四级标题\n\n##### 展示五级标题\n\n###### 展示六级标题\n```\n\n下面是不同标题等级的展示效果。\n\n> # 展示一级标题\n>\n> ## 展示二级标题\n>\n> ### 展示三级标题\n>\n> #### 展示四级标题\n>\n> ##### 展示五级标题\n>\n> ###### 展示六级标题\n\n按上面的语法，使用 # 进行写标题，能有 6 个级别的标题等级。\n\n好的写标题方式：\n\n> 1. #号与标题文字间有一个空格。\n> 2. 标题上下有空行。\n\n## 2. 段落语法\n\n在 Markdown 文档中写段落时，独立的一段文字，上下使用空白行进行与其他段落进行分离即可。书写一段文字时，不要使用 tab 制表符或者空格进行段落的首字缩进。\n\n```markdown\n# 我是标题\n\n这是第一段文字，与标题有一个空行,与下面第二段文字也有空行。\n\n这是第二段文字。每段文字开头不需要缩进。\n```\n\n## 3. 新行语法（换行语法）\n\n在一段文字中，需要将某句文字进行新行显示，只要在它的前一句末尾加两个空格（结尾空格）。\n\n```markdown\n这段文字中，需要将一句话使用新行显示。 \n新行句子。这个新行句子与前面句子不要有空行。\n```\n\n## 4. 强调语法\n\n用于对相关文本进行加粗和斜体设置。\n\n### 4.1 加粗\n\n使用 \\*\\* 星号对文本进行包裹。\n\n```markdown\n这句话中重要的是：**什么？**\n```\n\n> 这句话中重要的是：**什么？**\n\n### 4.2 斜体\n\n使用 \\_ 下划线，或者 一个 \\* 星号对文本进行包裹。\n\n```markdown\n这句话中重要的是：_什么？_\n```\n\n> 这句话中重要的是：_什么？_\n\n### 4.3 加粗且斜体\n\n```markdowm\n这句话中重要的是：**_什么？_**\n```\n\n> 这句话中重要的是：**_什么？_**\n\n## 5. 引用语法\n\n将文本展示在引用块中，使用 > 创建一个引用块。\n\n```markdowm\n> 业精于勤，荒于嬉。\n```\n\n> 业精于勤，荒于嬉。\n\n嵌套引用\n\n```markdown\n> 你喜欢的句子是什么？\n>\n> > 种一棵树最好的时间是十年前，其次是现在。\n```\n\n> 你喜欢的句子是什么？\n>\n> > 种一棵树最好的时间是十年前，其次是现在。\n\n## 6. 列表语法\n\n列表方式有两种，无序列表使用 \\- 在每个项目前，有序列表使用数字。\n\n### 6.1 无序列表\n\n```markdown\n- html\n- css\n- js\n```\n\n> - html\n> - css\n> - js\n\n### 6.2 有序列表\n\n```markdown\n1. vue\n2. react\n3. angular\n```\n\n> 1. vue\n> 2. react\n> 3. angular\n\n## 7. 链接语法\n\n使用以下语法，可以使文本具有链接功能，点击后跳转到指定页面。\n\n```markdown\n[百度](www.baidu.com)\n[GitHub](www.github.com)\n```\n\n> [百度](www.baidu.com) \n> [GitHub](www.github.com)\n\n## 8. 图片语法\n\n文章中引入图片，也是和链接语法类似，只需要在前面多加一个 感叹号 !。\n\n```markdowm\n本地图片\n\n\n互联网图片\n\n```\n\n> 本地图片\n> \n>\n> 互联网图片\n> \n\n## 9. 分割线语法\n\n在文章中使用分割线，只要使用 `---` 三个中横线。\n\n```markdown\n段落 1，段落 1\n\n---\n\n段落 2，段落 2\n```\n\n> 段落 1，段落 1，下面有一条分隔线。\n>\n> ---\n>\n> 段落 2，段落 2\n\n## 10. 代码语法\n\n在文章中，显示代码块，使用 `` 反引号包裹代码。\n\n```js\nvar http = require('http');\nhttp.createServer(function (req, res) {\n res.writeHead(200, { 'Content-Type': 'text/plain' });\n res.end('Hello World\\n');\n}).listen(1337, '127.0.0.1');\nconsole.log('Server running at http://127.0.0.1:1337/');\n```\n\n# 二 Markdown 编辑器\n\n[在线编辑器](https://markdown.com.cn/editor/)\n\n# 三 参考\n\n[Markdown 官方教程](https://markdown.com.cn/)\n[Markdown 基础语法](https://www.markdownguide.org/basic-syntax)\n[Markdown 扩展语法](https://www.markdownguide.org/extended-syntax)\n[markdowntutorial](https://www.markdowntutorial.com/zh-cn/)\n","source":"_drafts/掌握-Markdown.md","raw":"---\ntitle: 掌握 Markdown\ndate: 2016-07-03 10:00:16\ntags: md\ntoc: true\ncomments: false\n---\n\nMarkdown 是一种标记语言，语法简单，容易编写和阅读。可用于编写文档或者文章，文章结构清晰且简单，比使用传统的 word 更能提高效率。\n\n# 一 基础语法\n\n## 1. 标题语法\n\n下面是 6 个 markdown 的标题语法。\n\n```markdown\n# 展示一级标题\n\n## 展示二级标题\n\n### 展示三级标题\n\n#### 展示四级标题\n\n##### 展示五级标题\n\n###### 展示六级标题\n```\n\n下面是不同标题等级的展示效果。\n\n> # 展示一级标题\n>\n> ## 展示二级标题\n>\n> ### 展示三级标题\n>\n> #### 展示四级标题\n>\n> ##### 展示五级标题\n>\n> ###### 展示六级标题\n\n按上面的语法，使用 # 进行写标题，能有 6 个级别的标题等级。\n\n好的写标题方式：\n\n> 1. #号与标题文字间有一个空格。\n> 2. 标题上下有空行。\n\n## 2. 段落语法\n\n在 Markdown 文档中写段落时，独立的一段文字，上下使用空白行进行与其他段落进行分离即可。书写一段文字时，不要使用 tab 制表符或者空格进行段落的首字缩进。\n\n```markdown\n# 我是标题\n\n这是第一段文字，与标题有一个空行,与下面第二段文字也有空行。\n\n这是第二段文字。每段文字开头不需要缩进。\n```\n\n## 3. 新行语法（换行语法）\n\n在一段文字中，需要将某句文字进行新行显示，只要在它的前一句末尾加两个空格（结尾空格）。\n\n```markdown\n这段文字中，需要将一句话使用新行显示。 \n新行句子。这个新行句子与前面句子不要有空行。\n```\n\n## 4. 强调语法\n\n用于对相关文本进行加粗和斜体设置。\n\n### 4.1 加粗\n\n使用 \\*\\* 星号对文本进行包裹。\n\n```markdown\n这句话中重要的是：**什么？**\n```\n\n> 这句话中重要的是：**什么？**\n\n### 4.2 斜体\n\n使用 \\_ 下划线，或者 一个 \\* 星号对文本进行包裹。\n\n```markdown\n这句话中重要的是：_什么？_\n```\n\n> 这句话中重要的是：_什么？_\n\n### 4.3 加粗且斜体\n\n```markdowm\n这句话中重要的是：**_什么？_**\n```\n\n> 这句话中重要的是：**_什么？_**\n\n## 5. 引用语法\n\n将文本展示在引用块中，使用 > 创建一个引用块。\n\n```markdowm\n> 业精于勤，荒于嬉。\n```\n\n> 业精于勤，荒于嬉。\n\n嵌套引用\n\n```markdown\n> 你喜欢的句子是什么？\n>\n> > 种一棵树最好的时间是十年前，其次是现在。\n```\n\n> 你喜欢的句子是什么？\n>\n> > 种一棵树最好的时间是十年前，其次是现在。\n\n## 6. 列表语法\n\n列表方式有两种，无序列表使用 \\- 在每个项目前，有序列表使用数字。\n\n### 6.1 无序列表\n\n```markdown\n- html\n- css\n- js\n```\n\n> - html\n> - css\n> - js\n\n### 6.2 有序列表\n\n```markdown\n1. vue\n2. react\n3. angular\n```\n\n> 1. vue\n> 2. react\n> 3. angular\n\n## 7. 链接语法\n\n使用以下语法，可以使文本具有链接功能，点击后跳转到指定页面。\n\n```markdown\n[百度](www.baidu.com)\n[GitHub](www.github.com)\n```\n\n> [百度](www.baidu.com) \n> [GitHub](www.github.com)\n\n## 8. 图片语法\n\n文章中引入图片，也是和链接语法类似，只需要在前面多加一个 感叹号 !。\n\n```markdowm\n本地图片\n\n\n互联网图片\n\n```\n\n> 本地图片\n> \n>\n> 互联网图片\n> \n\n## 9. 分割线语法\n\n在文章中使用分割线，只要使用 `---` 三个中横线。\n\n```markdown\n段落 1，段落 1\n\n---\n\n段落 2，段落 2\n```\n\n> 段落 1，段落 1，下面有一条分隔线。\n>\n> ---\n>\n> 段落 2，段落 2\n\n## 10. 代码语法\n\n在文章中，显示代码块，使用 `` 反引号包裹代码。\n\n```js\nvar http = require('http');\nhttp.createServer(function (req, res) {\n res.writeHead(200, { 'Content-Type': 'text/plain' });\n res.end('Hello World\\n');\n}).listen(1337, '127.0.0.1');\nconsole.log('Server running at http://127.0.0.1:1337/');\n```\n\n# 二 Markdown 编辑器\n\n[在线编辑器](https://markdown.com.cn/editor/)\n\n# 三 参考\n\n[Markdown 官方教程](https://markdown.com.cn/)\n[Markdown 基础语法](https://www.markdownguide.org/basic-syntax)\n[Markdown 扩展语法](https://www.markdownguide.org/extended-syntax)\n[markdowntutorial](https://www.markdowntutorial.com/zh-cn/)\n","slug":"掌握-Markdown","published":0,"updated":"2022-02-19T01:32:22.645Z","layout":"post","photos":[],"link":"","_id":"cljkt3zee0003nzyiev0qasny","content":"<p>Markdown 是一种标记语言，语法简单，容易编写和阅读。可用于编写文档或者文章，文章结构清晰且简单，比使用传统的 word 更能提高效率。</p>\n<h1 id=\"一-基础语法\"><a href=\"#一-基础语法\" class=\"headerlink\" title=\"一 基础语法\"></a>一 基础语法</h1><h2 id=\"1-标题语法\"><a href=\"#1-标题语法\" class=\"headerlink\" title=\"1. 标题语法\"></a>1. 标题语法</h2><p>下面是 6 个 markdown 的标题语法。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br><span class=\"line\">11</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"section\"># 展示一级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">## 展示二级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">### 展示三级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">#### 展示四级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">##### 展示五级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">###### 展示六级标题</span></span><br></pre></td></tr></table></figure>\n\n<p>下面是不同标题等级的展示效果。</p>\n<blockquote>\n<h1 id=\"展示一级标题\"><a href=\"#展示一级标题\" class=\"headerlink\" title=\"展示一级标题\"></a>展示一级标题</h1><h2 id=\"展示二级标题\"><a href=\"#展示二级标题\" class=\"headerlink\" title=\"展示二级标题\"></a>展示二级标题</h2><h3 id=\"展示三级标题\"><a href=\"#展示三级标题\" class=\"headerlink\" title=\"展示三级标题\"></a>展示三级标题</h3><h4 id=\"展示四级标题\"><a href=\"#展示四级标题\" class=\"headerlink\" title=\"展示四级标题\"></a>展示四级标题</h4><h5 id=\"展示五级标题\"><a href=\"#展示五级标题\" class=\"headerlink\" title=\"展示五级标题\"></a>展示五级标题</h5><h6 id=\"展示六级标题\"><a href=\"#展示六级标题\" class=\"headerlink\" title=\"展示六级标题\"></a>展示六级标题</h6></blockquote>\n<p>按上面的语法，使用 # 进行写标题，能有 6 个级别的标题等级。</p>\n<p>好的写标题方式：</p>\n<blockquote>\n<ol>\n<li>#号与标题文字间有一个空格。</li>\n<li>标题上下有空行。</li>\n</ol>\n</blockquote>\n<h2 id=\"2-段落语法\"><a href=\"#2-段落语法\" class=\"headerlink\" title=\"2. 段落语法\"></a>2. 段落语法</h2><p>在 Markdown 文档中写段落时，独立的一段文字，上下使用空白行进行与其他段落进行分离即可。书写一段文字时，不要使用 tab 制表符或者空格进行段落的首字缩进。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"section\"># 我是标题</span></span><br><span class=\"line\"></span><br><span class=\"line\">这是第一段文字，与标题有一个空行,与下面第二段文字也有空行。</span><br><span class=\"line\"></span><br><span class=\"line\">这是第二段文字。每段文字开头不需要缩进。</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"3-新行语法（换行语法）\"><a href=\"#3-新行语法（换行语法）\" class=\"headerlink\" title=\"3. 新行语法（换行语法）\"></a>3. 新行语法（换行语法）</h2><p>在一段文字中，需要将某句文字进行新行显示，只要在它的前一句末尾加两个空格（结尾空格）。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这段文字中，需要将一句话使用新行显示。 </span><br><span class=\"line\">新行句子。这个新行句子与前面句子不要有空行。</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"4-强调语法\"><a href=\"#4-强调语法\" class=\"headerlink\" title=\"4. 强调语法\"></a>4. 强调语法</h2><p>用于对相关文本进行加粗和斜体设置。</p>\n<h3 id=\"4-1-加粗\"><a href=\"#4-1-加粗\" class=\"headerlink\" title=\"4.1 加粗\"></a>4.1 加粗</h3><p>使用 ** 星号对文本进行包裹。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：<span class=\"strong\">**什么？**</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：<strong>什么？</strong></p>\n</blockquote>\n<h3 id=\"4-2-斜体\"><a href=\"#4-2-斜体\" class=\"headerlink\" title=\"4.2 斜体\"></a>4.2 斜体</h3><p>使用 _ 下划线，或者 一个 * 星号对文本进行包裹。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：<span class=\"emphasis\">_什么？_</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：<em>什么？</em></p>\n</blockquote>\n<h3 id=\"4-3-加粗且斜体\"><a href=\"#4-3-加粗且斜体\" class=\"headerlink\" title=\"4.3 加粗且斜体\"></a>4.3 加粗且斜体</h3><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：**_什么？_**</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：**<em>什么？</em>**</p>\n</blockquote>\n<h2 id=\"5-引用语法\"><a href=\"#5-引用语法\" class=\"headerlink\" title=\"5. 引用语法\"></a>5. 引用语法</h2><p>将文本展示在引用块中，使用 > 创建一个引用块。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">> 业精于勤，荒于嬉。</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>业精于勤，荒于嬉。</p>\n</blockquote>\n<p>嵌套引用</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"quote\">> 你喜欢的句子是什么？</span></span><br><span class=\"line\"><span class=\"quote\">></span></span><br><span class=\"line\"><span class=\"quote\">> > 种一棵树最好的时间是十年前，其次是现在。</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>你喜欢的句子是什么？</p>\n<blockquote>\n<p>种一棵树最好的时间是十年前，其次是现在。</p>\n</blockquote>\n</blockquote>\n<h2 id=\"6-列表语法\"><a href=\"#6-列表语法\" class=\"headerlink\" title=\"6. 列表语法\"></a>6. 列表语法</h2><p>列表方式有两种，无序列表使用 - 在每个项目前，有序列表使用数字。</p>\n<h3 id=\"6-1-无序列表\"><a href=\"#6-1-无序列表\" class=\"headerlink\" title=\"6.1 无序列表\"></a>6.1 无序列表</h3><figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"bullet\">-</span> html</span><br><span class=\"line\"><span class=\"bullet\">-</span> css</span><br><span class=\"line\"><span class=\"bullet\">-</span> js</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<ul>\n<li> html</li>\n<li> css</li>\n<li> js</li>\n</ul>\n</blockquote>\n<h3 id=\"6-2-有序列表\"><a href=\"#6-2-有序列表\" class=\"headerlink\" title=\"6.2 有序列表\"></a>6.2 有序列表</h3><figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"bullet\">1.</span> vue</span><br><span class=\"line\"><span class=\"bullet\">2.</span> react</span><br><span class=\"line\"><span class=\"bullet\">3.</span> angular</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<ol>\n<li> vue</li>\n<li> react</li>\n<li> angular</li>\n</ol>\n</blockquote>\n<h2 id=\"7-链接语法\"><a href=\"#7-链接语法\" class=\"headerlink\" title=\"7. 链接语法\"></a>7. 链接语法</h2><p>使用以下语法，可以使文本具有链接功能，点击后跳转到指定页面。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">[<span class=\"string\">百度</span>](<span class=\"link\">www.baidu.com</span>)</span><br><span class=\"line\">[<span class=\"string\">GitHub</span>](<span class=\"link\">www.github.com</span>)</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p><a href=\"www.baidu.com\">百度</a><br><a href=\"www.github.com\">GitHub</a></p>\n</blockquote>\n<h2 id=\"8-图片语法\"><a href=\"#8-图片语法\" class=\"headerlink\" title=\"8. 图片语法\"></a>8. 图片语法</h2><p>文章中引入图片，也是和链接语法类似，只需要在前面多加一个 感叹号 !。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">本地图片</span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\">互联网图片</span><br><span class=\"line\"></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>本地图片<br><img src=\"/images/avatar.jpg\" alt=\"avatar\"></p>\n<p>互联网图片<br><img src=\"https://upload.wikimedia.org/wikipedia/commons/5/56/Tiger.50.jpg\" alt=\"avatar\"></p>\n</blockquote>\n<h2 id=\"9-分割线语法\"><a href=\"#9-分割线语法\" class=\"headerlink\" title=\"9. 分割线语法\"></a>9. 分割线语法</h2><p>在文章中使用分割线，只要使用 <code>---</code> 三个中横线。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">段落 1，段落 1</span><br><span class=\"line\"></span><br><span class=\"line\">---</span><br><span class=\"line\"></span><br><span class=\"line\">段落 2，段落 2</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>段落 1，段落 1，下面有一条分隔线。</p>\n<hr>\n<p>段落 2，段落 2</p>\n</blockquote>\n<h2 id=\"10-代码语法\"><a href=\"#10-代码语法\" class=\"headerlink\" title=\"10. 代码语法\"></a>10. 代码语法</h2><p>在文章中，显示代码块，使用 `` 反引号包裹代码。</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"keyword\">var</span> http = <span class=\"built_in\">require</span>(<span class=\"string\">'http'</span>);</span><br><span class=\"line\">http.<span class=\"title function_\">createServer</span>(<span class=\"keyword\">function</span> (<span class=\"params\">req, res</span>) {</span><br><span class=\"line\"> res.<span class=\"title function_\">writeHead</span>(<span class=\"number\">200</span>, { <span class=\"string\">'Content-Type'</span>: <span class=\"string\">'text/plain'</span> });</span><br><span class=\"line\"> res.<span class=\"title function_\">end</span>(<span class=\"string\">'Hello World\\n'</span>);</span><br><span class=\"line\">}).<span class=\"title function_\">listen</span>(<span class=\"number\">1337</span>, <span class=\"string\">'127.0.0.1'</span>);</span><br><span class=\"line\"><span class=\"variable language_\">console</span>.<span class=\"title function_\">log</span>(<span class=\"string\">'Server running at http://127.0.0.1:1337/'</span>);</span><br></pre></td></tr></table></figure>\n\n<h1 id=\"二-Markdown-编辑器\"><a href=\"#二-Markdown-编辑器\" class=\"headerlink\" title=\"二 Markdown 编辑器\"></a>二 Markdown 编辑器</h1><p><a href=\"https://markdown.com.cn/editor/\">在线编辑器</a></p>\n<h1 id=\"三-参考\"><a href=\"#三-参考\" class=\"headerlink\" title=\"三 参考\"></a>三 参考</h1><p><a href=\"https://markdown.com.cn/\">Markdown 官方教程</a><br><a href=\"https://www.markdownguide.org/basic-syntax\">Markdown 基础语法</a><br><a href=\"https://www.markdownguide.org/extended-syntax\">Markdown 扩展语法</a><br><a href=\"https://www.markdowntutorial.com/zh-cn/\">markdowntutorial</a></p>\n","site":{"data":{}},"excerpt":"","more":"<p>Markdown 是一种标记语言，语法简单，容易编写和阅读。可用于编写文档或者文章，文章结构清晰且简单，比使用传统的 word 更能提高效率。</p>\n<h1 id=\"一-基础语法\"><a href=\"#一-基础语法\" class=\"headerlink\" title=\"一 基础语法\"></a>一 基础语法</h1><h2 id=\"1-标题语法\"><a href=\"#1-标题语法\" class=\"headerlink\" title=\"1. 标题语法\"></a>1. 标题语法</h2><p>下面是 6 个 markdown 的标题语法。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br><span class=\"line\">11</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"section\"># 展示一级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">## 展示二级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">### 展示三级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">#### 展示四级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">##### 展示五级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">###### 展示六级标题</span></span><br></pre></td></tr></table></figure>\n\n<p>下面是不同标题等级的展示效果。</p>\n<blockquote>\n<h1 id=\"展示一级标题\"><a href=\"#展示一级标题\" class=\"headerlink\" title=\"展示一级标题\"></a>展示一级标题</h1><h2 id=\"展示二级标题\"><a href=\"#展示二级标题\" class=\"headerlink\" title=\"展示二级标题\"></a>展示二级标题</h2><h3 id=\"展示三级标题\"><a href=\"#展示三级标题\" class=\"headerlink\" title=\"展示三级标题\"></a>展示三级标题</h3><h4 id=\"展示四级标题\"><a href=\"#展示四级标题\" class=\"headerlink\" title=\"展示四级标题\"></a>展示四级标题</h4><h5 id=\"展示五级标题\"><a href=\"#展示五级标题\" class=\"headerlink\" title=\"展示五级标题\"></a>展示五级标题</h5><h6 id=\"展示六级标题\"><a href=\"#展示六级标题\" class=\"headerlink\" title=\"展示六级标题\"></a>展示六级标题</h6></blockquote>\n<p>按上面的语法，使用 # 进行写标题，能有 6 个级别的标题等级。</p>\n<p>好的写标题方式：</p>\n<blockquote>\n<ol>\n<li>#号与标题文字间有一个空格。</li>\n<li>标题上下有空行。</li>\n</ol>\n</blockquote>\n<h2 id=\"2-段落语法\"><a href=\"#2-段落语法\" class=\"headerlink\" title=\"2. 段落语法\"></a>2. 段落语法</h2><p>在 Markdown 文档中写段落时，独立的一段文字，上下使用空白行进行与其他段落进行分离即可。书写一段文字时，不要使用 tab 制表符或者空格进行段落的首字缩进。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"section\"># 我是标题</span></span><br><span class=\"line\"></span><br><span class=\"line\">这是第一段文字，与标题有一个空行,与下面第二段文字也有空行。</span><br><span class=\"line\"></span><br><span class=\"line\">这是第二段文字。每段文字开头不需要缩进。</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"3-新行语法（换行语法）\"><a href=\"#3-新行语法（换行语法）\" class=\"headerlink\" title=\"3. 新行语法（换行语法）\"></a>3. 新行语法（换行语法）</h2><p>在一段文字中，需要将某句文字进行新行显示，只要在它的前一句末尾加两个空格（结尾空格）。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这段文字中，需要将一句话使用新行显示。 </span><br><span class=\"line\">新行句子。这个新行句子与前面句子不要有空行。</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"4-强调语法\"><a href=\"#4-强调语法\" class=\"headerlink\" title=\"4. 强调语法\"></a>4. 强调语法</h2><p>用于对相关文本进行加粗和斜体设置。</p>\n<h3 id=\"4-1-加粗\"><a href=\"#4-1-加粗\" class=\"headerlink\" title=\"4.1 加粗\"></a>4.1 加粗</h3><p>使用 ** 星号对文本进行包裹。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：<span class=\"strong\">**什么？**</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：<strong>什么？</strong></p>\n</blockquote>\n<h3 id=\"4-2-斜体\"><a href=\"#4-2-斜体\" class=\"headerlink\" title=\"4.2 斜体\"></a>4.2 斜体</h3><p>使用 _ 下划线，或者 一个 * 星号对文本进行包裹。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：<span class=\"emphasis\">_什么？_</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：<em>什么？</em></p>\n</blockquote>\n<h3 id=\"4-3-加粗且斜体\"><a href=\"#4-3-加粗且斜体\" class=\"headerlink\" title=\"4.3 加粗且斜体\"></a>4.3 加粗且斜体</h3><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：**_什么？_**</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：**<em>什么？</em>**</p>\n</blockquote>\n<h2 id=\"5-引用语法\"><a href=\"#5-引用语法\" class=\"headerlink\" title=\"5. 引用语法\"></a>5. 引用语法</h2><p>将文本展示在引用块中，使用 > 创建一个引用块。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">> 业精于勤，荒于嬉。</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>业精于勤，荒于嬉。</p>\n</blockquote>\n<p>嵌套引用</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"quote\">> 你喜欢的句子是什么？</span></span><br><span class=\"line\"><span class=\"quote\">></span></span><br><span class=\"line\"><span class=\"quote\">> > 种一棵树最好的时间是十年前，其次是现在。</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>你喜欢的句子是什么？</p>\n<blockquote>\n<p>种一棵树最好的时间是十年前，其次是现在。</p>\n</blockquote>\n</blockquote>\n<h2 id=\"6-列表语法\"><a href=\"#6-列表语法\" class=\"headerlink\" title=\"6. 列表语法\"></a>6. 列表语法</h2><p>列表方式有两种，无序列表使用 - 在每个项目前，有序列表使用数字。</p>\n<h3 id=\"6-1-无序列表\"><a href=\"#6-1-无序列表\" class=\"headerlink\" title=\"6.1 无序列表\"></a>6.1 无序列表</h3><figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"bullet\">-</span> html</span><br><span class=\"line\"><span class=\"bullet\">-</span> css</span><br><span class=\"line\"><span class=\"bullet\">-</span> js</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<ul>\n<li> html</li>\n<li> css</li>\n<li> js</li>\n</ul>\n</blockquote>\n<h3 id=\"6-2-有序列表\"><a href=\"#6-2-有序列表\" class=\"headerlink\" title=\"6.2 有序列表\"></a>6.2 有序列表</h3><figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"bullet\">1.</span> vue</span><br><span class=\"line\"><span class=\"bullet\">2.</span> react</span><br><span class=\"line\"><span class=\"bullet\">3.</span> angular</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<ol>\n<li> vue</li>\n<li> react</li>\n<li> angular</li>\n</ol>\n</blockquote>\n<h2 id=\"7-链接语法\"><a href=\"#7-链接语法\" class=\"headerlink\" title=\"7. 链接语法\"></a>7. 链接语法</h2><p>使用以下语法，可以使文本具有链接功能，点击后跳转到指定页面。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">[<span class=\"string\">百度</span>](<span class=\"link\">www.baidu.com</span>)</span><br><span class=\"line\">[<span class=\"string\">GitHub</span>](<span class=\"link\">www.github.com</span>)</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p><a href=\"www.baidu.com\">百度</a><br><a href=\"www.github.com\">GitHub</a></p>\n</blockquote>\n<h2 id=\"8-图片语法\"><a href=\"#8-图片语法\" class=\"headerlink\" title=\"8. 图片语法\"></a>8. 图片语法</h2><p>文章中引入图片，也是和链接语法类似，只需要在前面多加一个 感叹号 !。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">本地图片</span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\">互联网图片</span><br><span class=\"line\"></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>本地图片<br><img src=\"/images/avatar.jpg\" alt=\"avatar\"></p>\n<p>互联网图片<br><img src=\"https://upload.wikimedia.org/wikipedia/commons/5/56/Tiger.50.jpg\" alt=\"avatar\"></p>\n</blockquote>\n<h2 id=\"9-分割线语法\"><a href=\"#9-分割线语法\" class=\"headerlink\" title=\"9. 分割线语法\"></a>9. 分割线语法</h2><p>在文章中使用分割线，只要使用 <code>---</code> 三个中横线。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">段落 1，段落 1</span><br><span class=\"line\"></span><br><span class=\"line\">---</span><br><span class=\"line\"></span><br><span class=\"line\">段落 2，段落 2</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>段落 1，段落 1，下面有一条分隔线。</p>\n<hr>\n<p>段落 2，段落 2</p>\n</blockquote>\n<h2 id=\"10-代码语法\"><a href=\"#10-代码语法\" class=\"headerlink\" title=\"10. 代码语法\"></a>10. 代码语法</h2><p>在文章中，显示代码块，使用 `` 反引号包裹代码。</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"keyword\">var</span> http = <span class=\"built_in\">require</span>(<span class=\"string\">'http'</span>);</span><br><span class=\"line\">http.<span class=\"title function_\">createServer</span>(<span class=\"keyword\">function</span> (<span class=\"params\">req, res</span>) {</span><br><span class=\"line\"> res.<span class=\"title function_\">writeHead</span>(<span class=\"number\">200</span>, { <span class=\"string\">'Content-Type'</span>: <span class=\"string\">'text/plain'</span> });</span><br><span class=\"line\"> res.<span class=\"title function_\">end</span>(<span class=\"string\">'Hello World\\n'</span>);</span><br><span class=\"line\">}).<span class=\"title function_\">listen</span>(<span class=\"number\">1337</span>, <span class=\"string\">'127.0.0.1'</span>);</span><br><span class=\"line\"><span class=\"variable language_\">console</span>.<span class=\"title function_\">log</span>(<span class=\"string\">'Server running at http://127.0.0.1:1337/'</span>);</span><br></pre></td></tr></table></figure>\n\n<h1 id=\"二-Markdown-编辑器\"><a href=\"#二-Markdown-编辑器\" class=\"headerlink\" title=\"二 Markdown 编辑器\"></a>二 Markdown 编辑器</h1><p><a href=\"https://markdown.com.cn/editor/\">在线编辑器</a></p>\n<h1 id=\"三-参考\"><a href=\"#三-参考\" class=\"headerlink\" title=\"三 参考\"></a>三 参考</h1><p><a href=\"https://markdown.com.cn/\">Markdown 官方教程</a><br><a href=\"https://www.markdownguide.org/basic-syntax\">Markdown 基础语法</a><br><a href=\"https://www.markdownguide.org/extended-syntax\">Markdown 扩展语法</a><br><a href=\"https://www.markdowntutorial.com/zh-cn/\">markdowntutorial</a></p>\n"},{"title":"使用 hexo 搭建个人博客","date":"2016-07-03T02:00:16.000Z","updated":"2019-09-15T02:11:17.000Z","toc":true,"comments":0,"_content":"\n[hexo](https://hexo.io/zh-cn/) 是一个快速，简洁的博客框架，能方便的搭建起自己的博客系统。\n\n> 1. 它能使用 markdown 写博客文章进行发布展示。\n> 2. 它能发布到 GitHub Pages 上。再配合 GitHub Actions 能写好文章提交后，就自动部署发布。\n> 3. 它能自定义主题，或者选择丰富的开源主题。\n\n## 1. 搭建 hexo 博客项目\n\n### 1.1. 建站，创建项目\n\n使用 hexo 的 init 命令，创建项目\n\n```js\nhexo init jsliweijun.github.io\n```\n\n项目文件夹中有如下资源和目录。\n\n```js\n.\n├── _config.yml // 博客项目配置文件：网站配置，文章配置\n├── package.json // 项目相关信息，依赖，npm script 命令\n├── scaffolds // 模版文件夹\n├── source // 资源文件夹，用于存放用户资源的地方，创建的博客，博客中使用的images CNAME 配置文件都放这\n| ├── _drafts // 博客草稿文章\n| └── _posts // 博客文章\n└── themes // 博客主题资源，自定义主题，或者使用第三方主题都放在这\n```\n\n使用命令，本地运行项目\n\n```js\nhexo server\n```\n\n运行后,会提供一个能本地访问的 [url 链接](http://localhost:4000) 默认是: <http://localhost:4000>\n\n\n\n### 1.2. 认识 hexo 配置，修改部分配置，替换博客主题\n\n先阅读一遍项目的[配置信息介绍](https://hexo.io/zh-cn/docs/configuration) ：<https://hexo.io/zh-cn/docs/configuration>。\n然后，动手修改自己项目中的 `_config.yml` 的项目配置， 如\n\n```yml\n# Site\ntitle: Oliver's Blog\nsubtitle: '种一棵树最好的时间是十年前，其次是现在。'\ndescription: '个人博客'\nkeywords: 个人博客\nauthor: Oliver\nlanguage: zh-CN\ntimezone: 'Asia/Shanghai'\n```\n\n访问 hexo 提供的[主题列表](https://hexo.io/themes/)，找一个自己喜欢的主题，下载到本地。\n根据[主题文档](https://hexo.io/zh-cn/docs/themes)介绍,将下载到主题，放入到 `theme` 目录下，并修改 `_config.yml` 的配置即可。\n\n```yml\n# Extensions\n## Plugins: https://hexo.io/plugins/\n## Themes: https://hexo.io/themes/\n# theme: landscape\ntheme: quietness\n```\n\n不同的主题，修改的配置和需要执行相关的命令也会有所不同，需要看相关主题的文档介绍。\n\n## 2. 将博客发布到 GitHub 上，增加 GitHub Actions 配置\n\n### 2.1. 将博客代码发布上 GitHub 仓库\n\n1. 在 GitHub 上创建仓库。\n2. 本地项目 git init 初始化，提交代码。\n3. 本地项目关联远程仓库，推送到远程仓库。\n\n### 2.2. 增加 Github Actions 配置\n\n使用[GitHub Actions](https://www.ruanyifeng.com/blog/2019/09/getting-started-with-github-actions.html) 实现持续集成，将我们提交的代码发布，利用 GitHub Pages 提供的功能访问我们的博客。\n\n在项目的根目录下个创建 2 层目录和一个配置文件 deploy.yml : `.github/workflows/deploy.yml`\n\n```yml\nname: GitHub Actions Build and Deploy\non: [push]\njobs:\n build-and-deploy:\n runs-on: ubuntu-latest\n steps:\n - name: Checkout\n uses: actions/checkout@master\n\n - name: Build and Deploy\n uses: jenkey2011/vuepress-deploy@master\n env:\n ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}\n TARGET_BRANCH: gh-pages\n BUILD_SCRIPT: npm install && npm run build\n BUILD_DIR: public/\n```\n\n## 3. 日常使用 hexo 写文章和发布博客的流程\n\n### 3.1. 思考和理清博客文章的大纲\n\n例如写这篇文章时，使用 xmind 列出的大纲\n\n\n\n### 3.2 写博客，博客项目管理\n\n使用草稿命令创建草稿文章\n\n```js\nhexo new --dragft <title>\n```\n\n创建的文章在 `source/_drafts` 目录下，使用 vscode 编辑器进行文章书写。\n\n本地预览写的文章\n\n```js\nhexo server --draft\n```\n\n将草稿发布\n\n```js\nhexo publish post <title>\n```\n\n最后提交文章内容，将其推送到 GitHub 。\n","source":"_posts/使用-hexo-搭建个人博客.md","raw":"---\ntitle: 使用 hexo 搭建个人博客\ndate: 2016/07/03 10:00:16\nupdated: 2019/09/15 10:11:17\ncategories:\n - hexo\ntags:\n - 博客\n - hexo\n - md\ntoc: true\ncomments: false\n---\n\n[hexo](https://hexo.io/zh-cn/) 是一个快速，简洁的博客框架，能方便的搭建起自己的博客系统。\n\n> 1. 它能使用 markdown 写博客文章进行发布展示。\n> 2. 它能发布到 GitHub Pages 上。再配合 GitHub Actions 能写好文章提交后，就自动部署发布。\n> 3. 它能自定义主题，或者选择丰富的开源主题。\n\n## 1. 搭建 hexo 博客项目\n\n### 1.1. 建站，创建项目\n\n使用 hexo 的 init 命令，创建项目\n\n```js\nhexo init jsliweijun.github.io\n```\n\n项目文件夹中有如下资源和目录。\n\n```js\n.\n├── _config.yml // 博客项目配置文件：网站配置，文章配置\n├── package.json // 项目相关信息，依赖，npm script 命令\n├── scaffolds // 模版文件夹\n├── source // 资源文件夹，用于存放用户资源的地方，创建的博客，博客中使用的images CNAME 配置文件都放这\n| ├── _drafts // 博客草稿文章\n| └── _posts // 博客文章\n└── themes // 博客主题资源，自定义主题，或者使用第三方主题都放在这\n```\n\n使用命令，本地运行项目\n\n```js\nhexo server\n```\n\n运行后,会提供一个能本地访问的 [url 链接](http://localhost:4000) 默认是: <http://localhost:4000>\n\n\n\n### 1.2. 认识 hexo 配置，修改部分配置，替换博客主题\n\n先阅读一遍项目的[配置信息介绍](https://hexo.io/zh-cn/docs/configuration) ：<https://hexo.io/zh-cn/docs/configuration>。\n然后，动手修改自己项目中的 `_config.yml` 的项目配置， 如\n\n```yml\n# Site\ntitle: Oliver's Blog\nsubtitle: '种一棵树最好的时间是十年前，其次是现在。'\ndescription: '个人博客'\nkeywords: 个人博客\nauthor: Oliver\nlanguage: zh-CN\ntimezone: 'Asia/Shanghai'\n```\n\n访问 hexo 提供的[主题列表](https://hexo.io/themes/)，找一个自己喜欢的主题，下载到本地。\n根据[主题文档](https://hexo.io/zh-cn/docs/themes)介绍,将下载到主题，放入到 `theme` 目录下，并修改 `_config.yml` 的配置即可。\n\n```yml\n# Extensions\n## Plugins: https://hexo.io/plugins/\n## Themes: https://hexo.io/themes/\n# theme: landscape\ntheme: quietness\n```\n\n不同的主题，修改的配置和需要执行相关的命令也会有所不同，需要看相关主题的文档介绍。\n\n## 2. 将博客发布到 GitHub 上，增加 GitHub Actions 配置\n\n### 2.1. 将博客代码发布上 GitHub 仓库\n\n1. 在 GitHub 上创建仓库。\n2. 本地项目 git init 初始化，提交代码。\n3. 本地项目关联远程仓库，推送到远程仓库。\n\n### 2.2. 增加 Github Actions 配置\n\n使用[GitHub Actions](https://www.ruanyifeng.com/blog/2019/09/getting-started-with-github-actions.html) 实现持续集成，将我们提交的代码发布，利用 GitHub Pages 提供的功能访问我们的博客。\n\n在项目的根目录下个创建 2 层目录和一个配置文件 deploy.yml : `.github/workflows/deploy.yml`\n\n```yml\nname: GitHub Actions Build and Deploy\non: [push]\njobs:\n build-and-deploy:\n runs-on: ubuntu-latest\n steps:\n - name: Checkout\n uses: actions/checkout@master\n\n - name: Build and Deploy\n uses: jenkey2011/vuepress-deploy@master\n env:\n ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}\n TARGET_BRANCH: gh-pages\n BUILD_SCRIPT: npm install && npm run build\n BUILD_DIR: public/\n```\n\n## 3. 日常使用 hexo 写文章和发布博客的流程\n\n### 3.1. 思考和理清博客文章的大纲\n\n例如写这篇文章时，使用 xmind 列出的大纲\n\n\n\n### 3.2 写博客，博客项目管理\n\n使用草稿命令创建草稿文章\n\n```js\nhexo new --dragft <title>\n```\n\n创建的文章在 `source/_drafts` 目录下，使用 vscode 编辑器进行文章书写。\n\n本地预览写的文章\n\n```js\nhexo server --draft\n```\n\n将草稿发布\n\n```js\nhexo publish post <title>\n```\n\n最后提交文章内容，将其推送到 GitHub 。\n","slug":"使用-hexo-搭建个人博客","published":1,"layout":"post","photos":[],"link":"","_id":"cljkt3zeh0004nzyiht9l5k8o","content":"<p><a href=\"https://hexo.io/zh-cn/\">hexo</a> 是一个快速，简洁的博客框架，能方便的搭建起自己的博客系统。</p>\n<blockquote>\n<ol>\n<li>它能使用 markdown 写博客文章进行发布展示。</li>\n<li>它能发布到 GitHub Pages 上。再配合 GitHub Actions 能写好文章提交后，就自动部署发布。</li>\n<li>它能自定义主题，或者选择丰富的开源主题。</li>\n</ol>\n</blockquote>\n<h2 id=\"1-搭建-hexo-博客项目\"><a href=\"#1-搭建-hexo-博客项目\" class=\"headerlink\" title=\"1. 搭建 hexo 博客项目\"></a>1. 搭建 hexo 博客项目</h2><h3 id=\"1-1-建站，创建项目\"><a href=\"#1-1-建站，创建项目\" class=\"headerlink\" title=\"1.1. 建站，创建项目\"></a>1.1. 建站，创建项目</h3><p>使用 hexo 的 init 命令，创建项目</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo init jsliweijun.<span class=\"property\">github</span>.<span class=\"property\">io</span></span><br></pre></td></tr></table></figure>\n\n<p>项目文件夹中有如下资源和目录。</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">.</span><br><span class=\"line\">├── _config.<span class=\"property\">yml</span> <span class=\"comment\">// 博客项目配置文件：网站配置，文章配置</span></span><br><span class=\"line\">├── package.<span class=\"property\">json</span> <span class=\"comment\">// 项目相关信息，依赖，npm script 命令</span></span><br><span class=\"line\">├── scaffolds <span class=\"comment\">// 模版文件夹</span></span><br><span class=\"line\">├── source <span class=\"comment\">// 资源文件夹，用于存放用户资源的地方，创建的博客，博客中使用的images CNAME 配置文件都放这</span></span><br><span class=\"line\">| ├── _drafts <span class=\"comment\">// 博客草稿文章</span></span><br><span class=\"line\">| └── _posts <span class=\"comment\">// 博客文章</span></span><br><span class=\"line\">└── themes <span class=\"comment\">// 博客主题资源，自定义主题，或者使用第三方主题都放在这</span></span><br></pre></td></tr></table></figure>\n\n<p>使用命令，本地运行项目</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo server</span><br></pre></td></tr></table></figure>\n\n<p>运行后,会提供一个能本地访问的 <a href=\"http://localhost:4000/\">url 链接</a> 默认是: <a href=\"http://localhost:4000/\">http://localhost:4000</a></p>\n<p><img src=\"/images/hexoserver.png\" alt=\"hexoserver\"></p>\n<h3 id=\"1-2-认识-hexo-配置，修改部分配置，替换博客主题\"><a href=\"#1-2-认识-hexo-配置，修改部分配置，替换博客主题\" class=\"headerlink\" title=\"1.2. 认识 hexo 配置，修改部分配置，替换博客主题\"></a>1.2. 认识 hexo 配置，修改部分配置，替换博客主题</h3><p>先阅读一遍项目的<a href=\"https://hexo.io/zh-cn/docs/configuration\">配置信息介绍</a> ：<a href=\"https://hexo.io/zh-cn/docs/configuration\">https://hexo.io/zh-cn/docs/configuration</a>。<br>然后，动手修改自己项目中的 <code>_config.yml</code> 的项目配置， 如</p>\n<figure class=\"highlight yml\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"comment\"># Site</span></span><br><span class=\"line\"><span class=\"attr\">title:</span> <span class=\"string\">Oliver's</span> <span class=\"string\">Blog</span></span><br><span class=\"line\"><span class=\"attr\">subtitle:</span> <span class=\"string\">'种一棵树最好的时间是十年前，其次是现在。'</span></span><br><span class=\"line\"><span class=\"attr\">description:</span> <span class=\"string\">'个人博客'</span></span><br><span class=\"line\"><span class=\"attr\">keywords:</span> <span class=\"string\">个人博客</span></span><br><span class=\"line\"><span class=\"attr\">author:</span> <span class=\"string\">Oliver</span></span><br><span class=\"line\"><span class=\"attr\">language:</span> <span class=\"string\">zh-CN</span></span><br><span class=\"line\"><span class=\"attr\">timezone:</span> <span class=\"string\">'Asia/Shanghai'</span></span><br></pre></td></tr></table></figure>\n\n<p>访问 hexo 提供的<a href=\"https://hexo.io/themes/\">主题列表</a>，找一个自己喜欢的主题，下载到本地。<br>根据<a href=\"https://hexo.io/zh-cn/docs/themes\">主题文档</a>介绍,将下载到主题，放入到 <code>theme</code> 目录下，并修改 <code>_config.yml</code> 的配置即可。</p>\n<figure class=\"highlight yml\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"comment\"># Extensions</span></span><br><span class=\"line\"><span class=\"comment\">## Plugins: https://hexo.io/plugins/</span></span><br><span class=\"line\"><span class=\"comment\">## Themes: https://hexo.io/themes/</span></span><br><span class=\"line\"><span class=\"comment\"># theme: landscape</span></span><br><span class=\"line\"><span class=\"attr\">theme:</span> <span class=\"string\">quietness</span></span><br></pre></td></tr></table></figure>\n\n<p>不同的主题，修改的配置和需要执行相关的命令也会有所不同，需要看相关主题的文档介绍。</p>\n<h2 id=\"2-将博客发布到-GitHub-上，增加-GitHub-Actions-配置\"><a href=\"#2-将博客发布到-GitHub-上，增加-GitHub-Actions-配置\" class=\"headerlink\" title=\"2. 将博客发布到 GitHub 上，增加 GitHub Actions 配置\"></a>2. 将博客发布到 GitHub 上，增加 GitHub Actions 配置</h2><h3 id=\"2-1-将博客代码发布上-GitHub-仓库\"><a href=\"#2-1-将博客代码发布上-GitHub-仓库\" class=\"headerlink\" title=\"2.1. 将博客代码发布上 GitHub 仓库\"></a>2.1. 将博客代码发布上 GitHub 仓库</h3><ol>\n<li> 在 GitHub 上创建仓库。</li>\n<li> 本地项目 git init 初始化，提交代码。</li>\n<li> 本地项目关联远程仓库，推送到远程仓库。</li>\n</ol>\n<h3 id=\"2-2-增加-Github-Actions-配置\"><a href=\"#2-2-增加-Github-Actions-配置\" class=\"headerlink\" title=\"2.2. 增加 Github Actions 配置\"></a>2.2. 增加 Github Actions 配置</h3><p>使用<a href=\"https://www.ruanyifeng.com/blog/2019/09/getting-started-with-github-actions.html\">GitHub Actions</a> 实现持续集成，将我们提交的代码发布，利用 GitHub Pages 提供的功能访问我们的博客。</p>\n<p>在项目的根目录下个创建 2 层目录和一个配置文件 deploy.yml : <code>.github/workflows/deploy.yml</code></p>\n<figure class=\"highlight yml\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br><span class=\"line\">11</span><br><span class=\"line\">12</span><br><span class=\"line\">13</span><br><span class=\"line\">14</span><br><span class=\"line\">15</span><br><span class=\"line\">16</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"attr\">name:</span> <span class=\"string\">GitHub</span> <span class=\"string\">Actions</span> <span class=\"string\">Build</span> <span class=\"string\">and</span> <span class=\"string\">Deploy</span></span><br><span class=\"line\"><span class=\"attr\">on:</span> [<span class=\"string\">push</span>]</span><br><span class=\"line\"><span class=\"attr\">jobs:</span></span><br><span class=\"line\"> <span class=\"attr\">build-and-deploy:</span></span><br><span class=\"line\"> <span class=\"attr\">runs-on:</span> <span class=\"string\">ubuntu-latest</span></span><br><span class=\"line\"> <span class=\"attr\">steps:</span></span><br><span class=\"line\"> <span class=\"bullet\">-</span> <span class=\"attr\">name:</span> <span class=\"string\">Checkout</span></span><br><span class=\"line\"> <span class=\"attr\">uses:</span> <span class=\"string\">actions/checkout@master</span></span><br><span class=\"line\"></span><br><span class=\"line\"> <span class=\"bullet\">-</span> <span class=\"attr\">name:</span> <span class=\"string\">Build</span> <span class=\"string\">and</span> <span class=\"string\">Deploy</span></span><br><span class=\"line\"> <span class=\"attr\">uses:</span> <span class=\"string\">jenkey2011/vuepress-deploy@master</span></span><br><span class=\"line\"> <span class=\"attr\">env:</span></span><br><span class=\"line\"> <span class=\"attr\">ACCESS_TOKEN:</span> <span class=\"string\">${{</span> <span class=\"string\">secrets.ACCESS_TOKEN</span> <span class=\"string\">}}</span></span><br><span class=\"line\"> <span class=\"attr\">TARGET_BRANCH:</span> <span class=\"string\">gh-pages</span></span><br><span class=\"line\"> <span class=\"attr\">BUILD_SCRIPT:</span> <span class=\"string\">npm</span> <span class=\"string\">install</span> <span class=\"string\">&&</span> <span class=\"string\">npm</span> <span class=\"string\">run</span> <span class=\"string\">build</span></span><br><span class=\"line\"> <span class=\"attr\">BUILD_DIR:</span> <span class=\"string\">public/</span></span><br></pre></td></tr></table></figure>\n\n<h2 id=\"3-日常使用-hexo-写文章和发布博客的流程\"><a href=\"#3-日常使用-hexo-写文章和发布博客的流程\" class=\"headerlink\" title=\"3. 日常使用 hexo 写文章和发布博客的流程\"></a>3. 日常使用 hexo 写文章和发布博客的流程</h2><h3 id=\"3-1-思考和理清博客文章的大纲\"><a href=\"#3-1-思考和理清博客文章的大纲\" class=\"headerlink\" title=\"3.1. 思考和理清博客文章的大纲\"></a>3.1. 思考和理清博客文章的大纲</h3><p>例如写这篇文章时，使用 xmind 列出的大纲</p>\n<p><img src=\"/images/hexouse.png\" alt=\"文章大纲\"></p>\n<h3 id=\"3-2-写博客，博客项目管理\"><a href=\"#3-2-写博客，博客项目管理\" class=\"headerlink\" title=\"3.2 写博客，博客项目管理\"></a>3.2 写博客，博客项目管理</h3><p>使用草稿命令创建草稿文章</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo <span class=\"keyword\">new</span> --dragft <title></span><br></pre></td></tr></table></figure>\n\n<p>创建的文章在 <code>source/_drafts</code> 目录下，使用 vscode 编辑器进行文章书写。</p>\n<p>本地预览写的文章</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo server --draft</span><br></pre></td></tr></table></figure>\n\n<p>将草稿发布</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo publish post <title></span><br></pre></td></tr></table></figure>\n\n<p>最后提交文章内容，将其推送到 GitHub 。</p>\n","site":{"data":{}},"excerpt":"","more":"<p><a href=\"https://hexo.io/zh-cn/\">hexo</a> 是一个快速，简洁的博客框架，能方便的搭建起自己的博客系统。</p>\n<blockquote>\n<ol>\n<li>它能使用 markdown 写博客文章进行发布展示。</li>\n<li>它能发布到 GitHub Pages 上。再配合 GitHub Actions 能写好文章提交后，就自动部署发布。</li>\n<li>它能自定义主题，或者选择丰富的开源主题。</li>\n</ol>\n</blockquote>\n<h2 id=\"1-搭建-hexo-博客项目\"><a href=\"#1-搭建-hexo-博客项目\" class=\"headerlink\" title=\"1. 搭建 hexo 博客项目\"></a>1. 搭建 hexo 博客项目</h2><h3 id=\"1-1-建站，创建项目\"><a href=\"#1-1-建站，创建项目\" class=\"headerlink\" title=\"1.1. 建站，创建项目\"></a>1.1. 建站，创建项目</h3><p>使用 hexo 的 init 命令，创建项目</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo init jsliweijun.<span class=\"property\">github</span>.<span class=\"property\">io</span></span><br></pre></td></tr></table></figure>\n\n<p>项目文件夹中有如下资源和目录。</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">.</span><br><span class=\"line\">├── _config.<span class=\"property\">yml</span> <span class=\"comment\">// 博客项目配置文件：网站配置，文章配置</span></span><br><span class=\"line\">├── package.<span class=\"property\">json</span> <span class=\"comment\">// 项目相关信息，依赖，npm script 命令</span></span><br><span class=\"line\">├── scaffolds <span class=\"comment\">// 模版文件夹</span></span><br><span class=\"line\">├── source <span class=\"comment\">// 资源文件夹，用于存放用户资源的地方，创建的博客，博客中使用的images CNAME 配置文件都放这</span></span><br><span class=\"line\">| ├── _drafts <span class=\"comment\">// 博客草稿文章</span></span><br><span class=\"line\">| └── _posts <span class=\"comment\">// 博客文章</span></span><br><span class=\"line\">└── themes <span class=\"comment\">// 博客主题资源，自定义主题，或者使用第三方主题都放在这</span></span><br></pre></td></tr></table></figure>\n\n<p>使用命令，本地运行项目</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo server</span><br></pre></td></tr></table></figure>\n\n<p>运行后,会提供一个能本地访问的 <a href=\"http://localhost:4000/\">url 链接</a> 默认是: <a href=\"http://localhost:4000/\">http://localhost:4000</a></p>\n<p><img src=\"/images/hexoserver.png\" alt=\"hexoserver\"></p>\n<h3 id=\"1-2-认识-hexo-配置，修改部分配置，替换博客主题\"><a href=\"#1-2-认识-hexo-配置，修改部分配置，替换博客主题\" class=\"headerlink\" title=\"1.2. 认识 hexo 配置，修改部分配置，替换博客主题\"></a>1.2. 认识 hexo 配置，修改部分配置，替换博客主题</h3><p>先阅读一遍项目的<a href=\"https://hexo.io/zh-cn/docs/configuration\">配置信息介绍</a> ：<a href=\"https://hexo.io/zh-cn/docs/configuration\">https://hexo.io/zh-cn/docs/configuration</a>。<br>然后，动手修改自己项目中的 <code>_config.yml</code> 的项目配置， 如</p>\n<figure class=\"highlight yml\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"comment\"># Site</span></span><br><span class=\"line\"><span class=\"attr\">title:</span> <span class=\"string\">Oliver's</span> <span class=\"string\">Blog</span></span><br><span class=\"line\"><span class=\"attr\">subtitle:</span> <span class=\"string\">'种一棵树最好的时间是十年前，其次是现在。'</span></span><br><span class=\"line\"><span class=\"attr\">description:</span> <span class=\"string\">'个人博客'</span></span><br><span class=\"line\"><span class=\"attr\">keywords:</span> <span class=\"string\">个人博客</span></span><br><span class=\"line\"><span class=\"attr\">author:</span> <span class=\"string\">Oliver</span></span><br><span class=\"line\"><span class=\"attr\">language:</span> <span class=\"string\">zh-CN</span></span><br><span class=\"line\"><span class=\"attr\">timezone:</span> <span class=\"string\">'Asia/Shanghai'</span></span><br></pre></td></tr></table></figure>\n\n<p>访问 hexo 提供的<a href=\"https://hexo.io/themes/\">主题列表</a>，找一个自己喜欢的主题，下载到本地。<br>根据<a href=\"https://hexo.io/zh-cn/docs/themes\">主题文档</a>介绍,将下载到主题，放入到 <code>theme</code> 目录下，并修改 <code>_config.yml</code> 的配置即可。</p>\n<figure class=\"highlight yml\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"comment\"># Extensions</span></span><br><span class=\"line\"><span class=\"comment\">## Plugins: https://hexo.io/plugins/</span></span><br><span class=\"line\"><span class=\"comment\">## Themes: https://hexo.io/themes/</span></span><br><span class=\"line\"><span class=\"comment\"># theme: landscape</span></span><br><span class=\"line\"><span class=\"attr\">theme:</span> <span class=\"string\">quietness</span></span><br></pre></td></tr></table></figure>\n\n<p>不同的主题，修改的配置和需要执行相关的命令也会有所不同，需要看相关主题的文档介绍。</p>\n<h2 id=\"2-将博客发布到-GitHub-上，增加-GitHub-Actions-配置\"><a href=\"#2-将博客发布到-GitHub-上，增加-GitHub-Actions-配置\" class=\"headerlink\" title=\"2. 将博客发布到 GitHub 上，增加 GitHub Actions 配置\"></a>2. 将博客发布到 GitHub 上，增加 GitHub Actions 配置</h2><h3 id=\"2-1-将博客代码发布上-GitHub-仓库\"><a href=\"#2-1-将博客代码发布上-GitHub-仓库\" class=\"headerlink\" title=\"2.1. 将博客代码发布上 GitHub 仓库\"></a>2.1. 将博客代码发布上 GitHub 仓库</h3><ol>\n<li> 在 GitHub 上创建仓库。</li>\n<li> 本地项目 git init 初始化，提交代码。</li>\n<li> 本地项目关联远程仓库，推送到远程仓库。</li>\n</ol>\n<h3 id=\"2-2-增加-Github-Actions-配置\"><a href=\"#2-2-增加-Github-Actions-配置\" class=\"headerlink\" title=\"2.2. 增加 Github Actions 配置\"></a>2.2. 增加 Github Actions 配置</h3><p>使用<a href=\"https://www.ruanyifeng.com/blog/2019/09/getting-started-with-github-actions.html\">GitHub Actions</a> 实现持续集成，将我们提交的代码发布，利用 GitHub Pages 提供的功能访问我们的博客。</p>\n<p>在项目的根目录下个创建 2 层目录和一个配置文件 deploy.yml : <code>.github/workflows/deploy.yml</code></p>\n<figure class=\"highlight yml\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br><span class=\"line\">11</span><br><span class=\"line\">12</span><br><span class=\"line\">13</span><br><span class=\"line\">14</span><br><span class=\"line\">15</span><br><span class=\"line\">16</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"attr\">name:</span> <span class=\"string\">GitHub</span> <span class=\"string\">Actions</span> <span class=\"string\">Build</span> <span class=\"string\">and</span> <span class=\"string\">Deploy</span></span><br><span class=\"line\"><span class=\"attr\">on:</span> [<span class=\"string\">push</span>]</span><br><span class=\"line\"><span class=\"attr\">jobs:</span></span><br><span class=\"line\"> <span class=\"attr\">build-and-deploy:</span></span><br><span class=\"line\"> <span class=\"attr\">runs-on:</span> <span class=\"string\">ubuntu-latest</span></span><br><span class=\"line\"> <span class=\"attr\">steps:</span></span><br><span class=\"line\"> <span class=\"bullet\">-</span> <span class=\"attr\">name:</span> <span class=\"string\">Checkout</span></span><br><span class=\"line\"> <span class=\"attr\">uses:</span> <span class=\"string\">actions/checkout@master</span></span><br><span class=\"line\"></span><br><span class=\"line\"> <span class=\"bullet\">-</span> <span class=\"attr\">name:</span> <span class=\"string\">Build</span> <span class=\"string\">and</span> <span class=\"string\">Deploy</span></span><br><span class=\"line\"> <span class=\"attr\">uses:</span> <span class=\"string\">jenkey2011/vuepress-deploy@master</span></span><br><span class=\"line\"> <span class=\"attr\">env:</span></span><br><span class=\"line\"> <span class=\"attr\">ACCESS_TOKEN:</span> <span class=\"string\">${{</span> <span class=\"string\">secrets.ACCESS_TOKEN</span> <span class=\"string\">}}</span></span><br><span class=\"line\"> <span class=\"attr\">TARGET_BRANCH:</span> <span class=\"string\">gh-pages</span></span><br><span class=\"line\"> <span class=\"attr\">BUILD_SCRIPT:</span> <span class=\"string\">npm</span> <span class=\"string\">install</span> <span class=\"string\">&&</span> <span class=\"string\">npm</span> <span class=\"string\">run</span> <span class=\"string\">build</span></span><br><span class=\"line\"> <span class=\"attr\">BUILD_DIR:</span> <span class=\"string\">public/</span></span><br></pre></td></tr></table></figure>\n\n<h2 id=\"3-日常使用-hexo-写文章和发布博客的流程\"><a href=\"#3-日常使用-hexo-写文章和发布博客的流程\" class=\"headerlink\" title=\"3. 日常使用 hexo 写文章和发布博客的流程\"></a>3. 日常使用 hexo 写文章和发布博客的流程</h2><h3 id=\"3-1-思考和理清博客文章的大纲\"><a href=\"#3-1-思考和理清博客文章的大纲\" class=\"headerlink\" title=\"3.1. 思考和理清博客文章的大纲\"></a>3.1. 思考和理清博客文章的大纲</h3><p>例如写这篇文章时，使用 xmind 列出的大纲</p>\n<p><img src=\"/images/hexouse.png\" alt=\"文章大纲\"></p>\n<h3 id=\"3-2-写博客，博客项目管理\"><a href=\"#3-2-写博客，博客项目管理\" class=\"headerlink\" title=\"3.2 写博客，博客项目管理\"></a>3.2 写博客，博客项目管理</h3><p>使用草稿命令创建草稿文章</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo <span class=\"keyword\">new</span> --dragft <title></span><br></pre></td></tr></table></figure>\n\n<p>创建的文章在 <code>source/_drafts</code> 目录下，使用 vscode 编辑器进行文章书写。</p>\n<p>本地预览写的文章</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo server --draft</span><br></pre></td></tr></table></figure>\n\n<p>将草稿发布</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">hexo publish post <title></span><br></pre></td></tr></table></figure>\n\n<p>最后提交文章内容，将其推送到 GitHub 。</p>\n"},{"title":"掌握 Markdown","date":"2016-07-03T03:00:16.000Z","toc":true,"comments":0,"_content":"\nMarkdown 是一种标记语言，语法简单，容易编写和阅读。可用于编写文档或者文章，文章结构清晰且简单，比使用传统的 word 更能提高效率。\n\n# 一 基础语法\n\n## 1. 标题语法\n\n下面是 6 个 markdown 的标题语法。\n\n```markdown\n# 展示一级标题\n\n## 展示二级标题\n\n### 展示三级标题\n\n#### 展示四级标题\n\n##### 展示五级标题\n\n###### 展示六级标题\n```\n\n下面是不同标题等级的展示效果。\n\n> # 展示一级标题\n>\n> ## 展示二级标题\n>\n> ### 展示三级标题\n>\n> #### 展示四级标题\n>\n> ##### 展示五级标题\n>\n> ###### 展示六级标题\n\n按上面的语法，使用 # 进行写标题，能有 6 个级别的标题等级。\n\n好的写标题方式：\n\n> 1. #号与标题文字间有一个空格。\n> 2. 标题上下有空行。\n\n## 2. 段落语法\n\n在 Markdown 文档中写段落时，独立的一段文字，上下使用空白行进行与其他段落进行分离即可。书写一段文字时，不要使用 tab 制表符或者空格进行段落的首字缩进。\n\n```markdown\n# 我是标题\n\n这是第一段文字，与标题有一个空行,与下面第二段文字也有空行。\n\n这是第二段文字。每段文字开头不需要缩进。\n```\n\n## 3. 新行语法（换行语法）\n\n在一段文字中，需要将某句文字进行新行显示，只要在它的前一句末尾加两个空格（结尾空格）。\n\n```markdown\n这段文字中，需要将一句话使用新行显示。 \n新行句子。这个新行句子与前面句子不要有空行。\n```\n\n## 4. 强调语法\n\n用于对相关文本进行加粗和斜体设置。\n\n### 4.1 加粗\n\n使用 \\*\\* 星号对文本进行包裹。\n\n```markdown\n这句话中重要的是：**什么？**\n```\n\n> 这句话中重要的是：**什么？**\n\n### 4.2 斜体\n\n使用 \\_ 下划线，或者 一个 \\* 星号对文本进行包裹。\n\n```markdown\n这句话中重要的是：_什么？_\n```\n\n> 这句话中重要的是：_什么？_\n\n### 4.3 加粗且斜体\n\n```markdowm\n这句话中重要的是：**_什么？_**\n```\n\n> 这句话中重要的是：**_什么？_**\n\n## 5. 引用语法\n\n将文本展示在引用块中，使用 > 创建一个引用块。\n\n```markdowm\n> 业精于勤，荒于嬉。\n```\n\n> 业精于勤，荒于嬉。\n\n嵌套引用\n\n```markdown\n> 你喜欢的句子是什么？\n>\n> > 种一棵树最好的时间是十年前，其次是现在。\n```\n\n> 你喜欢的句子是什么？\n>\n> > 种一棵树最好的时间是十年前，其次是现在。\n\n## 6. 列表语法\n\n列表方式有两种，无序列表使用 \\- 在每个项目前，有序列表使用数字。\n\n### 6.1 无序列表\n\n```markdown\n- html\n- css\n- js\n```\n\n> - html\n> - css\n> - js\n\n### 6.2 有序列表\n\n```markdown\n1. vue\n2. react\n3. angular\n```\n\n> 1. vue\n> 2. react\n> 3. angular\n\n## 7. 链接语法\n\n使用以下语法，可以使文本具有链接功能，点击后跳转到指定页面。\n\n```markdown\n[百度](www.baidu.com)\n[GitHub](www.github.com)\n```\n\n> [百度](www.baidu.com) \n> [GitHub](www.github.com)\n\n## 8. 图片语法\n\n文章中引入图片，也是和链接语法类似，只需要在前面多加一个 感叹号 !。\n\n```markdowm\n本地图片\n\n\n互联网图片\n\n```\n\n> 本地图片\n> \n>\n> 互联网图片\n> \n\n## 9. 分割线语法\n\n在文章中使用分割线，只要使用 `---` 三个中横线。\n\n```markdown\n段落 1，段落 1\n\n---\n\n段落 2，段落 2\n```\n\n> 段落 1，段落 1，下面有一条分隔线。\n>\n> ---\n>\n> 段落 2，段落 2\n\n## 10. 代码语法\n\n在文章中，显示代码块，使用 `` 反引号包裹代码。\n\n```js\nvar http = require('http');\nhttp.createServer(function (req, res) {\n res.writeHead(200, { 'Content-Type': 'text/plain' });\n res.end('Hello World\\n');\n}).listen(1337, '127.0.0.1');\nconsole.log('Server running at http://127.0.0.1:1337/');\n```\n\n# 二 Markdown 编辑器\n\n[在线编辑器](https://markdown.com.cn/editor/)\n\n# 三 参考\n\n[Markdown 官方教程](https://markdown.com.cn/)\n[Markdown 指南中文版](https://www.markdown.xyz/)\n[Markdown 基础语法](https://www.markdownguide.org/basic-syntax)\n[Markdown 扩展语法](https://www.markdownguide.org/extended-syntax)\n[markdowntutorial](https://www.markdowntutorial.com/zh-cn/)\n","source":"_posts/掌握-Markdown.md","raw":"---\ntitle: 掌握 Markdown\ndate: 2016-07-03 11:00:16\ncategories:\n - markdown\ntags:\n - md\ntoc: true\ncomments: false\n---\n\nMarkdown 是一种标记语言，语法简单，容易编写和阅读。可用于编写文档或者文章，文章结构清晰且简单，比使用传统的 word 更能提高效率。\n\n# 一 基础语法\n\n## 1. 标题语法\n\n下面是 6 个 markdown 的标题语法。\n\n```markdown\n# 展示一级标题\n\n## 展示二级标题\n\n### 展示三级标题\n\n#### 展示四级标题\n\n##### 展示五级标题\n\n###### 展示六级标题\n```\n\n下面是不同标题等级的展示效果。\n\n> # 展示一级标题\n>\n> ## 展示二级标题\n>\n> ### 展示三级标题\n>\n> #### 展示四级标题\n>\n> ##### 展示五级标题\n>\n> ###### 展示六级标题\n\n按上面的语法，使用 # 进行写标题，能有 6 个级别的标题等级。\n\n好的写标题方式：\n\n> 1. #号与标题文字间有一个空格。\n> 2. 标题上下有空行。\n\n## 2. 段落语法\n\n在 Markdown 文档中写段落时，独立的一段文字，上下使用空白行进行与其他段落进行分离即可。书写一段文字时，不要使用 tab 制表符或者空格进行段落的首字缩进。\n\n```markdown\n# 我是标题\n\n这是第一段文字，与标题有一个空行,与下面第二段文字也有空行。\n\n这是第二段文字。每段文字开头不需要缩进。\n```\n\n## 3. 新行语法（换行语法）\n\n在一段文字中，需要将某句文字进行新行显示，只要在它的前一句末尾加两个空格（结尾空格）。\n\n```markdown\n这段文字中，需要将一句话使用新行显示。 \n新行句子。这个新行句子与前面句子不要有空行。\n```\n\n## 4. 强调语法\n\n用于对相关文本进行加粗和斜体设置。\n\n### 4.1 加粗\n\n使用 \\*\\* 星号对文本进行包裹。\n\n```markdown\n这句话中重要的是：**什么？**\n```\n\n> 这句话中重要的是：**什么？**\n\n### 4.2 斜体\n\n使用 \\_ 下划线，或者 一个 \\* 星号对文本进行包裹。\n\n```markdown\n这句话中重要的是：_什么？_\n```\n\n> 这句话中重要的是：_什么？_\n\n### 4.3 加粗且斜体\n\n```markdowm\n这句话中重要的是：**_什么？_**\n```\n\n> 这句话中重要的是：**_什么？_**\n\n## 5. 引用语法\n\n将文本展示在引用块中，使用 > 创建一个引用块。\n\n```markdowm\n> 业精于勤，荒于嬉。\n```\n\n> 业精于勤，荒于嬉。\n\n嵌套引用\n\n```markdown\n> 你喜欢的句子是什么？\n>\n> > 种一棵树最好的时间是十年前，其次是现在。\n```\n\n> 你喜欢的句子是什么？\n>\n> > 种一棵树最好的时间是十年前，其次是现在。\n\n## 6. 列表语法\n\n列表方式有两种，无序列表使用 \\- 在每个项目前，有序列表使用数字。\n\n### 6.1 无序列表\n\n```markdown\n- html\n- css\n- js\n```\n\n> - html\n> - css\n> - js\n\n### 6.2 有序列表\n\n```markdown\n1. vue\n2. react\n3. angular\n```\n\n> 1. vue\n> 2. react\n> 3. angular\n\n## 7. 链接语法\n\n使用以下语法，可以使文本具有链接功能，点击后跳转到指定页面。\n\n```markdown\n[百度](www.baidu.com)\n[GitHub](www.github.com)\n```\n\n> [百度](www.baidu.com) \n> [GitHub](www.github.com)\n\n## 8. 图片语法\n\n文章中引入图片，也是和链接语法类似，只需要在前面多加一个 感叹号 !。\n\n```markdowm\n本地图片\n\n\n互联网图片\n\n```\n\n> 本地图片\n> \n>\n> 互联网图片\n> \n\n## 9. 分割线语法\n\n在文章中使用分割线，只要使用 `---` 三个中横线。\n\n```markdown\n段落 1，段落 1\n\n---\n\n段落 2，段落 2\n```\n\n> 段落 1，段落 1，下面有一条分隔线。\n>\n> ---\n>\n> 段落 2，段落 2\n\n## 10. 代码语法\n\n在文章中，显示代码块，使用 `` 反引号包裹代码。\n\n```js\nvar http = require('http');\nhttp.createServer(function (req, res) {\n res.writeHead(200, { 'Content-Type': 'text/plain' });\n res.end('Hello World\\n');\n}).listen(1337, '127.0.0.1');\nconsole.log('Server running at http://127.0.0.1:1337/');\n```\n\n# 二 Markdown 编辑器\n\n[在线编辑器](https://markdown.com.cn/editor/)\n\n# 三 参考\n\n[Markdown 官方教程](https://markdown.com.cn/)\n[Markdown 指南中文版](https://www.markdown.xyz/)\n[Markdown 基础语法](https://www.markdownguide.org/basic-syntax)\n[Markdown 扩展语法](https://www.markdownguide.org/extended-syntax)\n[markdowntutorial](https://www.markdowntutorial.com/zh-cn/)\n","slug":"掌握-Markdown","published":1,"updated":"2023-07-02T01:49:20.314Z","layout":"post","photos":[],"link":"","_id":"cljkt3zej0005nzyih8sw2po3","content":"<p>Markdown 是一种标记语言，语法简单，容易编写和阅读。可用于编写文档或者文章，文章结构清晰且简单，比使用传统的 word 更能提高效率。</p>\n<h1 id=\"一-基础语法\"><a href=\"#一-基础语法\" class=\"headerlink\" title=\"一 基础语法\"></a>一 基础语法</h1><h2 id=\"1-标题语法\"><a href=\"#1-标题语法\" class=\"headerlink\" title=\"1. 标题语法\"></a>1. 标题语法</h2><p>下面是 6 个 markdown 的标题语法。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br><span class=\"line\">11</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"section\"># 展示一级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">## 展示二级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">### 展示三级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">#### 展示四级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">##### 展示五级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">###### 展示六级标题</span></span><br></pre></td></tr></table></figure>\n\n<p>下面是不同标题等级的展示效果。</p>\n<blockquote>\n<h1 id=\"展示一级标题\"><a href=\"#展示一级标题\" class=\"headerlink\" title=\"展示一级标题\"></a>展示一级标题</h1><h2 id=\"展示二级标题\"><a href=\"#展示二级标题\" class=\"headerlink\" title=\"展示二级标题\"></a>展示二级标题</h2><h3 id=\"展示三级标题\"><a href=\"#展示三级标题\" class=\"headerlink\" title=\"展示三级标题\"></a>展示三级标题</h3><h4 id=\"展示四级标题\"><a href=\"#展示四级标题\" class=\"headerlink\" title=\"展示四级标题\"></a>展示四级标题</h4><h5 id=\"展示五级标题\"><a href=\"#展示五级标题\" class=\"headerlink\" title=\"展示五级标题\"></a>展示五级标题</h5><h6 id=\"展示六级标题\"><a href=\"#展示六级标题\" class=\"headerlink\" title=\"展示六级标题\"></a>展示六级标题</h6></blockquote>\n<p>按上面的语法，使用 # 进行写标题，能有 6 个级别的标题等级。</p>\n<p>好的写标题方式：</p>\n<blockquote>\n<ol>\n<li>#号与标题文字间有一个空格。</li>\n<li>标题上下有空行。</li>\n</ol>\n</blockquote>\n<h2 id=\"2-段落语法\"><a href=\"#2-段落语法\" class=\"headerlink\" title=\"2. 段落语法\"></a>2. 段落语法</h2><p>在 Markdown 文档中写段落时，独立的一段文字，上下使用空白行进行与其他段落进行分离即可。书写一段文字时，不要使用 tab 制表符或者空格进行段落的首字缩进。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"section\"># 我是标题</span></span><br><span class=\"line\"></span><br><span class=\"line\">这是第一段文字，与标题有一个空行,与下面第二段文字也有空行。</span><br><span class=\"line\"></span><br><span class=\"line\">这是第二段文字。每段文字开头不需要缩进。</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"3-新行语法（换行语法）\"><a href=\"#3-新行语法（换行语法）\" class=\"headerlink\" title=\"3. 新行语法（换行语法）\"></a>3. 新行语法（换行语法）</h2><p>在一段文字中，需要将某句文字进行新行显示，只要在它的前一句末尾加两个空格（结尾空格）。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这段文字中，需要将一句话使用新行显示。 </span><br><span class=\"line\">新行句子。这个新行句子与前面句子不要有空行。</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"4-强调语法\"><a href=\"#4-强调语法\" class=\"headerlink\" title=\"4. 强调语法\"></a>4. 强调语法</h2><p>用于对相关文本进行加粗和斜体设置。</p>\n<h3 id=\"4-1-加粗\"><a href=\"#4-1-加粗\" class=\"headerlink\" title=\"4.1 加粗\"></a>4.1 加粗</h3><p>使用 ** 星号对文本进行包裹。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：<span class=\"strong\">**什么？**</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：<strong>什么？</strong></p>\n</blockquote>\n<h3 id=\"4-2-斜体\"><a href=\"#4-2-斜体\" class=\"headerlink\" title=\"4.2 斜体\"></a>4.2 斜体</h3><p>使用 _ 下划线，或者 一个 * 星号对文本进行包裹。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：<span class=\"emphasis\">_什么？_</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：<em>什么？</em></p>\n</blockquote>\n<h3 id=\"4-3-加粗且斜体\"><a href=\"#4-3-加粗且斜体\" class=\"headerlink\" title=\"4.3 加粗且斜体\"></a>4.3 加粗且斜体</h3><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：**_什么？_**</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：**<em>什么？</em>**</p>\n</blockquote>\n<h2 id=\"5-引用语法\"><a href=\"#5-引用语法\" class=\"headerlink\" title=\"5. 引用语法\"></a>5. 引用语法</h2><p>将文本展示在引用块中，使用 > 创建一个引用块。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">> 业精于勤，荒于嬉。</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>业精于勤，荒于嬉。</p>\n</blockquote>\n<p>嵌套引用</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"quote\">> 你喜欢的句子是什么？</span></span><br><span class=\"line\"><span class=\"quote\">></span></span><br><span class=\"line\"><span class=\"quote\">> > 种一棵树最好的时间是十年前，其次是现在。</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>你喜欢的句子是什么？</p>\n<blockquote>\n<p>种一棵树最好的时间是十年前，其次是现在。</p>\n</blockquote>\n</blockquote>\n<h2 id=\"6-列表语法\"><a href=\"#6-列表语法\" class=\"headerlink\" title=\"6. 列表语法\"></a>6. 列表语法</h2><p>列表方式有两种，无序列表使用 - 在每个项目前，有序列表使用数字。</p>\n<h3 id=\"6-1-无序列表\"><a href=\"#6-1-无序列表\" class=\"headerlink\" title=\"6.1 无序列表\"></a>6.1 无序列表</h3><figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"bullet\">-</span> html</span><br><span class=\"line\"><span class=\"bullet\">-</span> css</span><br><span class=\"line\"><span class=\"bullet\">-</span> js</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<ul>\n<li> html</li>\n<li> css</li>\n<li> js</li>\n</ul>\n</blockquote>\n<h3 id=\"6-2-有序列表\"><a href=\"#6-2-有序列表\" class=\"headerlink\" title=\"6.2 有序列表\"></a>6.2 有序列表</h3><figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"bullet\">1.</span> vue</span><br><span class=\"line\"><span class=\"bullet\">2.</span> react</span><br><span class=\"line\"><span class=\"bullet\">3.</span> angular</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<ol>\n<li> vue</li>\n<li> react</li>\n<li> angular</li>\n</ol>\n</blockquote>\n<h2 id=\"7-链接语法\"><a href=\"#7-链接语法\" class=\"headerlink\" title=\"7. 链接语法\"></a>7. 链接语法</h2><p>使用以下语法，可以使文本具有链接功能，点击后跳转到指定页面。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">[<span class=\"string\">百度</span>](<span class=\"link\">www.baidu.com</span>)</span><br><span class=\"line\">[<span class=\"string\">GitHub</span>](<span class=\"link\">www.github.com</span>)</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p><a href=\"www.baidu.com\">百度</a><br><a href=\"www.github.com\">GitHub</a></p>\n</blockquote>\n<h2 id=\"8-图片语法\"><a href=\"#8-图片语法\" class=\"headerlink\" title=\"8. 图片语法\"></a>8. 图片语法</h2><p>文章中引入图片，也是和链接语法类似，只需要在前面多加一个 感叹号 !。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">本地图片</span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\">互联网图片</span><br><span class=\"line\"></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>本地图片<br><img src=\"/images/avatar.jpg\" alt=\"avatar\"></p>\n<p>互联网图片<br><img src=\"https://upload.wikimedia.org/wikipedia/commons/5/56/Tiger.50.jpg\" alt=\"avatar\"></p>\n</blockquote>\n<h2 id=\"9-分割线语法\"><a href=\"#9-分割线语法\" class=\"headerlink\" title=\"9. 分割线语法\"></a>9. 分割线语法</h2><p>在文章中使用分割线，只要使用 <code>---</code> 三个中横线。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">段落 1，段落 1</span><br><span class=\"line\"></span><br><span class=\"line\">---</span><br><span class=\"line\"></span><br><span class=\"line\">段落 2，段落 2</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>段落 1，段落 1，下面有一条分隔线。</p>\n<hr>\n<p>段落 2，段落 2</p>\n</blockquote>\n<h2 id=\"10-代码语法\"><a href=\"#10-代码语法\" class=\"headerlink\" title=\"10. 代码语法\"></a>10. 代码语法</h2><p>在文章中，显示代码块，使用 `` 反引号包裹代码。</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"keyword\">var</span> http = <span class=\"built_in\">require</span>(<span class=\"string\">'http'</span>);</span><br><span class=\"line\">http.<span class=\"title function_\">createServer</span>(<span class=\"keyword\">function</span> (<span class=\"params\">req, res</span>) {</span><br><span class=\"line\"> res.<span class=\"title function_\">writeHead</span>(<span class=\"number\">200</span>, { <span class=\"string\">'Content-Type'</span>: <span class=\"string\">'text/plain'</span> });</span><br><span class=\"line\"> res.<span class=\"title function_\">end</span>(<span class=\"string\">'Hello World\\n'</span>);</span><br><span class=\"line\">}).<span class=\"title function_\">listen</span>(<span class=\"number\">1337</span>, <span class=\"string\">'127.0.0.1'</span>);</span><br><span class=\"line\"><span class=\"variable language_\">console</span>.<span class=\"title function_\">log</span>(<span class=\"string\">'Server running at http://127.0.0.1:1337/'</span>);</span><br></pre></td></tr></table></figure>\n\n<h1 id=\"二-Markdown-编辑器\"><a href=\"#二-Markdown-编辑器\" class=\"headerlink\" title=\"二 Markdown 编辑器\"></a>二 Markdown 编辑器</h1><p><a href=\"https://markdown.com.cn/editor/\">在线编辑器</a></p>\n<h1 id=\"三-参考\"><a href=\"#三-参考\" class=\"headerlink\" title=\"三 参考\"></a>三 参考</h1><p><a href=\"https://markdown.com.cn/\">Markdown 官方教程</a><br><a href=\"https://www.markdown.xyz/\">Markdown 指南中文版</a><br><a href=\"https://www.markdownguide.org/basic-syntax\">Markdown 基础语法</a><br><a href=\"https://www.markdownguide.org/extended-syntax\">Markdown 扩展语法</a><br><a href=\"https://www.markdowntutorial.com/zh-cn/\">markdowntutorial</a></p>\n","site":{"data":{}},"excerpt":"","more":"<p>Markdown 是一种标记语言，语法简单，容易编写和阅读。可用于编写文档或者文章，文章结构清晰且简单，比使用传统的 word 更能提高效率。</p>\n<h1 id=\"一-基础语法\"><a href=\"#一-基础语法\" class=\"headerlink\" title=\"一 基础语法\"></a>一 基础语法</h1><h2 id=\"1-标题语法\"><a href=\"#1-标题语法\" class=\"headerlink\" title=\"1. 标题语法\"></a>1. 标题语法</h2><p>下面是 6 个 markdown 的标题语法。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br><span class=\"line\">11</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"section\"># 展示一级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">## 展示二级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">### 展示三级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">#### 展示四级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">##### 展示五级标题</span></span><br><span class=\"line\"></span><br><span class=\"line\"><span class=\"section\">###### 展示六级标题</span></span><br></pre></td></tr></table></figure>\n\n<p>下面是不同标题等级的展示效果。</p>\n<blockquote>\n<h1 id=\"展示一级标题\"><a href=\"#展示一级标题\" class=\"headerlink\" title=\"展示一级标题\"></a>展示一级标题</h1><h2 id=\"展示二级标题\"><a href=\"#展示二级标题\" class=\"headerlink\" title=\"展示二级标题\"></a>展示二级标题</h2><h3 id=\"展示三级标题\"><a href=\"#展示三级标题\" class=\"headerlink\" title=\"展示三级标题\"></a>展示三级标题</h3><h4 id=\"展示四级标题\"><a href=\"#展示四级标题\" class=\"headerlink\" title=\"展示四级标题\"></a>展示四级标题</h4><h5 id=\"展示五级标题\"><a href=\"#展示五级标题\" class=\"headerlink\" title=\"展示五级标题\"></a>展示五级标题</h5><h6 id=\"展示六级标题\"><a href=\"#展示六级标题\" class=\"headerlink\" title=\"展示六级标题\"></a>展示六级标题</h6></blockquote>\n<p>按上面的语法，使用 # 进行写标题，能有 6 个级别的标题等级。</p>\n<p>好的写标题方式：</p>\n<blockquote>\n<ol>\n<li>#号与标题文字间有一个空格。</li>\n<li>标题上下有空行。</li>\n</ol>\n</blockquote>\n<h2 id=\"2-段落语法\"><a href=\"#2-段落语法\" class=\"headerlink\" title=\"2. 段落语法\"></a>2. 段落语法</h2><p>在 Markdown 文档中写段落时，独立的一段文字，上下使用空白行进行与其他段落进行分离即可。书写一段文字时，不要使用 tab 制表符或者空格进行段落的首字缩进。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"section\"># 我是标题</span></span><br><span class=\"line\"></span><br><span class=\"line\">这是第一段文字，与标题有一个空行,与下面第二段文字也有空行。</span><br><span class=\"line\"></span><br><span class=\"line\">这是第二段文字。每段文字开头不需要缩进。</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"3-新行语法（换行语法）\"><a href=\"#3-新行语法（换行语法）\" class=\"headerlink\" title=\"3. 新行语法（换行语法）\"></a>3. 新行语法（换行语法）</h2><p>在一段文字中，需要将某句文字进行新行显示，只要在它的前一句末尾加两个空格（结尾空格）。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这段文字中，需要将一句话使用新行显示。 </span><br><span class=\"line\">新行句子。这个新行句子与前面句子不要有空行。</span><br></pre></td></tr></table></figure>\n\n<h2 id=\"4-强调语法\"><a href=\"#4-强调语法\" class=\"headerlink\" title=\"4. 强调语法\"></a>4. 强调语法</h2><p>用于对相关文本进行加粗和斜体设置。</p>\n<h3 id=\"4-1-加粗\"><a href=\"#4-1-加粗\" class=\"headerlink\" title=\"4.1 加粗\"></a>4.1 加粗</h3><p>使用 ** 星号对文本进行包裹。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：<span class=\"strong\">**什么？**</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：<strong>什么？</strong></p>\n</blockquote>\n<h3 id=\"4-2-斜体\"><a href=\"#4-2-斜体\" class=\"headerlink\" title=\"4.2 斜体\"></a>4.2 斜体</h3><p>使用 _ 下划线，或者 一个 * 星号对文本进行包裹。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：<span class=\"emphasis\">_什么？_</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：<em>什么？</em></p>\n</blockquote>\n<h3 id=\"4-3-加粗且斜体\"><a href=\"#4-3-加粗且斜体\" class=\"headerlink\" title=\"4.3 加粗且斜体\"></a>4.3 加粗且斜体</h3><figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">这句话中重要的是：**_什么？_**</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>这句话中重要的是：**<em>什么？</em>**</p>\n</blockquote>\n<h2 id=\"5-引用语法\"><a href=\"#5-引用语法\" class=\"headerlink\" title=\"5. 引用语法\"></a>5. 引用语法</h2><p>将文本展示在引用块中，使用 > 创建一个引用块。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">> 业精于勤，荒于嬉。</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>业精于勤，荒于嬉。</p>\n</blockquote>\n<p>嵌套引用</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"quote\">> 你喜欢的句子是什么？</span></span><br><span class=\"line\"><span class=\"quote\">></span></span><br><span class=\"line\"><span class=\"quote\">> > 种一棵树最好的时间是十年前，其次是现在。</span></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>你喜欢的句子是什么？</p>\n<blockquote>\n<p>种一棵树最好的时间是十年前，其次是现在。</p>\n</blockquote>\n</blockquote>\n<h2 id=\"6-列表语法\"><a href=\"#6-列表语法\" class=\"headerlink\" title=\"6. 列表语法\"></a>6. 列表语法</h2><p>列表方式有两种，无序列表使用 - 在每个项目前，有序列表使用数字。</p>\n<h3 id=\"6-1-无序列表\"><a href=\"#6-1-无序列表\" class=\"headerlink\" title=\"6.1 无序列表\"></a>6.1 无序列表</h3><figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"bullet\">-</span> html</span><br><span class=\"line\"><span class=\"bullet\">-</span> css</span><br><span class=\"line\"><span class=\"bullet\">-</span> js</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<ul>\n<li> html</li>\n<li> css</li>\n<li> js</li>\n</ul>\n</blockquote>\n<h3 id=\"6-2-有序列表\"><a href=\"#6-2-有序列表\" class=\"headerlink\" title=\"6.2 有序列表\"></a>6.2 有序列表</h3><figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"bullet\">1.</span> vue</span><br><span class=\"line\"><span class=\"bullet\">2.</span> react</span><br><span class=\"line\"><span class=\"bullet\">3.</span> angular</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<ol>\n<li> vue</li>\n<li> react</li>\n<li> angular</li>\n</ol>\n</blockquote>\n<h2 id=\"7-链接语法\"><a href=\"#7-链接语法\" class=\"headerlink\" title=\"7. 链接语法\"></a>7. 链接语法</h2><p>使用以下语法，可以使文本具有链接功能，点击后跳转到指定页面。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">[<span class=\"string\">百度</span>](<span class=\"link\">www.baidu.com</span>)</span><br><span class=\"line\">[<span class=\"string\">GitHub</span>](<span class=\"link\">www.github.com</span>)</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p><a href=\"www.baidu.com\">百度</a><br><a href=\"www.github.com\">GitHub</a></p>\n</blockquote>\n<h2 id=\"8-图片语法\"><a href=\"#8-图片语法\" class=\"headerlink\" title=\"8. 图片语法\"></a>8. 图片语法</h2><p>文章中引入图片，也是和链接语法类似，只需要在前面多加一个 感叹号 !。</p>\n<figure class=\"highlight plaintext\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">本地图片</span><br><span class=\"line\"></span><br><span class=\"line\"></span><br><span class=\"line\">互联网图片</span><br><span class=\"line\"></span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>本地图片<br><img src=\"/images/avatar.jpg\" alt=\"avatar\"></p>\n<p>互联网图片<br><img src=\"https://upload.wikimedia.org/wikipedia/commons/5/56/Tiger.50.jpg\" alt=\"avatar\"></p>\n</blockquote>\n<h2 id=\"9-分割线语法\"><a href=\"#9-分割线语法\" class=\"headerlink\" title=\"9. 分割线语法\"></a>9. 分割线语法</h2><p>在文章中使用分割线，只要使用 <code>---</code> 三个中横线。</p>\n<figure class=\"highlight markdown\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">段落 1，段落 1</span><br><span class=\"line\"></span><br><span class=\"line\">---</span><br><span class=\"line\"></span><br><span class=\"line\">段落 2，段落 2</span><br></pre></td></tr></table></figure>\n\n<blockquote>\n<p>段落 1，段落 1，下面有一条分隔线。</p>\n<hr>\n<p>段落 2，段落 2</p>\n</blockquote>\n<h2 id=\"10-代码语法\"><a href=\"#10-代码语法\" class=\"headerlink\" title=\"10. 代码语法\"></a>10. 代码语法</h2><p>在文章中，显示代码块，使用 `` 反引号包裹代码。</p>\n<figure class=\"highlight js\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br></pre></td><td class=\"code\"><pre><span class=\"line\"><span class=\"keyword\">var</span> http = <span class=\"built_in\">require</span>(<span class=\"string\">'http'</span>);</span><br><span class=\"line\">http.<span class=\"title function_\">createServer</span>(<span class=\"keyword\">function</span> (<span class=\"params\">req, res</span>) {</span><br><span class=\"line\"> res.<span class=\"title function_\">writeHead</span>(<span class=\"number\">200</span>, { <span class=\"string\">'Content-Type'</span>: <span class=\"string\">'text/plain'</span> });</span><br><span class=\"line\"> res.<span class=\"title function_\">end</span>(<span class=\"string\">'Hello World\\n'</span>);</span><br><span class=\"line\">}).<span class=\"title function_\">listen</span>(<span class=\"number\">1337</span>, <span class=\"string\">'127.0.0.1'</span>);</span><br><span class=\"line\"><span class=\"variable language_\">console</span>.<span class=\"title function_\">log</span>(<span class=\"string\">'Server running at http://127.0.0.1:1337/'</span>);</span><br></pre></td></tr></table></figure>\n\n<h1 id=\"二-Markdown-编辑器\"><a href=\"#二-Markdown-编辑器\" class=\"headerlink\" title=\"二 Markdown 编辑器\"></a>二 Markdown 编辑器</h1><p><a href=\"https://markdown.com.cn/editor/\">在线编辑器</a></p>\n<h1 id=\"三-参考\"><a href=\"#三-参考\" class=\"headerlink\" title=\"三 参考\"></a>三 参考</h1><p><a href=\"https://markdown.com.cn/\">Markdown 官方教程</a><br><a href=\"https://www.markdown.xyz/\">Markdown 指南中文版</a><br><a href=\"https://www.markdownguide.org/basic-syntax\">Markdown 基础语法</a><br><a href=\"https://www.markdownguide.org/extended-syntax\">Markdown 扩展语法</a><br><a href=\"https://www.markdowntutorial.com/zh-cn/\">markdowntutorial</a></p>\n"}],"PostAsset":[],"PostCategory":[{"post_id":"cljkt3zeh0004nzyiht9l5k8o","category_id":"cljkt3zek0007nzyi91pnaw05","_id":"cljkt3zem000dnzyifav68znh"},{"post_id":"cljkt3zej0005nzyih8sw2po3","category_id":"cljkt3zel000anzyi75exhmfy","_id":"cljkt3zeo000fnzyiatec62ej"}],"PostTag":[{"post_id":"cljkt3ze30000nzyicqjt7my8","tag_id":"cljkt3zec0002nzyi54ez8m7b","_id":"cljkt3zek0008nzyib0wm66i4"},{"post_id":"cljkt3zee0003nzyiev0qasny","tag_id":"cljkt3zej0006nzyiauun4gyl","_id":"cljkt3zem000bnzyiblvocwfd"},{"post_id":"cljkt3zeh0004nzyiht9l5k8o","tag_id":"cljkt3zel0009nzyi03x559im","_id":"cljkt3zeo000hnzyi9aip0r8r"},{"post_id":"cljkt3zeh0004nzyiht9l5k8o","tag_id":"cljkt3zem000cnzyi9opn9zn2","_id":"cljkt3zep000inzyiefqn1lr2"},{"post_id":"cljkt3zeh0004nzyiht9l5k8o","tag_id":"cljkt3zej0006nzyiauun4gyl","_id":"cljkt3zep000jnzyi6zai02tn"},{"post_id":"cljkt3zej0005nzyih8sw2po3","tag_id":"cljkt3zej0006nzyiauun4gyl","_id":"cljkt3zep000knzyien98ayj1"}],"Tag":[{"name":"markdown","_id":"cljkt3zec0002nzyi54ez8m7b"},{"name":"md","_id":"cljkt3zej0006nzyiauun4gyl"},{"name":"博客","_id":"cljkt3zel0009nzyi03x559im"},{"name":"hexo","_id":"cljkt3zem000cnzyi9opn9zn2"}]}}