` 预格式化文本 ( Preformatted Text ) 的功能。\n\n \n \n预格式化文本：\n\n | First Header | Second Header |\n | ------------ | ------------- |\n | Content Cell | Content Cell |\n | Content Cell | Content Cell |\n\n#### JS代码 \n\n```javascript\nfunction test() {\n\tconsole.log(\"Hello world!\");\n}\n \n(function(){\n var box = function() {\n return box.fn.init();\n };\n\n box.prototype = box.fn = {\n init : function(){\n console.log('box.init()');\n\n\t\t\treturn this;\n },\n\n\t\tadd : function(str) {\n\t\t\talert(\"add\", str);\n\n\t\t\treturn this;\n\t\t},\n\n\t\tremove : function(str) {\n\t\t\talert(\"remove\", str);\n\n\t\t\treturn this;\n\t\t}\n };\n \n box.fn.init.prototype = box.fn;\n \n window.box =box;\n})();\n\nvar testBox = box();\ntestBox.add(\"jQuery\").remove(\"jQuery\");\n```\n\n#### HTML 代码 HTML codes\n\n```html\n\n\n \n Hello world! \n \n \n \n Hello world!
\n Plain text
\n \n\n```\n\n### 图片 Images\n\nImage:\n\n\n\n> Follow your heart.\n\n\n\n> 图为：厦门白城沙滩\n\n图片加链接 (Image + Link)：\n\n[](https://pandao.github.io/editor.md/images/7.jpg \"李健首张专辑《似水流年》封面\")\n\n> 图为：李健首张专辑《似水流年》封面\n \n----\n\n### 列表 Lists\n\n#### 无序列表（减号）Unordered Lists (-)\n \n- 列表一\n- 列表二\n- 列表三\n \n#### 无序列表（星号）Unordered Lists (*)\n\n* 列表一\n* 列表二\n* 列表三\n\n#### 无序列表（加号和嵌套）Unordered Lists (+)\n \n+ 列表一\n+ 列表二\n + 列表二-1\n + 列表二-2\n + 列表二-3\n+ 列表三\n * 列表一\n * 列表二\n * 列表三\n\n#### 有序列表 Ordered Lists (-)\n \n1. 第一行\n2. 第二行\n3. 第三行\n\n#### GFM task list\n\n- [x] GFM task list 1\n- [x] GFM task list 2\n- [ ] GFM task list 3\n - [ ] GFM task list 3-1\n - [ ] GFM task list 3-2\n - [ ] GFM task list 3-3\n- [ ] GFM task list 4\n - [ ] GFM task list 4-1\n - [ ] GFM task list 4-2\n \n----\n \n### 绘制表格 Tables\n\n| 项目 | 价格 | 数量 |\n| ------ | ----: | :---: |\n| 计算机 | $1600 | 5 |\n| 手机 | $12 | 12 |\n| 管线 | $1 | 234 |\n \n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n\n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n\n| Function name | Description |\n| ------------- | -------------------------- |\n| `help()` | Display the help window. |\n| `destroy()` | **Destroy your computer!** |\n\n| Left-Aligned | Center Aligned | Right Aligned |\n| :------------ | :-------------: | ------------: |\n| col 3 is | some wordy text | $1600 |\n| col 2 is | centered | $12 |\n| zebra stripes | are neat | $1 |\n\n| Item | Value |\n| -------- | ----: |\n| Computer | $1600 |\n| Phone | $12 |\n| Pipe | $1 |\n \n----\n\n#### 特殊符号 HTML Entities Codes\n\n© & ¨ ™ ¡ £\n& < > ¥ € ® ± ¶ § ¦ ¯ « · \n\nX² Y³ ¾ ¼ × ÷ »\n\n18ºC " '\n\n[========]\n\n### Emoji表情 :smiley:\n\n> Blockquotes :star:\n\n#### GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:\n\n- [x] :smiley: @mentions, :smiley: #refs, [links](), **formatting**, and tags supported :editormd-logo:;\n- [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;\n- [x] [ ] :smiley: this is a complete item :smiley:;\n- [ ] []this is an incomplete item [test link](#) :fa-star: @pandao; \n- [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;\n - [ ] :smiley: this is an incomplete item [test link](#) :fa-star: :fa-gear:;\n - [ ] :smiley: this is :fa-star: :fa-gear: an incomplete item [test link](#);\n \n#### 反斜杠 Escape\n\n\\*literal asterisks\\*\n\n[========]\n \n### 科学公式 TeX(KaTeX)\n\n$$E=mc^2$$\n\n行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。\n\n$$x > y$$\n\n$$\\(\\sqrt{3x-1}+(1+x)^2\\)$$\n \n$$\\sin(\\alpha)^{\\theta}=\\sum_{i=0}^{n}(x^i + \\cos(f))$$\n\n\n### 绘制流程图 mermaid\n\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}\n \n### End","source":"_posts/Linear Sample.md","raw":"---\ntitle: Markdown Sample\ndescription: A very simple way to add structured data to a page.\nstatus: done\ntop: 0\ncategories: \n- Hexo\nkeywords: \"Markdown, 代码高亮 (Codes), 引用 (Blockquotes), 列表 (Lists), 图片 (Images), 表格 (Tables), Emoji, TeX(KaTeX), 流程图 (mermaid)\"\n---\n\n# Editor.md\n\n\nhhh\n\n![](\"https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png\")
\n\n# 换行TEST\n\n1\n2\n3\n\na \nb\n\n---\n\nq\\\nd\n\n#HEAD TEST\n\n# Smart Test\n\n...\n\n---\n\n--\n\n\n\n\n     \n\n**目录 (Table of Contents)**\n\n[TOCM]\n\n[TOC]\n\n# Heading 1\n## Heading 2 \n### Heading 3\n#### Heading 4\n##### Heading 5\n###### Heading 6\n# Heading 1 link [Heading link](https://github.com/pandao/editor.md \"Heading link\")\n## Heading 2 link [Heading link](https://github.com/pandao/editor.md \"Heading link\")\n### Heading 3 link [Heading link](https://github.com/pandao/editor.md \"Heading link\")\n#### Heading 4 link [Heading link](https://github.com/pandao/editor.md \"Heading link\") Heading link [Heading link](https://github.com/pandao/editor.md \"Heading link\")\n##### Heading 5 link [Heading link](https://github.com/pandao/editor.md \"Heading link\")\n###### Heading 6 link [Heading link](https://github.com/pandao/editor.md \"Heading link\")\n\n#### 标题（用底线的形式）Heading (underline)\n\nThis is an H1\n=============\n\nThis is an H2\n-------------\n\n### 字符效果和横线等\n \n----\n\n~~删除线~~ 删除线（开启识别HTML标签时）\n*斜体字* _斜体字_\n**粗体** __粗体__\n***粗斜体*** ___粗斜体___\n\n上标：X2，下标：O2\n\n**缩写(同HTML的abbr标签)**\n\n> 即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启\n\nThe HTML specification is maintained by the W3C.\n\n### 引用 Blockquotes\n\n> 引用文本 Blockquotes\n\n引用的行内混合 Blockquotes\n \n> 引用：如果想要插入空白换行`即
标签`，在插入处先键入两个以上的空格然后回车即可，[普通链接](http://localhost/)。\n\n### 锚点与链接 Links\n\n[普通链接](http://localhost/)\n\n[普通链接带标题](http://localhost/ \"普通链接带标题\")\n\n直接链接：\n\nhttps://baidu.com\n\n[锚点链接][anchor-id] \n\n[anchor-id]: http://www.this-anchor-link.com/\n\n[mailto:test.test@gmail.com](mailto:test.test@gmail.com)\n\nGFM a-tail link [@pandao](https://my.oschina.net/u/3691274) 邮箱地址自动链接 test.test@gmail.com www@vip.qq.com\n\n> @pandao\n\n### 多语言代码高亮 Codes\n\n#### 行内代码 Inline code\n\n执行命令：`npm install marked`\n\n#### 缩进风格\n\n即缩进四个空格，也做为实现类似 `` 预格式化文本 ( Preformatted Text ) 的功能。\n\n \n \n预格式化文本：\n\n | First Header | Second Header |\n | ------------ | ------------- |\n | Content Cell | Content Cell |\n | Content Cell | Content Cell |\n\n#### JS代码 \n\n```javascript\nfunction test() {\n\tconsole.log(\"Hello world!\");\n}\n \n(function(){\n var box = function() {\n return box.fn.init();\n };\n\n box.prototype = box.fn = {\n init : function(){\n console.log('box.init()');\n\n\t\t\treturn this;\n },\n\n\t\tadd : function(str) {\n\t\t\talert(\"add\", str);\n\n\t\t\treturn this;\n\t\t},\n\n\t\tremove : function(str) {\n\t\t\talert(\"remove\", str);\n\n\t\t\treturn this;\n\t\t}\n };\n \n box.fn.init.prototype = box.fn;\n \n window.box =box;\n})();\n\nvar testBox = box();\ntestBox.add(\"jQuery\").remove(\"jQuery\");\n```\n\n#### HTML 代码 HTML codes\n\n```html\n\n\n \n Hello world! \n \n \n \n Hello world!
\n Plain text
\n \n\n```\n\n### 图片 Images\n\nImage:\n\n\n\n> Follow your heart.\n\n\n\n> 图为：厦门白城沙滩\n\n图片加链接 (Image + Link)：\n\n[](https://pandao.github.io/editor.md/images/7.jpg \"李健首张专辑《似水流年》封面\")\n\n> 图为：李健首张专辑《似水流年》封面\n \n----\n\n### 列表 Lists\n\n#### 无序列表（减号）Unordered Lists (-)\n \n- 列表一\n- 列表二\n- 列表三\n \n#### 无序列表（星号）Unordered Lists (*)\n\n* 列表一\n* 列表二\n* 列表三\n\n#### 无序列表（加号和嵌套）Unordered Lists (+)\n \n+ 列表一\n+ 列表二\n + 列表二-1\n + 列表二-2\n + 列表二-3\n+ 列表三\n * 列表一\n * 列表二\n * 列表三\n\n#### 有序列表 Ordered Lists (-)\n \n1. 第一行\n2. 第二行\n3. 第三行\n\n#### GFM task list\n\n- [x] GFM task list 1\n- [x] GFM task list 2\n- [ ] GFM task list 3\n - [ ] GFM task list 3-1\n - [ ] GFM task list 3-2\n - [ ] GFM task list 3-3\n- [ ] GFM task list 4\n - [ ] GFM task list 4-1\n - [ ] GFM task list 4-2\n \n----\n \n### 绘制表格 Tables\n\n| 项目 | 价格 | 数量 |\n| ------ | ----: | :---: |\n| 计算机 | $1600 | 5 |\n| 手机 | $12 | 12 |\n| 管线 | $1 | 234 |\n \n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n\n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n\n| Function name | Description |\n| ------------- | -------------------------- |\n| `help()` | Display the help window. |\n| `destroy()` | **Destroy your computer!** |\n\n| Left-Aligned | Center Aligned | Right Aligned |\n| :------------ | :-------------: | ------------: |\n| col 3 is | some wordy text | $1600 |\n| col 2 is | centered | $12 |\n| zebra stripes | are neat | $1 |\n\n| Item | Value |\n| -------- | ----: |\n| Computer | $1600 |\n| Phone | $12 |\n| Pipe | $1 |\n \n----\n\n#### 特殊符号 HTML Entities Codes\n\n© & ¨ ™ ¡ £\n& < > ¥ € ® ± ¶ § ¦ ¯ « · \n\nX² Y³ ¾ ¼ × ÷ »\n\n18ºC " '\n\n[========]\n\n### Emoji表情 :smiley:\n\n> Blockquotes :star:\n\n#### GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:\n\n- [x] :smiley: @mentions, :smiley: #refs, [links](), **formatting**, and tags supported :editormd-logo:;\n- [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;\n- [x] [ ] :smiley: this is a complete item :smiley:;\n- [ ] []this is an incomplete item [test link](#) :fa-star: @pandao; \n- [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;\n - [ ] :smiley: this is an incomplete item [test link](#) :fa-star: :fa-gear:;\n - [ ] :smiley: this is :fa-star: :fa-gear: an incomplete item [test link](#);\n \n#### 反斜杠 Escape\n\n\\*literal asterisks\\*\n\n[========]\n \n### 科学公式 TeX(KaTeX)\n\n$$E=mc^2$$\n\n行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。\n\n$$x > y$$\n\n$$\\(\\sqrt{3x-1}+(1+x)^2\\)$$\n \n$$\\sin(\\alpha)^{\\theta}=\\sum_{i=0}^{n}(x^i + \\cos(f))$$\n\n\n### 绘制流程图 mermaid\n\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}\n \n### End","slug":"Linear Sample","published":1,"date":"2023-10-20T03:10:24.718Z","updated":"2023-10-20T07:06:44.650Z","comments":1,"layout":"post","photos":[],"link":"","_id":"clny9q3ho0000dyz3h2og34pd","content":"Editor.md
\n\n\n换行TEST
1
2
3
\na
b
\n
\nq
d
\n#HEAD TEST
\nSmart Test
…
\n
\n–
\n
\n![](\"https://img.shields.io/github/stars/pandao/editor.md.svg\")
![](\"https://img.shields.io/github/forks/pandao/editor.md.svg\")
![](\"https://img.shields.io/github/tag/pandao/editor.md.svg\")
![](\"https://img.shields.io/github/release/pandao/editor.md.svg\")
![](\"https://img.shields.io/github/issues/pandao/editor.md.svg\")
![](\"https://img.shields.io/bower/v/editor.md.svg\")
\n目录 (Table of Contents)
\n[TOCM]
\n[TOC]
\nHeading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading 1 link Heading link
Heading 2 link Heading link
Heading 3 link Heading link
Heading 4 link Heading link Heading link Heading link
Heading 5 link Heading link
Heading 6 link Heading link
标题（用底线的形式）Heading (underline)
This is an H1
This is an H2
字符效果和横线等
\n删除线 删除线（开启识别HTML标签时）
斜体字 斜体字
粗体 粗体
粗斜体 粗斜体
\n上标：X2，下标：O2
\n缩写(同HTML的abbr标签)
\n\n即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启
\n
\nThe HTML specification is maintained by the W3C.
\n引用 Blockquotes
\n引用文本 Blockquotes
\n
\n引用的行内混合 Blockquotes
\n\n引用：如果想要插入空白换行即<br />标签，在插入处先键入两个以上的空格然后回车即可，普通链接。
\n
\n锚点与链接 Links
\n\n直接链接：https://github.com
\n\n\n\nGFM a-tail link @pandao 邮箱地址自动链接 test.test@gmail.com www@vip.qq.com
\n\n@pandao
\n
\n多语言代码高亮 Codes
行内代码 Inline code
执行命令：npm install marked
\n缩进风格
即缩进四个空格，也做为实现类似 <pre> 预格式化文本 ( Preformatted Text ) 的功能。
\n<?php\n echo "Hello world!";\n?>\n
\n预格式化文本：
\n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n
\nJS代码
function test() {\n\tconsole.log(\"Hello world!\");\n}\n \n(function(){\n var box = function() {\n return box.fn.init();\n };\n\n box.prototype = box.fn = {\n init : function(){\n console.log('box.init()');\n\n\t\t\treturn this;\n },\n\n\t\tadd : function(str) {\n\t\t\talert(\"add\", str);\n\n\t\t\treturn this;\n\t\t},\n\n\t\tremove : function(str) {\n\t\t\talert(\"remove\", str);\n\n\t\t\treturn this;\n\t\t}\n };\n \n box.fn.init.prototype = box.fn;\n \n window.box =box;\n})();\n\nvar testBox = box();\ntestBox.add(\"jQuery\").remove(\"jQuery\");
\n\nHTML 代码 HTML codes
<!DOCTYPE html>\n<html>\n <head>\n <mate charest=\"utf-8\" />\n <meta name=\"keywords\" content=\"Editor.md, Markdown, Editor\" />\n <title>Hello world!</title>\n <style type=\"text/css\">\n body{font-size:14px;color:#444;font-family: \"Microsoft Yahei\", Tahoma, \"Hiragino Sans GB\", Arial;background:#fff;}\n ul{list-style: none;}\n img{border:none;vertical-align: middle;}\n </style>\n </head>\n <body>\n <h1 class=\"text-xxl\">Hello world!</h1>\n <p class=\"text-green\">Plain text</p>\n </body>\n</html>
\n\n图片 Images
Image:
\n![](\"https://pandao.github.io/editor.md/examples/images/4.jpg\")
\n\nFollow your heart.
\n
\n![](\"https://pandao.github.io/editor.md/examples/images/8.jpg\")
\n\n图为：厦门白城沙滩
\n
\n图片加链接 (Image + Link)：
\n![](\"https://pandao.github.io/editor.md/examples/images/7.jpg\")
\n\n图为：李健首张专辑《似水流年》封面
\n
\n
\n列表 Lists
无序列表（减号）Unordered Lists (-)
\n- 列表一
\n- 列表二
\n- 列表三
\n
\n无序列表（星号）Unordered Lists (*)
\n- 列表一
\n- 列表二
\n- 列表三
\n
\n无序列表（加号和嵌套）Unordered Lists (+)
\n- 列表一
\n- 列表二
\n- 列表二-1
\n- 列表二-2
\n- 列表二-3
\n
\n \n- 列表三
\n- 列表一
\n- 列表二
\n- 列表三
\n
\n \n
\n有序列表 Ordered Lists (-)
\n- 第一行
\n- 第二行
\n- 第三行
\n
\nGFM task list
\n- GFM task list 1
\n- GFM task list 2
\n- GFM task list 3
\n- GFM task list 3-1
\n- GFM task list 3-2
\n- GFM task list 3-3
\n
\n \n- GFM task list 4
\n- GFM task list 4-1
\n- GFM task list 4-2
\n
\n \n
\n
\n绘制表格 Tables
\n\n\n项目 \n价格 \n数量 \n \n\n\n计算机 \n$1600 \n5 \n \n\n手机 \n$12 \n12 \n \n\n管线 \n$1 \n234 \n \n
\n\n\n\nFirst Header \nSecond Header \n \n\n\nContent Cell \nContent Cell \n \n\nContent Cell \nContent Cell \n \n
\n\n\n\nFirst Header \nSecond Header \n \n\n\nContent Cell \nContent Cell \n \n\nContent Cell \nContent Cell \n \n
\n\n\n\nFunction name \nDescription \n \n\n\nhelp()Display the help window. \n \n\ndestroy()Destroy your computer! \n \n
\n\n\n\nLeft-Aligned \nCenter Aligned \nRight Aligned \n \n\n\ncol 3 is \nsome wordy text \n$1600 \n \n\ncol 2 is \ncentered \n$12 \n \n\nzebra stripes \nare neat \n$1 \n \n
\n\n\n\nItem \nValue \n \n\n\nComputer \n$1600 \n \n\nPhone \n$12 \n \n\nPipe \n$1 \n \n
\n
\n特殊符号 HTML Entities Codes
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
\nX² Y³ ¾ ¼ × ÷ »
\n18ºC " '
\n[========]
\nEmoji表情 :smiley:
\nBlockquotes :star:
\n
\nGFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:
\n- :smiley: @mentions, :smiley: #refs, links, formatting, and
tags supported :editormd-logo:; \n- list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
\n- [ ] :smiley: this is a complete item :smiley:;
\n- []this is an incomplete item test link :fa-star: @pandao;
\n- [ ]this is an incomplete item :fa-star: :fa-gear:;\n
\n
\n反斜杠 Escape
*literal asterisks*
\n[========]
\n科学公式 TeX(KaTeX)
$$E=mc^2$$
\n行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。
\n$$x > y$$
\n$$(\\sqrt{3x-1}+(1+x)^2)$$
\n$$\\sin(\\alpha)^{\\theta}=\\sum_{i=0}^{n}(x^i + \\cos(f))$$
\n绘制流程图 mermaid
\n graph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n \nEnd
","site":{"data":{}},"excerpt":"","more":"Editor.md
\n\n\n换行TEST
1
2
3
\na
b
\n
\nq
d
\n#HEAD TEST
\nSmart Test
…
\n
\n–
\n
\n
\n目录 (Table of Contents)
\n[TOCM]
\n[TOC]
\nHeading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading 1 link Heading link
Heading 2 link Heading link
Heading 3 link Heading link
Heading 4 link Heading link Heading link Heading link
Heading 5 link Heading link
Heading 6 link Heading link
标题（用底线的形式）Heading (underline)
This is an H1
This is an H2
字符效果和横线等
\n删除线 删除线（开启识别HTML标签时）
斜体字 斜体字
粗体 粗体
粗斜体 粗斜体
\n上标：X2，下标：O2
\n缩写(同HTML的abbr标签)
\n\n即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启
\n
\nThe HTML specification is maintained by the W3C.
\n引用 Blockquotes
\n引用文本 Blockquotes
\n
\n引用的行内混合 Blockquotes
\n\n引用：如果想要插入空白换行即<br />标签，在插入处先键入两个以上的空格然后回车即可，普通链接。
\n
\n锚点与链接 Links
\n\n直接链接：https://github.com
\n\n\n\nGFM a-tail link @pandao 邮箱地址自动链接 test.test@gmail.com www@vip.qq.com
\n\n@pandao
\n
\n多语言代码高亮 Codes
行内代码 Inline code
执行命令：npm install marked
\n缩进风格
即缩进四个空格，也做为实现类似 <pre> 预格式化文本 ( Preformatted Text ) 的功能。
\n<?php\n echo "Hello world!";\n?>\n
\n预格式化文本：
\n| First Header | Second Header |\n| ------------ | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |\n
\nJS代码
function test() {\n\tconsole.log(\"Hello world!\");\n}\n \n(function(){\n var box = function() {\n return box.fn.init();\n };\n\n box.prototype = box.fn = {\n init : function(){\n console.log('box.init()');\n\n\t\t\treturn this;\n },\n\n\t\tadd : function(str) {\n\t\t\talert(\"add\", str);\n\n\t\t\treturn this;\n\t\t},\n\n\t\tremove : function(str) {\n\t\t\talert(\"remove\", str);\n\n\t\t\treturn this;\n\t\t}\n };\n \n box.fn.init.prototype = box.fn;\n \n window.box =box;\n})();\n\nvar testBox = box();\ntestBox.add(\"jQuery\").remove(\"jQuery\");
\n\nHTML 代码 HTML codes
<!DOCTYPE html>\n<html>\n <head>\n <mate charest=\"utf-8\" />\n <meta name=\"keywords\" content=\"Editor.md, Markdown, Editor\" />\n <title>Hello world!</title>\n <style type=\"text/css\">\n body{font-size:14px;color:#444;font-family: \"Microsoft Yahei\", Tahoma, \"Hiragino Sans GB\", Arial;background:#fff;}\n ul{list-style: none;}\n img{border:none;vertical-align: middle;}\n </style>\n </head>\n <body>\n <h1 class=\"text-xxl\">Hello world!</h1>\n <p class=\"text-green\">Plain text</p>\n </body>\n</html>
\n\n图片 Images
Image:
\n
\n\nFollow your heart.
\n
\n
\n\n图为：厦门白城沙滩
\n
\n图片加链接 (Image + Link)：
\n
\n\n图为：李健首张专辑《似水流年》封面
\n
\n
\n列表 Lists
无序列表（减号）Unordered Lists (-)
\n- 列表一
\n- 列表二
\n- 列表三
\n
\n无序列表（星号）Unordered Lists (*)
\n- 列表一
\n- 列表二
\n- 列表三
\n
\n无序列表（加号和嵌套）Unordered Lists (+)
\n- 列表一
\n- 列表二
\n- 列表二-1
\n- 列表二-2
\n- 列表二-3
\n
\n \n- 列表三
\n- 列表一
\n- 列表二
\n- 列表三
\n
\n \n
\n有序列表 Ordered Lists (-)
\n- 第一行
\n- 第二行
\n- 第三行
\n
\nGFM task list
\n- GFM task list 1
\n- GFM task list 2
\n- GFM task list 3
\n- GFM task list 3-1
\n- GFM task list 3-2
\n- GFM task list 3-3
\n
\n \n- GFM task list 4
\n- GFM task list 4-1
\n- GFM task list 4-2
\n
\n \n
\n
\n绘制表格 Tables
\n\n\n项目 \n价格 \n数量 \n \n\n\n计算机 \n$1600 \n5 \n \n\n手机 \n$12 \n12 \n \n\n管线 \n$1 \n234 \n \n
\n\n\n\nFirst Header \nSecond Header \n \n\n\nContent Cell \nContent Cell \n \n\nContent Cell \nContent Cell \n \n
\n\n\n\nFirst Header \nSecond Header \n \n\n\nContent Cell \nContent Cell \n \n\nContent Cell \nContent Cell \n \n
\n\n\n\nFunction name \nDescription \n \n\n\nhelp()Display the help window. \n \n\ndestroy()Destroy your computer! \n \n
\n\n\n\nLeft-Aligned \nCenter Aligned \nRight Aligned \n \n\n\ncol 3 is \nsome wordy text \n$1600 \n \n\ncol 2 is \ncentered \n$12 \n \n\nzebra stripes \nare neat \n$1 \n \n
\n\n\n\nItem \nValue \n \n\n\nComputer \n$1600 \n \n\nPhone \n$12 \n \n\nPipe \n$1 \n \n
\n
\n特殊符号 HTML Entities Codes
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
\nX² Y³ ¾ ¼ × ÷ »
\n18ºC " '
\n[========]
\nEmoji表情 :smiley:
\nBlockquotes :star:
\n
\nGFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:
\n- :smiley: @mentions, :smiley: #refs, links, formatting, and
tags supported :editormd-logo:; \n- list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
\n- [ ] :smiley: this is a complete item :smiley:;
\n- []this is an incomplete item test link :fa-star: @pandao;
\n- [ ]this is an incomplete item :fa-star: :fa-gear:;\n
\n
\n反斜杠 Escape
*literal asterisks*
\n[========]
\n科学公式 TeX(KaTeX)
$$E=mc^2$$
\n行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。
\n$$x > y$$
\n$$(\\sqrt{3x-1}+(1+x)^2)$$
\n$$\\sin(\\alpha)^{\\theta}=\\sum_{i=0}^{n}(x^i + \\cos(f))$$
\n绘制流程图 mermaid
\n graph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n \nEnd
"},{"title":"Linear 入门","top":2,"status":"doing","_content":"\n# Hexo 安装主题\n\n`Hexo` 主题的安装方式非常简单，只需将主题 `Hexo-theme-linear` 复制目录的 `themes` 目录下，然后在 `Hexo` 的 `_config.yml` 中修改下主题配置即可\n\n```yml\n# 找到 theme 配置项\ntheme: Hexo-theme-linear\n```\n\n## 获取 Linear\n\n- 进入 [Linear 代码仓库](https://github.com/17px/hexo-theme-linear/tree/main)，了解最新的主题开发进度\n- 在 [发布页面](https://github.com/17px/hexo-theme-linear/releases) 下载 `hexo-theme-linear.zip`\n- 解压至站点的 `themes` 目录下\n- 在 Hexo 的 `_config.yml` 中启用\n\n# hexo配置\n\n在 `Hexo` 的 `_config.yml` 中调整\n\n## 基础配置\n\n```yml\n# 网页标题\ntitle: 17px blog\n# 侧边栏顶部显示\nsubtitle: \"Mozzie\"\n# 用于SEO的html元描述\ndescription: \"\"\n# 用于SEO的html关键字\nkeywords:\n# 文章版权声明显示作者名称\nauthor: Mozzie\n\n# 在此处设置您的网站url\nurl: https://mozzie.cn\n```\n\n## 语言\n\n你可以在 `hexo-theme-linear/languages` 中找到不同的语言文件，如果想切换语言，在配置文件中，填入 `yml` 的文件名\n\n```yml\nlanguage: en\n```\n\n## 文章语法高亮\n\n关闭hexo默认的highlight.js语法高亮\n\n```yml\nhighlight:\n enable: false\n line_number: true\n auto_detect: false\n tab_replace: \"\"\n wrap: true\n hljs: false\n\nprismjs:\n enable: true\n preprocess: true\n line_number: true\n line_threshold: 0\n tab_replace: \"\"\n```\n\n# Linear主题配置\n\n下面的配置基于 `Hexo-theme-linear` 下的 `_config.yml` \n\n## 文章分类图标\n\n按照顺序，依次设置 `svg` 图标，可以在 [xicon](https://www.xicons.org/) 方面的获取丰富的图标\n\n```yml\npostCategoryIcons:\n - \n - \n - \n```\n\n## 网站图标 favicon\n\n- 支持 `svg`\n- 支持 `图片url`，如：`/img/favicon.png`\n\n```yml\nfavicon: ''\n```\n\n## ICP备案号\n\n😁 如不需要备案号，可直接删除\n\n```yml\nicp: 苏ICP备xxxxxxx号-x\n```\n\n## 首页底部文字\n\n😁 如不需要，可直接删除，或者改为 `false` \n\n```yml\nmotto: false\n```\n\n## 文章版权申明\n\n默认开启，当 `enable: false`，默认关闭\n\n```yml\npostCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/\n```\n\n## katex 数学公式\n\n可自行配置 `cdn`\n\n```yml\nkatex:\n enable: true\n jsCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js\n cssCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css\n```\n\n## mermaid 流程图\n\n在撰写时，请使用 `{% mermaid %}` 和 `{% endmermaid %}` 包裹\n\n```markdown\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}\n```\n\n相应配置如下\n\n```yml\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js\n```\n\n## valine 文章评论\n\n首先需要注册 `LeanCloud` 国际区用户，创建数据库\n\n请根据相关地区法规，酌情\n\n```yml\nvaline:\n enable: true\n # 替换\n appId: appId\n # 替换\n appKey: appKey\n avatar: monsterid\n cdn: //unpkg.com/valine@latest/dist/Valine.min.js\n # 替换\n serverURLs: //xxxxxxxx.api.lncldglobal.com\n```\n\n# algolia搜索\n\n博客自带的本地搜索，基于前端开发，存在或多或少的问题，建议换成 `algolia`，免费账户 总共有 `10,000` 条记录，每月有 `100,000` 的操作数\n\n## 注册 & 获取 Key\n\n1. 创建一个新的 `Index`，例如 `hex-blog`\n\n2. 复制并保存：\n - Application ID\n - Search-Only API Key\n - Admin API Key\n - Usage API Key\n\n[API Keys](/img/algolia-api-keys.png)\n\n3. 替换配置\n\n在 `Hexo` 的 `_config.yml` 中加入\n\n```yml\nalgolia:\n # 替换\n appId: Application ID\n # 替换\n apiKey: Usage API Key\n # 请勿泄露，用于上报，替换\n adminApiKey: Admin API Key\n # 替换\n SearchOnlyAPIKey: Search-Only API Key\n chunkSize: 5000\n # 替换\n indexName: hex-blog\n fields:\n - content:strip\n - categories\n - date\n - permalink\n - slug\n - tags\n - title\n```\n\n## 安装 hexo-algoliasearch\n\n这是 Hexo 博客帖子索引插件，自动化提交索引到 Algolia\n\n> 如出遇到问题，可阅读 [hexo-algoliasearch 仓库](https://www.npmjs.com/package/hexo-algoliasearch) 最新说明\n\n安装命令：\n\n```bash\nnpm install hexo-algoliasearch --save\n```\n\n## 使用 algolia\n\n在每次博客发布之前，进行索引上传的操作，命令通常如下\n\n```bash\nhexo clean\nhexo generate\nhexo algolia\n``` \n\n\n# 🇨🇳 和风天气 Widget\n\nLinear 主要针对国内用户，在首页集成了和风天气的卡片，通过 [和风天气开发服务](https://dev.qweather.com/docs/start/) 注册\n\n注册完成后，在配置中填入你的 `appKey` 和 `cityCode(城市代码)`\n\n```yml\nweather:\n enable: true\n # 替换\n cityCode: cityCode\n appKey: appKey\n```\n\n其中 `cityCode` 可以在 [官方的地区列表仓库](https://github.com/qwd/LocationList) 中的 `China-City-List-latest.csv` 找到你所在城市的 `cityCode`\n","source":"_posts/Linear 入门.md","raw":"---\ntitle: Linear 入门\ntop: 2\ncategories:\n - Hexo\nstatus: doing\n---\n\n# Hexo 安装主题\n\n`Hexo` 主题的安装方式非常简单，只需将主题 `Hexo-theme-linear` 复制目录的 `themes` 目录下，然后在 `Hexo` 的 `_config.yml` 中修改下主题配置即可\n\n```yml\n# 找到 theme 配置项\ntheme: Hexo-theme-linear\n```\n\n## 获取 Linear\n\n- 进入 [Linear 代码仓库](https://github.com/17px/hexo-theme-linear/tree/main)，了解最新的主题开发进度\n- 在 [发布页面](https://github.com/17px/hexo-theme-linear/releases) 下载 `hexo-theme-linear.zip`\n- 解压至站点的 `themes` 目录下\n- 在 Hexo 的 `_config.yml` 中启用\n\n# hexo配置\n\n在 `Hexo` 的 `_config.yml` 中调整\n\n## 基础配置\n\n```yml\n# 网页标题\ntitle: 17px blog\n# 侧边栏顶部显示\nsubtitle: \"Mozzie\"\n# 用于SEO的html元描述\ndescription: \"\"\n# 用于SEO的html关键字\nkeywords:\n# 文章版权声明显示作者名称\nauthor: Mozzie\n\n# 在此处设置您的网站url\nurl: https://mozzie.cn\n```\n\n## 语言\n\n你可以在 `hexo-theme-linear/languages` 中找到不同的语言文件，如果想切换语言，在配置文件中，填入 `yml` 的文件名\n\n```yml\nlanguage: en\n```\n\n## 文章语法高亮\n\n关闭hexo默认的highlight.js语法高亮\n\n```yml\nhighlight:\n enable: false\n line_number: true\n auto_detect: false\n tab_replace: \"\"\n wrap: true\n hljs: false\n\nprismjs:\n enable: true\n preprocess: true\n line_number: true\n line_threshold: 0\n tab_replace: \"\"\n```\n\n# Linear主题配置\n\n下面的配置基于 `Hexo-theme-linear` 下的 `_config.yml` \n\n## 文章分类图标\n\n按照顺序，依次设置 `svg` 图标，可以在 [xicon](https://www.xicons.org/) 方面的获取丰富的图标\n\n```yml\npostCategoryIcons:\n - \n - \n - \n```\n\n## 网站图标 favicon\n\n- 支持 `svg`\n- 支持 `图片url`，如：`/img/favicon.png`\n\n```yml\nfavicon: ''\n```\n\n## ICP备案号\n\n😁 如不需要备案号，可直接删除\n\n```yml\nicp: 苏ICP备xxxxxxx号-x\n```\n\n## 首页底部文字\n\n😁 如不需要，可直接删除，或者改为 `false` \n\n```yml\nmotto: false\n```\n\n## 文章版权申明\n\n默认开启，当 `enable: false`，默认关闭\n\n```yml\npostCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/\n```\n\n## katex 数学公式\n\n可自行配置 `cdn`\n\n```yml\nkatex:\n enable: true\n jsCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js\n cssCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css\n```\n\n## mermaid 流程图\n\n在撰写时，请使用 `{% mermaid %}` 和 `{% endmermaid %}` 包裹\n\n```markdown\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}\n```\n\n相应配置如下\n\n```yml\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js\n```\n\n## valine 文章评论\n\n首先需要注册 `LeanCloud` 国际区用户，创建数据库\n\n请根据相关地区法规，酌情\n\n```yml\nvaline:\n enable: true\n # 替换\n appId: appId\n # 替换\n appKey: appKey\n avatar: monsterid\n cdn: //unpkg.com/valine@latest/dist/Valine.min.js\n # 替换\n serverURLs: //xxxxxxxx.api.lncldglobal.com\n```\n\n# algolia搜索\n\n博客自带的本地搜索，基于前端开发，存在或多或少的问题，建议换成 `algolia`，免费账户 总共有 `10,000` 条记录，每月有 `100,000` 的操作数\n\n## 注册 & 获取 Key\n\n1. 创建一个新的 `Index`，例如 `hex-blog`\n\n2. 复制并保存：\n - Application ID\n - Search-Only API Key\n - Admin API Key\n - Usage API Key\n\n[API Keys](/img/algolia-api-keys.png)\n\n3. 替换配置\n\n在 `Hexo` 的 `_config.yml` 中加入\n\n```yml\nalgolia:\n # 替换\n appId: Application ID\n # 替换\n apiKey: Usage API Key\n # 请勿泄露，用于上报，替换\n adminApiKey: Admin API Key\n # 替换\n SearchOnlyAPIKey: Search-Only API Key\n chunkSize: 5000\n # 替换\n indexName: hex-blog\n fields:\n - content:strip\n - categories\n - date\n - permalink\n - slug\n - tags\n - title\n```\n\n## 安装 hexo-algoliasearch\n\n这是 Hexo 博客帖子索引插件，自动化提交索引到 Algolia\n\n> 如出遇到问题，可阅读 [hexo-algoliasearch 仓库](https://www.npmjs.com/package/hexo-algoliasearch) 最新说明\n\n安装命令：\n\n```bash\nnpm install hexo-algoliasearch --save\n```\n\n## 使用 algolia\n\n在每次博客发布之前，进行索引上传的操作，命令通常如下\n\n```bash\nhexo clean\nhexo generate\nhexo algolia\n``` \n\n\n# 🇨🇳 和风天气 Widget\n\nLinear 主要针对国内用户，在首页集成了和风天气的卡片，通过 [和风天气开发服务](https://dev.qweather.com/docs/start/) 注册\n\n注册完成后，在配置中填入你的 `appKey` 和 `cityCode(城市代码)`\n\n```yml\nweather:\n enable: true\n # 替换\n cityCode: cityCode\n appKey: appKey\n```\n\n其中 `cityCode` 可以在 [官方的地区列表仓库](https://github.com/qwd/LocationList) 中的 `China-City-List-latest.csv` 找到你所在城市的 `cityCode`\n","slug":"Linear 入门","published":1,"date":"2023-10-20T05:54:35.768Z","updated":"2023-10-20T05:56:36.931Z","comments":1,"layout":"post","photos":[],"link":"","_id":"clny9q3hr0001dyz383kvb18i","content":"Hexo 安装主题
Hexo 主题的安装方式非常简单，只需将主题 Hexo-theme-linear 复制目录的 themes 目录下，然后在 Hexo 的 _config.yml 中修改下主题配置即可
\n# 找到 theme 配置项\ntheme: Hexo-theme-linear
\n\n获取 Linear
\n- 进入 Linear 代码仓库，了解最新的主题开发进度
\n- 在 发布页面 下载
hexo-theme-linear.zip \n- 解压至站点的
themes 目录下 \n- 在 Hexo 的
_config.yml 中启用 \n
\nhexo配置
在 Hexo 的 _config.yml 中调整
\n基础配置
# 网页标题\ntitle: 17px blog\n# 侧边栏顶部显示\nsubtitle: \"Mozzie\"\n# 用于SEO的html元描述\ndescription: \"\"\n# 用于SEO的html关键字\nkeywords:\n# 文章版权声明显示作者名称\nauthor: Mozzie\n\n# 在此处设置您的网站url\nurl: https://mozzie.cn
\n\n语言
你可以在 hexo-theme-linear/languages 中找到不同的语言文件，如果想切换语言，在配置文件中，填入 yml 的文件名
\nlanguage: en
\n\n文章语法高亮
关闭hexo默认的highlight.js语法高亮
\nhighlight:\n enable: false\n line_number: true\n auto_detect: false\n tab_replace: \"\"\n wrap: true\n hljs: false\n\nprismjs:\n enable: true\n preprocess: true\n line_number: true\n line_threshold: 0\n tab_replace: \"\"
\n\nLinear主题配置
下面的配置基于 Hexo-theme-linear 下的 _config.yml
\n文章分类图标
按照顺序，依次设置 svg 图标，可以在 xicon 方面的获取丰富的图标
\npostCategoryIcons:\n - <svg>...</svg>\n - <svg>...</svg>\n - <svg>...</svg>
\n\n网站图标 favicon
\n- 支持
svg \n- 支持
图片url，如：/img/favicon.png \n
\nfavicon: ''
\n\nICP备案号
😁 如不需要备案号，可直接删除
\nicp: 苏ICP备xxxxxxx号-x
\n\n首页底部文字
😁 如不需要，可直接删除，或者改为 false
\nmotto: false
\n\n文章版权申明
默认开启，当 enable: false，默认关闭
\npostCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/
\n\nkatex 数学公式
可自行配置 cdn
\nkatex:\n enable: true\n jsCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js\n cssCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css
\n\nmermaid 流程图
在撰写时，请使用 {% mermaid %}` 和 `{% endmermaid %} 包裹
\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}
\n\n相应配置如下
\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js
\n\nvaline 文章评论
首先需要注册 LeanCloud 国际区用户，创建数据库
\n请根据相关地区法规，酌情
\nvaline:\n enable: true\n # 替换\n appId: appId\n # 替换\n appKey: appKey\n avatar: monsterid\n cdn: //unpkg.com/valine@latest/dist/Valine.min.js\n # 替换\n serverURLs: //xxxxxxxx.api.lncldglobal.com
\n\nalgolia搜索
博客自带的本地搜索，基于前端开发，存在或多或少的问题，建议换成 algolia，免费账户 总共有 10,000 条记录，每月有 100,000 的操作数
\n注册 & 获取 Key
\n创建一个新的 Index，例如 hex-blog
\n复制并保存：
\n
\n\n- Application ID
\n- Search-Only API Key
\n- Admin API Key
\n- Usage API Key
\n
\n\n\n- 替换配置
\n
\n在 Hexo 的 _config.yml 中加入
\nalgolia:\n # 替换\n appId: Application ID\n # 替换\n apiKey: Usage API Key\n # 请勿泄露，用于上报，替换\n adminApiKey: Admin API Key\n # 替换\n SearchOnlyAPIKey: Search-Only API Key\n chunkSize: 5000\n # 替换\n indexName: hex-blog\n fields:\n - content:strip\n - categories\n - date\n - permalink\n - slug\n - tags\n - title
\n\n安装 hexo-algoliasearch
这是 Hexo 博客帖子索引插件，自动化提交索引到 Algolia
\n\n如出遇到问题，可阅读 hexo-algoliasearch 仓库 最新说明
\n
\n安装命令：
\nnpm install hexo-algoliasearch --save
\n\n使用 algolia
在每次博客发布之前，进行索引上传的操作，命令通常如下
\nhexo clean\nhexo generate\nhexo algolia
\n\n\n🇨🇳 和风天气 Widget
Linear 主要针对国内用户，在首页集成了和风天气的卡片，通过 和风天气开发服务 注册
\n注册完成后，在配置中填入你的 appKey 和 cityCode(城市代码)
\nweather:\n enable: true\n # 替换\n cityCode: cityCode\n appKey: appKey
\n\n其中 cityCode 可以在 官方的地区列表仓库 中的 China-City-List-latest.csv 找到你所在城市的 cityCode
\n","site":{"data":{}},"excerpt":"","more":"Hexo 安装主题
Hexo 主题的安装方式非常简单，只需将主题 Hexo-theme-linear 复制目录的 themes 目录下，然后在 Hexo 的 _config.yml 中修改下主题配置即可
\n# 找到 theme 配置项\ntheme: Hexo-theme-linear
\n\n获取 Linear
\n- 进入 Linear 代码仓库，了解最新的主题开发进度
\n- 在 发布页面 下载
hexo-theme-linear.zip \n- 解压至站点的
themes 目录下 \n- 在 Hexo 的
_config.yml 中启用 \n
\nhexo配置
在 Hexo 的 _config.yml 中调整
\n基础配置
# 网页标题\ntitle: 17px blog\n# 侧边栏顶部显示\nsubtitle: \"Mozzie\"\n# 用于SEO的html元描述\ndescription: \"\"\n# 用于SEO的html关键字\nkeywords:\n# 文章版权声明显示作者名称\nauthor: Mozzie\n\n# 在此处设置您的网站url\nurl: https://mozzie.cn
\n\n语言
你可以在 hexo-theme-linear/languages 中找到不同的语言文件，如果想切换语言，在配置文件中，填入 yml 的文件名
\nlanguage: en
\n\n文章语法高亮
关闭hexo默认的highlight.js语法高亮
\nhighlight:\n enable: false\n line_number: true\n auto_detect: false\n tab_replace: \"\"\n wrap: true\n hljs: false\n\nprismjs:\n enable: true\n preprocess: true\n line_number: true\n line_threshold: 0\n tab_replace: \"\"
\n\nLinear主题配置
下面的配置基于 Hexo-theme-linear 下的 _config.yml
\n文章分类图标
按照顺序，依次设置 svg 图标，可以在 xicon 方面的获取丰富的图标
\npostCategoryIcons:\n - <svg>...</svg>\n - <svg>...</svg>\n - <svg>...</svg>
\n\n网站图标 favicon
\n- 支持
svg \n- 支持
图片url，如：/img/favicon.png \n
\nfavicon: ''
\n\nICP备案号
😁 如不需要备案号，可直接删除
\nicp: 苏ICP备xxxxxxx号-x
\n\n首页底部文字
😁 如不需要，可直接删除，或者改为 false
\nmotto: false
\n\n文章版权申明
默认开启，当 enable: false，默认关闭
\npostCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/
\n\nkatex 数学公式
可自行配置 cdn
\nkatex:\n enable: true\n jsCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js\n cssCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css
\n\nmermaid 流程图
在撰写时，请使用 {% mermaid %}` 和 `{% endmermaid %} 包裹
\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}
\n\n相应配置如下
\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js
\n\nvaline 文章评论
首先需要注册 LeanCloud 国际区用户，创建数据库
\n请根据相关地区法规，酌情
\nvaline:\n enable: true\n # 替换\n appId: appId\n # 替换\n appKey: appKey\n avatar: monsterid\n cdn: //unpkg.com/valine@latest/dist/Valine.min.js\n # 替换\n serverURLs: //xxxxxxxx.api.lncldglobal.com
\n\nalgolia搜索
博客自带的本地搜索，基于前端开发，存在或多或少的问题，建议换成 algolia，免费账户 总共有 10,000 条记录，每月有 100,000 的操作数
\n注册 & 获取 Key
\n创建一个新的 Index，例如 hex-blog
\n复制并保存：
\n
\n\n- Application ID
\n- Search-Only API Key
\n- Admin API Key
\n- Usage API Key
\n
\n\n\n- 替换配置
\n
\n在 Hexo 的 _config.yml 中加入
\nalgolia:\n # 替换\n appId: Application ID\n # 替换\n apiKey: Usage API Key\n # 请勿泄露，用于上报，替换\n adminApiKey: Admin API Key\n # 替换\n SearchOnlyAPIKey: Search-Only API Key\n chunkSize: 5000\n # 替换\n indexName: hex-blog\n fields:\n - content:strip\n - categories\n - date\n - permalink\n - slug\n - tags\n - title
\n\n安装 hexo-algoliasearch
这是 Hexo 博客帖子索引插件，自动化提交索引到 Algolia
\n\n如出遇到问题，可阅读 hexo-algoliasearch 仓库 最新说明
\n
\n安装命令：
\nnpm install hexo-algoliasearch --save
\n\n使用 algolia
在每次博客发布之前，进行索引上传的操作，命令通常如下
\nhexo clean\nhexo generate\nhexo algolia
\n\n\n🇨🇳 和风天气 Widget
Linear 主要针对国内用户，在首页集成了和风天气的卡片，通过 和风天气开发服务 注册
\n注册完成后，在配置中填入你的 appKey 和 cityCode(城市代码)
\nweather:\n enable: true\n # 替换\n cityCode: cityCode\n appKey: appKey
\n\n其中 cityCode 可以在 官方的地区列表仓库 中的 China-City-List-latest.csv 找到你所在城市的 cityCode
\n"},{"title":"Linear Starter Guide","top":1,"status":"doing","_content":"\n[🇨🇳 中文文档](https://mozzie.cn/2023/10/20/Linear%20%E5%85%A5%E9%97%A8/)\n\n\n# Hexo Installation\n\nInstalling a `Hexo` theme is straightforward. Simply copy the `Hexo-theme-linear` directory to the `themes` directory, and then modify the theme configuration in `Hexo`'s `_config.yml`.\n\n\n```yml\n# Locate the theme setting\ntheme: hexo-theme-linear\n```\n\n## Acquiring Linear\n\n- Visit [Linear's code repository](https://github.com/17px/hexo-theme-linear/tree/main) to stay updated on the latest theme developments.\n- Download `hexo-theme-linear.zip` from the [releases page](https://github.com/17px/hexo-theme-linear/releases).\n- Extract it into your site's `themes` directory.\n- Enable it in Hexo's `_config.yml`.\n\n# Hexo Configuration\n\nAdjust settings in `Hexo`'s `_config.yml`.\n\n## Basic Configuration\n\n```yml\n# Website title\ntitle: 17px blog\n# Sidebar header\nsubtitle: \"Mozzie\"\n# HTML meta description for SEO\ndescription: \"\"\n# HTML meta keywords for SEO\nkeywords:\n# Copyright text displaying author's name\nauthor: Mozzie\n\n# Set your website URL here\nurl: https://mozzie.cn\n```\n\n## Language Switch\n\nYou can find different language files in `hex theme liner/languages`. If you want to switch languages, fill in the file name of `yml` in the `_config.yml` file\n\n```yml\nlanguage: en\n```\n\n## Code Highlighting\n\nDisable Hexo's default highlight.js syntax highlighting.\n\n```yml\nhighlight:\n enable: false\n line_number: true\n auto_detect: false\n tab_replace: \"\"\n wrap: true\n hljs: false\n\nprismjs:\n enable: true\n preprocess: true\n line_number: true\n line_threshold: 0\n tab_replace: \"\"\n```\n\n# Linear Theme Configuration\n\n💡 The following settings are based on the `_config.yml` under `hexo-theme-linear`.\n\n## Post Category Icons\n\nIn sequence, set the `svg` icons. You can get a wide variety of icons at [xicon](https://www.xicons.org/).\n\n```yml\npostCategoryIcons:\n - \n - \n - \n```\n\n## Website Favicon\n\n- Supports `svg`\n- Supports `image URL`, e.g., `/img/favicon.png`\n\n```yml\nfavicon: ''\n```\n\n## ICP Number 🇨🇳\n\n😁 If not required, can be directly deleted.\n\n```yml\nicp: 苏ICP备xxxxxxx号-x\n```\n\n## Footer Text on Homepage 🇨🇳\n\n😁 If not required, can be directly deleted or set to `false`.\n\n```yml\nmotto: false\n```\n\n## Post Copyright Statement\n\nEnabled by default. When `enable: false`, it is disabled by default.\n\n```yml\npostCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/\n```\n\n## Katex Mathematical Formulas\n\nYou can configure the CDN yourself.\n\n```yml\nkatex:\n enable: true\n jsCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js\n cssCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css\n```\n\n## Mermaid Flowcharts\n\nTo draft flowchart syntax, use `{% mermaid %}` and `{% endmermaid %}` as wrappers.\n\n```markdown\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}\n```\n\nCorresponding configurations are as follows:\n\n```yml\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js\n```\n\n## Valine Comments\n\nFirst, register as a `LeanCloud` international user and create a database.\n\nPlease proceed in accordance with relevant regional regulations.\n\n```yml\nvaline:\n enable: true\n # 替换\n appId: appId\n # 替换\n appKey: appKey\n avatar: monsterid\n cdn: //unpkg.com/valine@latest/dist/Valine.min.js\n # 替换\n serverURLs: //xxxxxxxx.api.lncldglobal.com\n```\n\n# Algolia Search\n\nThe blog comes with built-in local search, based on frontend development, which may have some issues. It's recommended to switch to `Algolia`. The free account has a total of 10,000 records and 100,000 operations per month.\n\n## Register & Acquire Key\n\n1. Create a new `Index`, for example, `hex-blog`\n\n2. Copy and save:\n - Application ID\n - Search-Only API Key\n - Admin API Key\n - Usage API Key\n\n[API Keys](/img/algolia-api-keys.png)\n\n3. Replace configurations\n\nAdd the following to Hexo's `_config.yml`\n\n```yml\nalgolia:\n # Replace\n appId: Application ID\n # Replace\n apiKey: Usage API Key\n # Do not disclose, used for reporting, replace\n adminApiKey: Admin API Key\n # Replace\n SearchOnlyAPIKey: Search-Only API Key\n chunkSize: 5000\n # Replace\n indexName: hex-blog\n fields:\n - content:strip\n - categories\n - date\n - permalink\n - slug\n - tags\n - title\n```\n\n## Install hexo-algoliasearch\n\nThis is a Hexo blog post index plugin that automates the submission of indexes to Algolia.\n\n> If you encounter any problems, you can read the [hexo-algoliasearch repository](https://www.npmjs.com/package/hexo-algoliasearch) for the latest instructions.\n\nInstallation command:\n\n```bash\nnpm install hexo-algoliasearch --save\n```\n\n## Using Algolia\n\nBefore publishing each blog post, carry out index uploading operations. The usual commands are as follows:\n\n```bash\nhexo clean\nhexo generate\nhexo algolia\n``` \n\n\n# QWeather Widget 🇨🇳\n\nLinear mainly targets domestic users and integrates QWeather cards on the homepage. Register via [QWeather Developer Service](https://dev.qweather.com/docs/start/).\n\nAfter registering, fill in your `appKey` and `cityCode` in the configuration.\n\n```yml\nweather:\n enable: true\n # Replace\n cityCode: cityCode\n appKey: appKey\n```\n\nYou can find your city's `cityCode` in the official region list repository's `China-City-List-latest.csv`.\n","source":"_posts/Linear-Starter-Guide.md","raw":"---\ntitle: Linear Starter Guide\ntop: 1\ncategories:\n - Hexo\nstatus: doing\n---\n\n[🇨🇳 中文文档](https://mozzie.cn/2023/10/20/Linear%20%E5%85%A5%E9%97%A8/)\n\n\n# Hexo Installation\n\nInstalling a `Hexo` theme is straightforward. Simply copy the `Hexo-theme-linear` directory to the `themes` directory, and then modify the theme configuration in `Hexo`'s `_config.yml`.\n\n\n```yml\n# Locate the theme setting\ntheme: hexo-theme-linear\n```\n\n## Acquiring Linear\n\n- Visit [Linear's code repository](https://github.com/17px/hexo-theme-linear/tree/main) to stay updated on the latest theme developments.\n- Download `hexo-theme-linear.zip` from the [releases page](https://github.com/17px/hexo-theme-linear/releases).\n- Extract it into your site's `themes` directory.\n- Enable it in Hexo's `_config.yml`.\n\n# Hexo Configuration\n\nAdjust settings in `Hexo`'s `_config.yml`.\n\n## Basic Configuration\n\n```yml\n# Website title\ntitle: 17px blog\n# Sidebar header\nsubtitle: \"Mozzie\"\n# HTML meta description for SEO\ndescription: \"\"\n# HTML meta keywords for SEO\nkeywords:\n# Copyright text displaying author's name\nauthor: Mozzie\n\n# Set your website URL here\nurl: https://mozzie.cn\n```\n\n## Language Switch\n\nYou can find different language files in `hex theme liner/languages`. If you want to switch languages, fill in the file name of `yml` in the `_config.yml` file\n\n```yml\nlanguage: en\n```\n\n## Code Highlighting\n\nDisable Hexo's default highlight.js syntax highlighting.\n\n```yml\nhighlight:\n enable: false\n line_number: true\n auto_detect: false\n tab_replace: \"\"\n wrap: true\n hljs: false\n\nprismjs:\n enable: true\n preprocess: true\n line_number: true\n line_threshold: 0\n tab_replace: \"\"\n```\n\n# Linear Theme Configuration\n\n💡 The following settings are based on the `_config.yml` under `hexo-theme-linear`.\n\n## Post Category Icons\n\nIn sequence, set the `svg` icons. You can get a wide variety of icons at [xicon](https://www.xicons.org/).\n\n```yml\npostCategoryIcons:\n - \n - \n - \n```\n\n## Website Favicon\n\n- Supports `svg`\n- Supports `image URL`, e.g., `/img/favicon.png`\n\n```yml\nfavicon: ''\n```\n\n## ICP Number 🇨🇳\n\n😁 If not required, can be directly deleted.\n\n```yml\nicp: 苏ICP备xxxxxxx号-x\n```\n\n## Footer Text on Homepage 🇨🇳\n\n😁 If not required, can be directly deleted or set to `false`.\n\n```yml\nmotto: false\n```\n\n## Post Copyright Statement\n\nEnabled by default. When `enable: false`, it is disabled by default.\n\n```yml\npostCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/\n```\n\n## Katex Mathematical Formulas\n\nYou can configure the CDN yourself.\n\n```yml\nkatex:\n enable: true\n jsCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js\n cssCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css\n```\n\n## Mermaid Flowcharts\n\nTo draft flowchart syntax, use `{% mermaid %}` and `{% endmermaid %}` as wrappers.\n\n```markdown\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}\n```\n\nCorresponding configurations are as follows:\n\n```yml\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js\n```\n\n## Valine Comments\n\nFirst, register as a `LeanCloud` international user and create a database.\n\nPlease proceed in accordance with relevant regional regulations.\n\n```yml\nvaline:\n enable: true\n # 替换\n appId: appId\n # 替换\n appKey: appKey\n avatar: monsterid\n cdn: //unpkg.com/valine@latest/dist/Valine.min.js\n # 替换\n serverURLs: //xxxxxxxx.api.lncldglobal.com\n```\n\n# Algolia Search\n\nThe blog comes with built-in local search, based on frontend development, which may have some issues. It's recommended to switch to `Algolia`. The free account has a total of 10,000 records and 100,000 operations per month.\n\n## Register & Acquire Key\n\n1. Create a new `Index`, for example, `hex-blog`\n\n2. Copy and save:\n - Application ID\n - Search-Only API Key\n - Admin API Key\n - Usage API Key\n\n[API Keys](/img/algolia-api-keys.png)\n\n3. Replace configurations\n\nAdd the following to Hexo's `_config.yml`\n\n```yml\nalgolia:\n # Replace\n appId: Application ID\n # Replace\n apiKey: Usage API Key\n # Do not disclose, used for reporting, replace\n adminApiKey: Admin API Key\n # Replace\n SearchOnlyAPIKey: Search-Only API Key\n chunkSize: 5000\n # Replace\n indexName: hex-blog\n fields:\n - content:strip\n - categories\n - date\n - permalink\n - slug\n - tags\n - title\n```\n\n## Install hexo-algoliasearch\n\nThis is a Hexo blog post index plugin that automates the submission of indexes to Algolia.\n\n> If you encounter any problems, you can read the [hexo-algoliasearch repository](https://www.npmjs.com/package/hexo-algoliasearch) for the latest instructions.\n\nInstallation command:\n\n```bash\nnpm install hexo-algoliasearch --save\n```\n\n## Using Algolia\n\nBefore publishing each blog post, carry out index uploading operations. The usual commands are as follows:\n\n```bash\nhexo clean\nhexo generate\nhexo algolia\n``` \n\n\n# QWeather Widget 🇨🇳\n\nLinear mainly targets domestic users and integrates QWeather cards on the homepage. Register via [QWeather Developer Service](https://dev.qweather.com/docs/start/).\n\nAfter registering, fill in your `appKey` and `cityCode` in the configuration.\n\n```yml\nweather:\n enable: true\n # Replace\n cityCode: cityCode\n appKey: appKey\n```\n\nYou can find your city's `cityCode` in the official region list repository's `China-City-List-latest.csv`.\n","slug":"Linear-Starter-Guide","published":1,"date":"2023-10-20T01:05:56.355Z","updated":"2023-10-20T07:06:56.767Z","comments":1,"layout":"post","photos":[],"link":"","_id":"clny9q3hs0003dyz353ce7ooc","content":"\nHexo Installation
Installing a Hexo theme is straightforward. Simply copy the Hexo-theme-linear directory to the themes directory, and then modify the theme configuration in Hexo‘s _config.yml.
\n# Locate the theme setting\ntheme: hexo-theme-linear
\n\nAcquiring Linear
\n- Visit Linear’s code repository to stay updated on the latest theme developments.
\n- Download
hexo-theme-linear.zip from the releases page. \n- Extract it into your site’s
themes directory. \n- Enable it in Hexo’s
_config.yml. \n
\nHexo Configuration
Adjust settings in Hexo‘s _config.yml.
\nBasic Configuration
# Website title\ntitle: 17px blog\n# Sidebar header\nsubtitle: \"Mozzie\"\n# HTML meta description for SEO\ndescription: \"\"\n# HTML meta keywords for SEO\nkeywords:\n# Copyright text displaying author's name\nauthor: Mozzie\n\n# Set your website URL here\nurl: https://mozzie.cn
\n\nLanguage Switch
You can find different language files in hex theme liner/languages. If you want to switch languages, fill in the file name of yml in the _config.yml file
\nlanguage: en
\n\nCode Highlighting
Disable Hexo’s default highlight.js syntax highlighting.
\nhighlight:\n enable: false\n line_number: true\n auto_detect: false\n tab_replace: \"\"\n wrap: true\n hljs: false\n\nprismjs:\n enable: true\n preprocess: true\n line_number: true\n line_threshold: 0\n tab_replace: \"\"
\n\nLinear Theme Configuration
💡 The following settings are based on the _config.yml under hexo-theme-linear.
\nPost Category Icons
In sequence, set the svg icons. You can get a wide variety of icons at xicon.
\npostCategoryIcons:\n - <svg>...</svg>\n - <svg>...</svg>\n - <svg>...</svg>
\n\nWebsite Favicon
\n- Supports
svg \n- Supports
image URL, e.g., /img/favicon.png \n
\nfavicon: ''
\n\nICP Number 🇨🇳
😁 If not required, can be directly deleted.
\nicp: 苏ICP备xxxxxxx号-x
\n\nFooter Text on Homepage 🇨🇳
😁 If not required, can be directly deleted or set to false.
\nmotto: false
\n\nPost Copyright Statement
Enabled by default. When enable: false, it is disabled by default.
\npostCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/
\n\nKatex Mathematical Formulas
You can configure the CDN yourself.
\nkatex:\n enable: true\n jsCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js\n cssCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css
\n\nMermaid Flowcharts
To draft flowchart syntax, use {% mermaid %}` and `{% endmermaid %} as wrappers.
\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}
\n\nCorresponding configurations are as follows:
\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js
\n\nValine Comments
First, register as a LeanCloud international user and create a database.
\nPlease proceed in accordance with relevant regional regulations.
\nvaline:\n enable: true\n # 替换\n appId: appId\n # 替换\n appKey: appKey\n avatar: monsterid\n cdn: //unpkg.com/valine@latest/dist/Valine.min.js\n # 替换\n serverURLs: //xxxxxxxx.api.lncldglobal.com
\n\nAlgolia Search
The blog comes with built-in local search, based on frontend development, which may have some issues. It’s recommended to switch to Algolia. The free account has a total of 10,000 records and 100,000 operations per month.
\nRegister & Acquire Key
\nCreate a new Index, for example, hex-blog
\nCopy and save:
\n
\n\n- Application ID
\n- Search-Only API Key
\n- Admin API Key
\n- Usage API Key
\n
\n\n\n- Replace configurations
\n
\nAdd the following to Hexo’s _config.yml
\nalgolia:\n # Replace\n appId: Application ID\n # Replace\n apiKey: Usage API Key\n # Do not disclose, used for reporting, replace\n adminApiKey: Admin API Key\n # Replace\n SearchOnlyAPIKey: Search-Only API Key\n chunkSize: 5000\n # Replace\n indexName: hex-blog\n fields:\n - content:strip\n - categories\n - date\n - permalink\n - slug\n - tags\n - title
\n\nInstall hexo-algoliasearch
This is a Hexo blog post index plugin that automates the submission of indexes to Algolia.
\n\nIf you encounter any problems, you can read the hexo-algoliasearch repository for the latest instructions.
\n
\nInstallation command:
\nnpm install hexo-algoliasearch --save
\n\nUsing Algolia
Before publishing each blog post, carry out index uploading operations. The usual commands are as follows:
\nhexo clean\nhexo generate\nhexo algolia
\n\n\nQWeather Widget 🇨🇳
Linear mainly targets domestic users and integrates QWeather cards on the homepage. Register via QWeather Developer Service.
\nAfter registering, fill in your appKey and cityCode in the configuration.
\nweather:\n enable: true\n # Replace\n cityCode: cityCode\n appKey: appKey
\n\nYou can find your city’s cityCode in the official region list repository’s China-City-List-latest.csv.
\n","site":{"data":{}},"excerpt":"","more":"\nHexo Installation
Installing a Hexo theme is straightforward. Simply copy the Hexo-theme-linear directory to the themes directory, and then modify the theme configuration in Hexo‘s _config.yml.
\n# Locate the theme setting\ntheme: hexo-theme-linear
\n\nAcquiring Linear
\n- Visit Linear’s code repository to stay updated on the latest theme developments.
\n- Download
hexo-theme-linear.zip from the releases page. \n- Extract it into your site’s
themes directory. \n- Enable it in Hexo’s
_config.yml. \n
\nHexo Configuration
Adjust settings in Hexo‘s _config.yml.
\nBasic Configuration
# Website title\ntitle: 17px blog\n# Sidebar header\nsubtitle: \"Mozzie\"\n# HTML meta description for SEO\ndescription: \"\"\n# HTML meta keywords for SEO\nkeywords:\n# Copyright text displaying author's name\nauthor: Mozzie\n\n# Set your website URL here\nurl: https://mozzie.cn
\n\nLanguage Switch
You can find different language files in hex theme liner/languages. If you want to switch languages, fill in the file name of yml in the _config.yml file
\nlanguage: en
\n\nCode Highlighting
Disable Hexo’s default highlight.js syntax highlighting.
\nhighlight:\n enable: false\n line_number: true\n auto_detect: false\n tab_replace: \"\"\n wrap: true\n hljs: false\n\nprismjs:\n enable: true\n preprocess: true\n line_number: true\n line_threshold: 0\n tab_replace: \"\"
\n\nLinear Theme Configuration
💡 The following settings are based on the _config.yml under hexo-theme-linear.
\nPost Category Icons
In sequence, set the svg icons. You can get a wide variety of icons at xicon.
\npostCategoryIcons:\n - <svg>...</svg>\n - <svg>...</svg>\n - <svg>...</svg>
\n\nWebsite Favicon
\n- Supports
svg \n- Supports
image URL, e.g., /img/favicon.png \n
\nfavicon: ''
\n\nICP Number 🇨🇳
😁 If not required, can be directly deleted.
\nicp: 苏ICP备xxxxxxx号-x
\n\nFooter Text on Homepage 🇨🇳
😁 If not required, can be directly deleted or set to false.
\nmotto: false
\n\nPost Copyright Statement
Enabled by default. When enable: false, it is disabled by default.
\npostCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/
\n\nKatex Mathematical Formulas
You can configure the CDN yourself.
\nkatex:\n enable: true\n jsCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js\n cssCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css
\n\nMermaid Flowcharts
To draft flowchart syntax, use {% mermaid %}` and `{% endmermaid %} as wrappers.
\n{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}
\n\nCorresponding configurations are as follows:
\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js
\n\nValine Comments
First, register as a LeanCloud international user and create a database.
\nPlease proceed in accordance with relevant regional regulations.
\nvaline:\n enable: true\n # 替换\n appId: appId\n # 替换\n appKey: appKey\n avatar: monsterid\n cdn: //unpkg.com/valine@latest/dist/Valine.min.js\n # 替换\n serverURLs: //xxxxxxxx.api.lncldglobal.com
\n\nAlgolia Search
The blog comes with built-in local search, based on frontend development, which may have some issues. It’s recommended to switch to Algolia. The free account has a total of 10,000 records and 100,000 operations per month.
\nRegister & Acquire Key
\nCreate a new Index, for example, hex-blog
\nCopy and save:
\n
\n\n- Application ID
\n- Search-Only API Key
\n- Admin API Key
\n- Usage API Key
\n
\n\n\n- Replace configurations
\n
\nAdd the following to Hexo’s _config.yml
\nalgolia:\n # Replace\n appId: Application ID\n # Replace\n apiKey: Usage API Key\n # Do not disclose, used for reporting, replace\n adminApiKey: Admin API Key\n # Replace\n SearchOnlyAPIKey: Search-Only API Key\n chunkSize: 5000\n # Replace\n indexName: hex-blog\n fields:\n - content:strip\n - categories\n - date\n - permalink\n - slug\n - tags\n - title
\n\nInstall hexo-algoliasearch
This is a Hexo blog post index plugin that automates the submission of indexes to Algolia.
\n\nIf you encounter any problems, you can read the hexo-algoliasearch repository for the latest instructions.
\n
\nInstallation command:
\nnpm install hexo-algoliasearch --save
\n\nUsing Algolia
Before publishing each blog post, carry out index uploading operations. The usual commands are as follows:
\nhexo clean\nhexo generate\nhexo algolia
\n\n\nQWeather Widget 🇨🇳
Linear mainly targets domestic users and integrates QWeather cards on the homepage. Register via QWeather Developer Service.
\nAfter registering, fill in your appKey and cityCode in the configuration.
\nweather:\n enable: true\n # Replace\n cityCode: cityCode\n appKey: appKey
\n\nYou can find your city’s cityCode in the official region list repository’s China-City-List-latest.csv.
\n"},{"title":"verdaccio 搭建 npm私库","status":"done","_content":"\n# 使用 docker 搭建 verdaccio\n\n创建 & 配置`config.yaml`文件\n\n```yaml\n# Read about the best practices\n# https://verdaccio.org/docs/best\n\n# path to a directory with all packages\nstorage: /verdaccio/storage/data\n# path to a directory with plugins to include\nplugins: /verdaccio/plugins\n\n# 包体积上限，默认10mb\nmax_body_size: 1024mb\n\n\nweb:\n enable: true\n title: Mozzie-NPM\n # gravatar: false\n # login: true\n pkgManagers:\n - npm\n - yarn\n - pnpm\n html_cache: true\n showFooter: false\n\nauth:\n htpasswd:\n file: /verdaccio/storage/htpasswd\n # 关闭注册，手动添加用户，默认Bcrypt算法，随便找个网页生成个密码，使用账号:密码添加到 htpasswd 文件中，例如 test:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W\n max_users: -1\n\n\ni18n:\n web: zh-CN\n\n# notify: # 配置 Webhook 推送到钉钉，记得修改 access_token 和 atMobiles\n# method: POST\n# headers: [{ \"Content-Type\": \"application/json\" }]\n# endpoint: https://oapi.dingtalk.com/robot/send?access_token=xxxx\n# content: '{\"msgtype\":\"text\", \"at\": {\"atMobiles\": [\"13000000000\"] }, \"text\":{\"content\":\"NPM 发布新包：\\n > 包名称：{{name}} \\n > 版本号：{{#each versions}}{{version}}{{/each}} \\n > 发布者：{{publisher.name}} \"}}'\n\nuplinks:\n npmjs:\n url: https://registry.npmjs.org/\n yarn:\n url: https://registry.yarnpkg.com/\n timeout: 10s\n taobao:\n url: https://registry.npmmirror.com/\n timeout: 10s\n\npackages:\n \"@*/*\":\n # 可访问权限，web界面看不见，不登陆，也无法 install 包\n access: $authenticated # $all\n # 发布权限, $authenticated 表示只有通过验证的人\n publish: $authenticated\n # 可取消发布权限\n unpublish: $authenticated\n # 包不存在时的代理\n proxy: npmjs yarn taobao\n \"**\":\n access: $authenticated # $all\n publish: $authenticated\n unpublish: $authenticated\n proxy: npmjs yarn taobao\n\nmiddlewares:\n audit:\n enabled: true\nlisten: 0.0.0.0:4873\nlog: { type: stdout, format: pretty, level: http }\n```\n\n创建容器，环境变量，`VERDACCIO_PUBLIC_URL`是静态资源的前缀地址，由于nginx挂了`ssl`，如果使用`http`可以不添加\n\n```bash\ndocker run \\\n-p 4873:4873 \\\n--restart=always \\\n--network mozzie.cn-net \\\n--network-alias verdaccio \\\n--env VERDACCIO_PORT=4873 \\\n--env VERDACCIO_PUBLIC_URL=https://npm.mozzie.cn \\\n--ip 172.21.0.196 \\\n--name verdaccio \\\n-v /www/wwwroot/nginx/html/verdaccio/storage:/verdaccio/storage \\\n-v /www/wwwroot/nginx/html/verdaccio/config:/verdaccio/conf \\\n-v /www/wwwroot/nginx/html/verdaccio/plugins:/verdaccio/plugins \\\n-d verdaccio/verdaccio\n```\n\n\n\n配置nginx的反向代理conf，注意所在的docker网络，使用`container_name`\n\n\n\n```conf\nserver {\n # listen 80;\n listen 443 ssl;\n server_name npm.mozzie.cn;\n ssl_certificate /etc/nginx/ssl/npm.mozzie.cn_bundle.pem;\n ssl_certificate_key /etc/nginx/ssl/npm.mozzie.cn.key;\n gzip on;\n\n location / {\n proxy_set_header X-Real-IP $remote_addr;\n proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n proxy_set_header Host $host;\n proxy_set_header X-NginX-Proxy true;\n proxy_pass http://verdaccio:4873/;\n proxy_redirect off;\n }\n}\n```\n\n运行添加用户，报错，因为 `htpasswd`默认创建在宿主机，也就是上面挂载的`/www/wwwroot/nginx/html/verdaccio/storage`目录中\n\n```bash\nnpm adduser --registry https://npm.mozzie.cn/\n```\n\n配置`htpasswd`、`storage` 文件夹权限\n\n```bash\n# 宿主机中执行\ncd /www/wwwroot/nginx/html/verdaccio/storage\ntouch htpasswd\nsudo chown 10001:65533 htpasswd\nsudo chown -R 10001:65533 /www/wwwroot/nginx/html/verdaccio/storage\n```\n\n# verdaccio 用户管理\n\n由于在 `config.yml` 中关闭了可访问权限\n\n```yaml\nauth:\n htpasswd:\n file: /verdaccio/storage/htpasswd\n # 关闭注册，手动添加用户，默认Bcrypt算法，\n max_users: -1\n\npackages:\n \"@*/*\":\n # 可访问权限，web界面看不见，不登陆，也无法 install 包\n access: $authenticated # $all\n # 发布权限, $authenticated 表示只有通过验证的人\n publish: $authenticated\n # 可取消发布权限\n unpublish: $authenticated\n \"**\":\n access: $authenticated\n publish: $authenticated\n unpublish: $authenticated\n```\n\n默认的 `addUser` 策略是 `Bcrypt` 生成密码，随便找个网页生成个密码，使用`账号:密码`添加到 `htpasswd` 文件中，例如 \n\n```bash\ntest:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W\n```\n\n因此在实际开发中，管理员手动给用户创建好账号，然后根据用户的包管理工具，进行登录，例如以 `npm` 为例\n\n```bash\nnpm adduser --registry https://npm.mozzie.cn/\n# 输入 Username: mozzie | Password: xxx | Email: (this IS public) himozzie@foxmail.com\n# 提示登陆成功 Logged in as mozzie on https://npm.mozzie.cn/.\n```\n\n在系统的 `cat ~/.npmrc` 中会增加一行，就可以正常的进行以来的安装了\n\n```bash\n//npm.mozzie.cn/:_authToken=\"Do/wrh5QzsnYaNU4x3ZlVA==\"\n```\n\n# 项目 .npmrc Scope区分\n\n需要指定 `.npmrc` 来区别 `Scope` 的安装地址，例如一个包名为 `@mozzie/hook`，对应的私库为 `https://npm.mozzie.cn/`\n\n```bash\nregistry=http://registry.npm.taobao.org/\n@mozzie:registry=https://npm.mozzie.cn\n# npm拉包的校验\n//https://npm.mozzie.cn/:_authToken=xxxxxxxxxxxxx\n```","source":"_posts/front-end/verdaccio.md","raw":"---\ntitle: verdaccio 搭建 npm私库\ncategories:\n - Front-End\nstatus: done\n---\n\n# 使用 docker 搭建 verdaccio\n\n创建 & 配置`config.yaml`文件\n\n```yaml\n# Read about the best practices\n# https://verdaccio.org/docs/best\n\n# path to a directory with all packages\nstorage: /verdaccio/storage/data\n# path to a directory with plugins to include\nplugins: /verdaccio/plugins\n\n# 包体积上限，默认10mb\nmax_body_size: 1024mb\n\n\nweb:\n enable: true\n title: Mozzie-NPM\n # gravatar: false\n # login: true\n pkgManagers:\n - npm\n - yarn\n - pnpm\n html_cache: true\n showFooter: false\n\nauth:\n htpasswd:\n file: /verdaccio/storage/htpasswd\n # 关闭注册，手动添加用户，默认Bcrypt算法，随便找个网页生成个密码，使用账号:密码添加到 htpasswd 文件中，例如 test:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W\n max_users: -1\n\n\ni18n:\n web: zh-CN\n\n# notify: # 配置 Webhook 推送到钉钉，记得修改 access_token 和 atMobiles\n# method: POST\n# headers: [{ \"Content-Type\": \"application/json\" }]\n# endpoint: https://oapi.dingtalk.com/robot/send?access_token=xxxx\n# content: '{\"msgtype\":\"text\", \"at\": {\"atMobiles\": [\"13000000000\"] }, \"text\":{\"content\":\"NPM 发布新包：\\n > 包名称：{{name}} \\n > 版本号：{{#each versions}}{{version}}{{/each}} \\n > 发布者：{{publisher.name}} \"}}'\n\nuplinks:\n npmjs:\n url: https://registry.npmjs.org/\n yarn:\n url: https://registry.yarnpkg.com/\n timeout: 10s\n taobao:\n url: https://registry.npmmirror.com/\n timeout: 10s\n\npackages:\n \"@*/*\":\n # 可访问权限，web界面看不见，不登陆，也无法 install 包\n access: $authenticated # $all\n # 发布权限, $authenticated 表示只有通过验证的人\n publish: $authenticated\n # 可取消发布权限\n unpublish: $authenticated\n # 包不存在时的代理\n proxy: npmjs yarn taobao\n \"**\":\n access: $authenticated # $all\n publish: $authenticated\n unpublish: $authenticated\n proxy: npmjs yarn taobao\n\nmiddlewares:\n audit:\n enabled: true\nlisten: 0.0.0.0:4873\nlog: { type: stdout, format: pretty, level: http }\n```\n\n创建容器，环境变量，`VERDACCIO_PUBLIC_URL`是静态资源的前缀地址，由于nginx挂了`ssl`，如果使用`http`可以不添加\n\n```bash\ndocker run \\\n-p 4873:4873 \\\n--restart=always \\\n--network mozzie.cn-net \\\n--network-alias verdaccio \\\n--env VERDACCIO_PORT=4873 \\\n--env VERDACCIO_PUBLIC_URL=https://npm.mozzie.cn \\\n--ip 172.21.0.196 \\\n--name verdaccio \\\n-v /www/wwwroot/nginx/html/verdaccio/storage:/verdaccio/storage \\\n-v /www/wwwroot/nginx/html/verdaccio/config:/verdaccio/conf \\\n-v /www/wwwroot/nginx/html/verdaccio/plugins:/verdaccio/plugins \\\n-d verdaccio/verdaccio\n```\n\n\n\n配置nginx的反向代理conf，注意所在的docker网络，使用`container_name`\n\n\n\n```conf\nserver {\n # listen 80;\n listen 443 ssl;\n server_name npm.mozzie.cn;\n ssl_certificate /etc/nginx/ssl/npm.mozzie.cn_bundle.pem;\n ssl_certificate_key /etc/nginx/ssl/npm.mozzie.cn.key;\n gzip on;\n\n location / {\n proxy_set_header X-Real-IP $remote_addr;\n proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n proxy_set_header Host $host;\n proxy_set_header X-NginX-Proxy true;\n proxy_pass http://verdaccio:4873/;\n proxy_redirect off;\n }\n}\n```\n\n运行添加用户，报错，因为 `htpasswd`默认创建在宿主机，也就是上面挂载的`/www/wwwroot/nginx/html/verdaccio/storage`目录中\n\n```bash\nnpm adduser --registry https://npm.mozzie.cn/\n```\n\n配置`htpasswd`、`storage` 文件夹权限\n\n```bash\n# 宿主机中执行\ncd /www/wwwroot/nginx/html/verdaccio/storage\ntouch htpasswd\nsudo chown 10001:65533 htpasswd\nsudo chown -R 10001:65533 /www/wwwroot/nginx/html/verdaccio/storage\n```\n\n# verdaccio 用户管理\n\n由于在 `config.yml` 中关闭了可访问权限\n\n```yaml\nauth:\n htpasswd:\n file: /verdaccio/storage/htpasswd\n # 关闭注册，手动添加用户，默认Bcrypt算法，\n max_users: -1\n\npackages:\n \"@*/*\":\n # 可访问权限，web界面看不见，不登陆，也无法 install 包\n access: $authenticated # $all\n # 发布权限, $authenticated 表示只有通过验证的人\n publish: $authenticated\n # 可取消发布权限\n unpublish: $authenticated\n \"**\":\n access: $authenticated\n publish: $authenticated\n unpublish: $authenticated\n```\n\n默认的 `addUser` 策略是 `Bcrypt` 生成密码，随便找个网页生成个密码，使用`账号:密码`添加到 `htpasswd` 文件中，例如 \n\n```bash\ntest:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W\n```\n\n因此在实际开发中，管理员手动给用户创建好账号，然后根据用户的包管理工具，进行登录，例如以 `npm` 为例\n\n```bash\nnpm adduser --registry https://npm.mozzie.cn/\n# 输入 Username: mozzie | Password: xxx | Email: (this IS public) himozzie@foxmail.com\n# 提示登陆成功 Logged in as mozzie on https://npm.mozzie.cn/.\n```\n\n在系统的 `cat ~/.npmrc` 中会增加一行，就可以正常的进行以来的安装了\n\n```bash\n//npm.mozzie.cn/:_authToken=\"Do/wrh5QzsnYaNU4x3ZlVA==\"\n```\n\n# 项目 .npmrc Scope区分\n\n需要指定 `.npmrc` 来区别 `Scope` 的安装地址，例如一个包名为 `@mozzie/hook`，对应的私库为 `https://npm.mozzie.cn/`\n\n```bash\nregistry=http://registry.npm.taobao.org/\n@mozzie:registry=https://npm.mozzie.cn\n# npm拉包的校验\n//https://npm.mozzie.cn/:_authToken=xxxxxxxxxxxxx\n```","slug":"front-end/verdaccio","published":1,"date":"2023-10-20T02:25:55.131Z","updated":"2023-10-20T02:27:35.158Z","comments":1,"layout":"post","photos":[],"link":"","_id":"clny9q3hv0009dyz3eoif4i1c","content":"使用 docker 搭建 verdaccio
创建 & 配置config.yaml文件
\n# Read about the best practices\n# https://verdaccio.org/docs/best\n\n# path to a directory with all packages\nstorage: /verdaccio/storage/data\n# path to a directory with plugins to include\nplugins: /verdaccio/plugins\n\n# 包体积上限，默认10mb\nmax_body_size: 1024mb\n\n\nweb:\n enable: true\n title: Mozzie-NPM\n # gravatar: false\n # login: true\n pkgManagers:\n - npm\n - yarn\n - pnpm\n html_cache: true\n showFooter: false\n\nauth:\n htpasswd:\n file: /verdaccio/storage/htpasswd\n # 关闭注册，手动添加用户，默认Bcrypt算法，随便找个网页生成个密码，使用账号:密码添加到 htpasswd 文件中，例如 test:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W\n max_users: -1\n\n\ni18n:\n web: zh-CN\n\n# notify: # 配置 Webhook 推送到钉钉，记得修改 access_token 和 atMobiles\n# method: POST\n# headers: [{ \"Content-Type\": \"application/json\" }]\n# endpoint: https://oapi.dingtalk.com/robot/send?access_token=xxxx\n# content: '{\"msgtype\":\"text\", \"at\": {\"atMobiles\": [\"13000000000\"] }, \"text\":{\"content\":\"NPM 发布新包：\\n > 包名称：{{name}} \\n > 版本号：{{#each versions}}{{version}}{{/each}} \\n > 发布者：{{publisher.name}} \"}}'\n\nuplinks:\n npmjs:\n url: https://registry.npmjs.org/\n yarn:\n url: https://registry.yarnpkg.com/\n timeout: 10s\n taobao:\n url: https://registry.npmmirror.com/\n timeout: 10s\n\npackages:\n \"@*/*\":\n # 可访问权限，web界面看不见，不登陆，也无法 install 包\n access: $authenticated # $all\n # 发布权限, $authenticated 表示只有通过验证的人\n publish: $authenticated\n # 可取消发布权限\n unpublish: $authenticated\n # 包不存在时的代理\n proxy: npmjs yarn taobao\n \"**\":\n access: $authenticated # $all\n publish: $authenticated\n unpublish: $authenticated\n proxy: npmjs yarn taobao\n\nmiddlewares:\n audit:\n enabled: true\nlisten: 0.0.0.0:4873\nlog: { type: stdout, format: pretty, level: http }
\n\n创建容器，环境变量，VERDACCIO_PUBLIC_URL是静态资源的前缀地址，由于nginx挂了ssl，如果使用http可以不添加
\ndocker run \\\n-p 4873:4873 \\\n--restart=always \\\n--network mozzie.cn-net \\\n--network-alias verdaccio \\\n--env VERDACCIO_PORT=4873 \\\n--env VERDACCIO_PUBLIC_URL=https://npm.mozzie.cn \\\n--ip 172.21.0.196 \\\n--name verdaccio \\\n-v /www/wwwroot/nginx/html/verdaccio/storage:/verdaccio/storage \\\n-v /www/wwwroot/nginx/html/verdaccio/config:/verdaccio/conf \\\n-v /www/wwwroot/nginx/html/verdaccio/plugins:/verdaccio/plugins \\\n-d verdaccio/verdaccio
\n\n\n\n配置nginx的反向代理conf，注意所在的docker网络，使用container_name
\nserver {\n # listen 80;\n listen 443 ssl;\n server_name npm.mozzie.cn;\n ssl_certificate /etc/nginx/ssl/npm.mozzie.cn_bundle.pem;\n ssl_certificate_key /etc/nginx/ssl/npm.mozzie.cn.key;\n gzip on;\n\n location / {\n proxy_set_header X-Real-IP $remote_addr;\n proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n proxy_set_header Host $host;\n proxy_set_header X-NginX-Proxy true;\n proxy_pass http://verdaccio:4873/;\n proxy_redirect off;\n }\n}
\n\n运行添加用户，报错，因为 htpasswd默认创建在宿主机，也就是上面挂载的/www/wwwroot/nginx/html/verdaccio/storage目录中
\nnpm adduser --registry https://npm.mozzie.cn/
\n\n配置htpasswd、storage 文件夹权限
\n# 宿主机中执行\ncd /www/wwwroot/nginx/html/verdaccio/storage\ntouch htpasswd\nsudo chown 10001:65533 htpasswd\nsudo chown -R 10001:65533 /www/wwwroot/nginx/html/verdaccio/storage
\n\nverdaccio 用户管理
由于在 config.yml 中关闭了可访问权限
\nauth:\n htpasswd:\n file: /verdaccio/storage/htpasswd\n # 关闭注册，手动添加用户，默认Bcrypt算法，\n max_users: -1\n\npackages:\n \"@*/*\":\n # 可访问权限，web界面看不见，不登陆，也无法 install 包\n access: $authenticated # $all\n # 发布权限, $authenticated 表示只有通过验证的人\n publish: $authenticated\n # 可取消发布权限\n unpublish: $authenticated\n \"**\":\n access: $authenticated\n publish: $authenticated\n unpublish: $authenticated
\n\n默认的 addUser 策略是 Bcrypt 生成密码，随便找个网页生成个密码，使用账号:密码添加到 htpasswd 文件中，例如
\ntest:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W
\n\n因此在实际开发中，管理员手动给用户创建好账号，然后根据用户的包管理工具，进行登录，例如以 npm 为例
\nnpm adduser --registry https://npm.mozzie.cn/\n# 输入 Username: mozzie | Password: xxx | Email: (this IS public) himozzie@foxmail.com\n# 提示登陆成功 Logged in as mozzie on https://npm.mozzie.cn/.
\n\n在系统的 cat ~/.npmrc 中会增加一行，就可以正常的进行以来的安装了
\n//npm.mozzie.cn/:_authToken=\"Do/wrh5QzsnYaNU4x3ZlVA==\"
\n\n项目 .npmrc Scope区分
需要指定 .npmrc 来区别 Scope 的安装地址，例如一个包名为 @mozzie/hook，对应的私库为 https://npm.mozzie.cn/
\nregistry=http://registry.npm.taobao.org/\n@mozzie:registry=https://npm.mozzie.cn\n# npm拉包的校验\n//https://npm.mozzie.cn/:_authToken=xxxxxxxxxxxxx
","site":{"data":{}},"excerpt":"","more":"使用 docker 搭建 verdaccio
创建 & 配置config.yaml文件
\n# Read about the best practices\n# https://verdaccio.org/docs/best\n\n# path to a directory with all packages\nstorage: /verdaccio/storage/data\n# path to a directory with plugins to include\nplugins: /verdaccio/plugins\n\n# 包体积上限，默认10mb\nmax_body_size: 1024mb\n\n\nweb:\n enable: true\n title: Mozzie-NPM\n # gravatar: false\n # login: true\n pkgManagers:\n - npm\n - yarn\n - pnpm\n html_cache: true\n showFooter: false\n\nauth:\n htpasswd:\n file: /verdaccio/storage/htpasswd\n # 关闭注册，手动添加用户，默认Bcrypt算法，随便找个网页生成个密码，使用账号:密码添加到 htpasswd 文件中，例如 test:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W\n max_users: -1\n\n\ni18n:\n web: zh-CN\n\n# notify: # 配置 Webhook 推送到钉钉，记得修改 access_token 和 atMobiles\n# method: POST\n# headers: [{ \"Content-Type\": \"application/json\" }]\n# endpoint: https://oapi.dingtalk.com/robot/send?access_token=xxxx\n# content: '{\"msgtype\":\"text\", \"at\": {\"atMobiles\": [\"13000000000\"] }, \"text\":{\"content\":\"NPM 发布新包：\\n > 包名称：{{name}} \\n > 版本号：{{#each versions}}{{version}}{{/each}} \\n > 发布者：{{publisher.name}} \"}}'\n\nuplinks:\n npmjs:\n url: https://registry.npmjs.org/\n yarn:\n url: https://registry.yarnpkg.com/\n timeout: 10s\n taobao:\n url: https://registry.npmmirror.com/\n timeout: 10s\n\npackages:\n \"@*/*\":\n # 可访问权限，web界面看不见，不登陆，也无法 install 包\n access: $authenticated # $all\n # 发布权限, $authenticated 表示只有通过验证的人\n publish: $authenticated\n # 可取消发布权限\n unpublish: $authenticated\n # 包不存在时的代理\n proxy: npmjs yarn taobao\n \"**\":\n access: $authenticated # $all\n publish: $authenticated\n unpublish: $authenticated\n proxy: npmjs yarn taobao\n\nmiddlewares:\n audit:\n enabled: true\nlisten: 0.0.0.0:4873\nlog: { type: stdout, format: pretty, level: http }
\n\n创建容器，环境变量，VERDACCIO_PUBLIC_URL是静态资源的前缀地址，由于nginx挂了ssl，如果使用http可以不添加
\ndocker run \\\n-p 4873:4873 \\\n--restart=always \\\n--network mozzie.cn-net \\\n--network-alias verdaccio \\\n--env VERDACCIO_PORT=4873 \\\n--env VERDACCIO_PUBLIC_URL=https://npm.mozzie.cn \\\n--ip 172.21.0.196 \\\n--name verdaccio \\\n-v /www/wwwroot/nginx/html/verdaccio/storage:/verdaccio/storage \\\n-v /www/wwwroot/nginx/html/verdaccio/config:/verdaccio/conf \\\n-v /www/wwwroot/nginx/html/verdaccio/plugins:/verdaccio/plugins \\\n-d verdaccio/verdaccio
\n\n\n\n配置nginx的反向代理conf，注意所在的docker网络，使用container_name
\nserver {\n # listen 80;\n listen 443 ssl;\n server_name npm.mozzie.cn;\n ssl_certificate /etc/nginx/ssl/npm.mozzie.cn_bundle.pem;\n ssl_certificate_key /etc/nginx/ssl/npm.mozzie.cn.key;\n gzip on;\n\n location / {\n proxy_set_header X-Real-IP $remote_addr;\n proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n proxy_set_header Host $host;\n proxy_set_header X-NginX-Proxy true;\n proxy_pass http://verdaccio:4873/;\n proxy_redirect off;\n }\n}
\n\n运行添加用户，报错，因为 htpasswd默认创建在宿主机，也就是上面挂载的/www/wwwroot/nginx/html/verdaccio/storage目录中
\nnpm adduser --registry https://npm.mozzie.cn/
\n\n配置htpasswd、storage 文件夹权限
\n# 宿主机中执行\ncd /www/wwwroot/nginx/html/verdaccio/storage\ntouch htpasswd\nsudo chown 10001:65533 htpasswd\nsudo chown -R 10001:65533 /www/wwwroot/nginx/html/verdaccio/storage
\n\nverdaccio 用户管理
由于在 config.yml 中关闭了可访问权限
\nauth:\n htpasswd:\n file: /verdaccio/storage/htpasswd\n # 关闭注册，手动添加用户，默认Bcrypt算法，\n max_users: -1\n\npackages:\n \"@*/*\":\n # 可访问权限，web界面看不见，不登陆，也无法 install 包\n access: $authenticated # $all\n # 发布权限, $authenticated 表示只有通过验证的人\n publish: $authenticated\n # 可取消发布权限\n unpublish: $authenticated\n \"**\":\n access: $authenticated\n publish: $authenticated\n unpublish: $authenticated
\n\n默认的 addUser 策略是 Bcrypt 生成密码，随便找个网页生成个密码，使用账号:密码添加到 htpasswd 文件中，例如
\ntest:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W
\n\n因此在实际开发中，管理员手动给用户创建好账号，然后根据用户的包管理工具，进行登录，例如以 npm 为例
\nnpm adduser --registry https://npm.mozzie.cn/\n# 输入 Username: mozzie | Password: xxx | Email: (this IS public) himozzie@foxmail.com\n# 提示登陆成功 Logged in as mozzie on https://npm.mozzie.cn/.
\n\n在系统的 cat ~/.npmrc 中会增加一行，就可以正常的进行以来的安装了
\n//npm.mozzie.cn/:_authToken=\"Do/wrh5QzsnYaNU4x3ZlVA==\"
\n\n项目 .npmrc Scope区分
需要指定 .npmrc 来区别 Scope 的安装地址，例如一个包名为 @mozzie/hook，对应的私库为 https://npm.mozzie.cn/
\nregistry=http://registry.npm.taobao.org/\n@mozzie:registry=https://npm.mozzie.cn\n# npm拉包的校验\n//https://npm.mozzie.cn/:_authToken=xxxxxxxxxxxxx
"}],"PostAsset":[],"PostCategory":[{"post_id":"clny9q3ho0000dyz3h2og34pd","category_id":"clny9q3hs0002dyz3dk6x5pg7","_id":"clny9q3hu0006dyz3hbbf1g04"},{"post_id":"clny9q3hr0001dyz383kvb18i","category_id":"clny9q3hs0002dyz3dk6x5pg7","_id":"clny9q3hv0007dyz3c7d64n23"},{"post_id":"clny9q3hs0003dyz353ce7ooc","category_id":"clny9q3hs0002dyz3dk6x5pg7","_id":"clny9q3hv0008dyz319p07hc9"},{"post_id":"clny9q3hv0009dyz3eoif4i1c","category_id":"clny9q3hv000adyz3ht5m4rur","_id":"clny9q3hv000bdyz30pm02mmo"}],"PostTag":[],"Tag":[]}} ![](\"https://pandao.github.io/editor.md/images/7.jpg\")
![API Keys](\"/img/algolia-api-keys.png\"){kind=link}