![\"API](\"/img/algolia-api-keys.png\")
卡耐基说过：要说服别人同意你的观点，你就要让他觉得这是他自己的观点。也就是说，本质上没有人真正被别人说服，听或者不听都是他们自己的主动选择
\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这些话对方不仅听着舒服，而且能给你反馈事实。具体怎么开放呢？咱们只需要记住两个关键词
\nHexo 主题的安装方式非常简单，只需将主题 Hexo-theme-cosy 复制目录的 themes 目录下，然后在 Hexo 的 _config.yml 中修改下主题配置即可
# 找到 theme 配置项\ntheme: Hexo-theme-cosyhexo-theme-cosy.zipthemes 目录下_config.yml 中启用在 Hexo 的 _config.yml 中调整
# 网页标题\ntitle: 17px blog\n# 侧边栏顶部显示\nsubtitle: \"Mozzie\"\n# 用于SEO的html元描述\ndescription: \"\"\n# 用于SEO的html关键字\nkeywords:\n# 文章版权声明显示作者名称\nauthor: Mozzie\n\n# 在此处设置您的网站url\nurl: https://mozzie.cn你可以在 hexo-theme-cosy/languages 中找到不同的语言文件，如果想切换语言，在配置文件中，填入 yml 的文件名
language: en关闭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: \"\"下面的配置基于 Hexo-theme-cosy 下的 _config.yml
按照顺序，依次设置 svg 图标，可以在 xicon 方面的获取丰富的图标
postCategoryIcons:\n - <svg>...</svg>\n - <svg>...</svg>\n - <svg>...</svg>svg图片url，如：/img/favicon.pngfavicon: ''😁 如不需要备案号，可直接删除
\nicp: 苏ICP备xxxxxxx号-x😁 如不需要，可直接删除，或者改为 false
motto: false默认开启，当 enable: false，默认关闭
postCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/可自行配置 cdn
katex:\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在撰写时，请使用 {% mermaid %}` 和 `{% endmermaid %} 包裹
{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}相应配置如下
\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js首先需要注册 LeanCloud 国际区用户，创建数据库
请根据相关地区法规，酌情
\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博客自带的本地搜索，基于前端开发，存在或多或少的问题，建议换成 algolia，免费账户 总共有 10,000 条记录，每月有 100,000 的操作数
创建一个新的 Index，例如 hex-blog
复制并保存：
\n
在 Hexo 的 _config.yml 中加入
algolia:\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这是 Hexo 博客帖子索引插件，自动化提交索引到 Algolia
\n\n\n如出遇到问题，可阅读 hexo-algoliasearch 仓库 最新说明
\n
安装命令：
\nnpm install hexo-algoliasearch --save在每次博客发布之前，进行索引上传的操作，命令通常如下
\nhexo clean\nhexo generate\nhexo algoliaCosy 主要针对国内用户，在首页集成了和风天气的卡片，通过 和风天气开发服务 注册
\n注册完成后，在配置中填入你的 appKey 和 cityCode(城市代码)
weather:\n enable: true\n # 替换\n cityCode: cityCode\n appKey: appKey其中 cityCode 可以在 官方的地区列表仓库 中的 China-City-List-latest.csv 找到你所在城市的 cityCode
在 Hexo 的 Markdown 文件中，一个典型的 YAML 格式的 Front Matter 可能会是这样的：
---\ntitle: 我的文章标题\ncategories:\n- javascript\ntags: \n- 编程\n- JavaScript\n---实现文章置顶的功能，给定一个数值，可以进行排序，设定了 top 元数据的文章，会在分类列表中，使用 📌 标记
例如有三篇文章：
\n---\ntitle: 文章1\ntop: 0\ncategories:\n- javascript\ntags: \n- 编程\n- JavaScript\n------\ntitle: 文章2\ntop: 1\ncategories:\n- javascript\ntags: \n- 编程\n- JavaScript\n------\ntitle: 文章3\ncategories:\n- javascript\ntags: \n- 编程\n- JavaScript\n---那么在 javascript 分类下，排序的顺序依次为：文章1 > 文章2 > 文章3
用于区分文章的状态，同时利用文章分类列表的筛选，进行快速筛选，Cosy 主题内置了 4 种状态
例如：
\n---\ntitle: 文章1\ncategories:\n- javascript\nstatus: done\n---Hexo 主题的安装方式非常简单，只需将主题 Hexo-theme-cosy 复制目录的 themes 目录下，然后在 Hexo 的 _config.yml 中修改下主题配置即可
# 找到 theme 配置项\ntheme: Hexo-theme-cosyhexo-theme-cosy.zipthemes 目录下_config.yml 中启用在 Hexo 的 _config.yml 中调整
# 网页标题\ntitle: 17px blog\n# 侧边栏顶部显示\nsubtitle: \"Mozzie\"\n# 用于SEO的html元描述\ndescription: \"\"\n# 用于SEO的html关键字\nkeywords:\n# 文章版权声明显示作者名称\nauthor: Mozzie\n\n# 在此处设置您的网站url\nurl: https://mozzie.cn你可以在 hexo-theme-cosy/languages 中找到不同的语言文件，如果想切换语言，在配置文件中，填入 yml 的文件名
language: en关闭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: \"\"下面的配置基于 Hexo-theme-cosy 下的 _config.yml
按照顺序，依次设置 svg 图标，可以在 xicon 方面的获取丰富的图标
postCategoryIcons:\n - <svg>...</svg>\n - <svg>...</svg>\n - <svg>...</svg>svg图片url，如：/img/favicon.pngfavicon: ''😁 如不需要备案号，可直接删除
\nicp: 苏ICP备xxxxxxx号-x😁 如不需要，可直接删除，或者改为 false
motto: false默认开启，当 enable: false，默认关闭
postCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/可自行配置 cdn
katex:\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在撰写时，请使用 {% mermaid %}` 和 `{% endmermaid %} 包裹
{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}相应配置如下
\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js首先需要注册 LeanCloud 国际区用户，创建数据库
请根据相关地区法规，酌情
\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博客自带的本地搜索，基于前端开发，存在或多或少的问题，建议换成 algolia，免费账户 总共有 10,000 条记录，每月有 100,000 的操作数
创建一个新的 Index，例如 hex-blog
复制并保存：
\n
在 Hexo 的 _config.yml 中加入
algolia:\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这是 Hexo 博客帖子索引插件，自动化提交索引到 Algolia
\n\n\n如出遇到问题，可阅读 hexo-algoliasearch 仓库 最新说明
\n
安装命令：
\nnpm install hexo-algoliasearch --save在每次博客发布之前，进行索引上传的操作，命令通常如下
\nhexo clean\nhexo generate\nhexo algoliaCosy 主要针对国内用户，在首页集成了和风天气的卡片，通过 和风天气开发服务 注册
\n注册完成后，在配置中填入你的 appKey 和 cityCode(城市代码)
weather:\n enable: true\n # 替换\n cityCode: cityCode\n appKey: appKey其中 cityCode 可以在 官方的地区列表仓库 中的 China-City-List-latest.csv 找到你所在城市的 cityCode
在 Hexo 的 Markdown 文件中，一个典型的 YAML 格式的 Front Matter 可能会是这样的：
---\ntitle: 我的文章标题\ncategories:\n- javascript\ntags: \n- 编程\n- JavaScript\n---实现文章置顶的功能，给定一个数值，可以进行排序，设定了 top 元数据的文章，会在分类列表中，使用 📌 标记
例如有三篇文章：
\n---\ntitle: 文章1\ntop: 0\ncategories:\n- javascript\ntags: \n- 编程\n- JavaScript\n------\ntitle: 文章2\ntop: 1\ncategories:\n- javascript\ntags: \n- 编程\n- JavaScript\n------\ntitle: 文章3\ncategories:\n- javascript\ntags: \n- 编程\n- JavaScript\n---那么在 javascript 分类下，排序的顺序依次为：文章1 > 文章2 > 文章3
用于区分文章的状态，同时利用文章分类列表的筛选，进行快速筛选，Cosy 主题内置了 4 种状态
例如：
\n---\ntitle: 文章1\ncategories:\n- javascript\nstatus: done\n---Installing a Hexo theme is straightforward. Simply copy the Hexo-theme-cosy directory to the themes directory, and then modify the theme configuration in Hexo‘s _config.yml.
# Locate the theme setting\ntheme: hexo-theme-cosyhexo-theme-cosy.zip from the releases page.themes directory._config.yml.Adjust settings in Hexo‘s _config.yml.
# 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.cnYou 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
language: enDisable 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: \"\"💡 The following settings are based on the _config.yml under hexo-theme-cosy.
In sequence, set the svg icons. You can get a wide variety of icons at xicon.
postCategoryIcons:\n - <svg>...</svg>\n - <svg>...</svg>\n - <svg>...</svg>svgimage URL, e.g., /img/favicon.pngfavicon: ''😁 If not required, can be directly deleted.
\nicp: 苏ICP备xxxxxxx号-x😁 If not required, can be directly deleted or set to false.
motto: falseEnabled by default. When enable: false, it is disabled by default.
postCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/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.cssTo draft flowchart syntax, use {% mermaid %}` and `{% endmermaid %} as wrappers.
{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}Corresponding configurations are as follows:
\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.jsFirst, register as a LeanCloud international user and create a database.
Please 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.comThe 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.
Create a new Index, for example, hex-blog
Copy and save:
\n
Add the following to Hexo’s _config.yml
algolia:\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 - titleThis is a Hexo blog post index plugin that automates the submission of indexes to Algolia.
\n\n\nIf you encounter any problems, you can read the hexo-algoliasearch repository for the latest instructions.
\n
Installation command:
\nnpm install hexo-algoliasearch --saveBefore publishing each blog post, carry out index uploading operations. The usual commands are as follows:
\nhexo clean\nhexo generate\nhexo algoliaCosy 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.
weather:\n enable: true\n # Replace\n cityCode: cityCode\n appKey: appKeyYou can find your city’s cityCode in the official region list repository’s China-City-List-latest.csv.
In Hexo’s Markdown files, a typical YAML-formatted Front Matter might look like this:
---\ntitle: My Article Title\ncategories:\n- javascript\ntags: \n- Programming\n- JavaScript\n---To pin an article to the top, assign a numerical value to the top metadata. Articles with a specified top value will be marked with a 📌 icon in the category list.
For example, if there are three articles:
\n---\ntitle: Article 1\ntop: 0\ncategories:\n - javascript\n------\ntitle: Article 2\ntop: 1\ncategories:\n - javascript\n------\ntitle: Article 3\ncategories:\n - javascript\n---Then, under the javascript category, the sort order will be: Article 1 > Article 2 > Article 3.
This is used to differentiate the status of articles and can be quickly filtered using the category list. The Cosy theme comes with 4 built-in statuses:
For example:
\n---\ntitle: Article 1\ncategories:\n- javascript\nstatus: done\n---Installing a Hexo theme is straightforward. Simply copy the Hexo-theme-cosy directory to the themes directory, and then modify the theme configuration in Hexo‘s _config.yml.
# Locate the theme setting\ntheme: hexo-theme-cosyhexo-theme-cosy.zip from the releases page.themes directory._config.yml.Adjust settings in Hexo‘s _config.yml.
# 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.cnYou 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
language: enDisable 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: \"\"💡 The following settings are based on the _config.yml under hexo-theme-cosy.
In sequence, set the svg icons. You can get a wide variety of icons at xicon.
postCategoryIcons:\n - <svg>...</svg>\n - <svg>...</svg>\n - <svg>...</svg>svgimage URL, e.g., /img/favicon.pngfavicon: ''😁 If not required, can be directly deleted.
\nicp: 苏ICP备xxxxxxx号-x😁 If not required, can be directly deleted or set to false.
motto: falseEnabled by default. When enable: false, it is disabled by default.
postCopyright:\n enable: true\n license: CC BY-NC-SA 4.0\n license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/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.cssTo draft flowchart syntax, use {% mermaid %}` and `{% endmermaid %} as wrappers.
{% mermaid %}\ngraph TD;\n A --> B;\n A --> C;\n B --> D;\n C --> D;\n{% endmermaid %}Corresponding configurations are as follows:
\nmermaid:\n enable: true\n cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.jsFirst, register as a LeanCloud international user and create a database.
Please 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.comThe 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.
Create a new Index, for example, hex-blog
Copy and save:
\n
Add the following to Hexo’s _config.yml
algolia:\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 - titleThis is a Hexo blog post index plugin that automates the submission of indexes to Algolia.
\n\n\nIf you encounter any problems, you can read the hexo-algoliasearch repository for the latest instructions.
\n
Installation command:
\nnpm install hexo-algoliasearch --saveBefore publishing each blog post, carry out index uploading operations. The usual commands are as follows:
\nhexo clean\nhexo generate\nhexo algoliaCosy 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.
weather:\n enable: true\n # Replace\n cityCode: cityCode\n appKey: appKeyYou can find your city’s cityCode in the official region list repository’s China-City-List-latest.csv.
In Hexo’s Markdown files, a typical YAML-formatted Front Matter might look like this:
---\ntitle: My Article Title\ncategories:\n- javascript\ntags: \n- Programming\n- JavaScript\n---To pin an article to the top, assign a numerical value to the top metadata. Articles with a specified top value will be marked with a 📌 icon in the category list.
For example, if there are three articles:
\n---\ntitle: Article 1\ntop: 0\ncategories:\n - javascript\n------\ntitle: Article 2\ntop: 1\ncategories:\n - javascript\n------\ntitle: Article 3\ncategories:\n - javascript\n---Then, under the javascript category, the sort order will be: Article 1 > Article 2 > Article 3.
This is used to differentiate the status of articles and can be quickly filtered using the category list. The Cosy theme comes with 4 built-in statuses:
For example:
\n---\ntitle: Article 1\ncategories:\n- javascript\nstatus: done\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# 科学公式 TeX(KaTeX)\n\n$$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 \n \nEnd","source":"_posts/Markdown 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# Linear Markdown Sample\n\n\n\n\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\n\n# 字符效果和横线等\n \n----\n\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# 科学公式 TeX(KaTeX)\n\n$$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 \n \nEnd","slug":"Markdown Sample","published":1,"date":"2023-10-25T14:37:25.452Z","updated":"2023-10-25T14:37:25.452Z","comments":1,"layout":"post","photos":[],"link":"","_id":"clo5v6hl30005y7jvhbge90lu","content":"![\"markdown\"](\"https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png\"){kind=logo}
删除线 删除线（开启识别HTML标签时）
斜体字 斜体字
粗体 粗体
粗斜体 粗斜体
上标：X2，下标：O2
\n缩写(同HTML的abbr标签)
\n\n\n即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启
\n
The HTML specification is maintained by the W3C.
\n\n\n引用文本 Blockquotes
\n
引用的行内混合 Blockquotes
\n\n\n引用：如果想要插入空白换行
\n即<br />标签，在插入处先键入两个以上的空格然后回车即可，普通链接。
直接链接：https://github.com
\n\n\n\nGFM a-tail link @pandao 邮箱地址自动链接 test.test@gmail.com www@vip.qq.com
\n\n\n@pandao
\n
执行命令：npm install marked
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\");<!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>Image:
\n![](\"https://pandao.github.io/editor.md/examples/images/4.jpg\")
\n\nFollow your heart.
\n
![](\"https://pandao.github.io/editor.md/examples/images/8.jpg\")
\n\n图为：厦门白城沙滩
\n
图片加链接 (Image + Link)：
\n![](\"https://pandao.github.io/editor.md/images/7.jpg\")
\n\n图为：李健首张专辑《似水流年》封面
\n
| 项目 | \n价格 | \n数量 | \n
|---|---|---|
| 计算机 | \n$1600 | \n5 | \n
| 手机 | \n$12 | \n12 | \n
| 管线 | \n$1 | \n234 | \n
| First Header | \nSecond Header | \n
|---|---|
| Content Cell | \nContent Cell | \n
| Content Cell | \nContent Cell | \n
| First Header | \nSecond Header | \n
|---|---|
| Content Cell | \nContent Cell | \n
| Content Cell | \nContent Cell | \n
| Function name | \nDescription | \n
|---|---|
help() | \nDisplay the help window. | \n
destroy() | \nDestroy your computer! | \n
| Left-Aligned | \nCenter Aligned | \nRight Aligned | \n
|---|---|---|
| col 3 is | \nsome wordy text | \n$1600 | \n
| col 2 is | \ncentered | \n$12 | \n
| zebra stripes | \nare neat | \n$1 | \n
| Item | \nValue | \n
|---|---|
| Computer | \n$1600 | \n
| Phone | \n$12 | \n
| Pipe | \n$1 | \n
$$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))$$
\nEnd
\n","site":{"data":{}},"excerpt":"","more":"
删除线 删除线（开启识别HTML标签时）
斜体字 斜体字
粗体 粗体
粗斜体 粗斜体
上标：X2，下标：O2
\n缩写(同HTML的abbr标签)
\n\n\n即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启
\n
The HTML specification is maintained by the W3C.
\n\n\n引用文本 Blockquotes
\n
引用的行内混合 Blockquotes
\n\n\n引用：如果想要插入空白换行
\n即<br />标签，在插入处先键入两个以上的空格然后回车即可，普通链接。
直接链接：https://github.com
\n\n\n\nGFM a-tail link @pandao 邮箱地址自动链接 test.test@gmail.com www@vip.qq.com
\n\n\n@pandao
\n
执行命令：npm install marked
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\");<!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>Image:
\n
\n\nFollow your heart.
\n
\n\n图为：厦门白城沙滩
\n
图片加链接 (Image + Link)：
\n
\n\n图为：李健首张专辑《似水流年》封面
\n
| 项目 | \n价格 | \n数量 | \n
|---|---|---|
| 计算机 | \n$1600 | \n5 | \n
| 手机 | \n$12 | \n12 | \n
| 管线 | \n$1 | \n234 | \n
| First Header | \nSecond Header | \n
|---|---|
| Content Cell | \nContent Cell | \n
| Content Cell | \nContent Cell | \n
| First Header | \nSecond Header | \n
|---|---|
| Content Cell | \nContent Cell | \n
| Content Cell | \nContent Cell | \n
| Function name | \nDescription | \n
|---|---|
help() | \nDisplay the help window. | \n
destroy() | \nDestroy your computer! | \n
| Left-Aligned | \nCenter Aligned | \nRight Aligned | \n
|---|---|---|
| col 3 is | \nsome wordy text | \n$1600 | \n
| col 2 is | \ncentered | \n$12 | \n
| zebra stripes | \nare neat | \n$1 | \n
| Item | \nValue | \n
|---|---|
| Computer | \n$1600 | \n
| Phone | \n$12 | \n
| Pipe | \n$1 | \n
$$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))$$
\nEnd
\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-25T14:37:25.452Z","updated":"2023-10-25T14:37:25.452Z","comments":1,"layout":"post","photos":[],"link":"","_id":"clo5v6hl30006y7jvaoegg4be","content":"创建 & 配置config.yaml文件
# 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 }创建容器，环境变量，VERDACCIO_PUBLIC_URL是静态资源的前缀地址，由于nginx挂了ssl，如果使用http可以不添加
docker 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配置nginx的反向代理conf，注意所在的docker网络，使用container_name
server {\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}运行添加用户，报错，因为 htpasswd默认创建在宿主机，也就是上面挂载的/www/wwwroot/nginx/html/verdaccio/storage目录中
npm adduser --registry https://npm.mozzie.cn/配置htpasswd、storage 文件夹权限
# 宿主机中执行\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由于在 config.yml 中关闭了可访问权限
auth:\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默认的 addUser 策略是 Bcrypt 生成密码，随便找个网页生成个密码，使用账号:密码添加到 htpasswd 文件中，例如
test:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W因此在实际开发中，管理员手动给用户创建好账号，然后根据用户的包管理工具，进行登录，例如以 npm 为例
npm 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/.在系统的 cat ~/.npmrc 中会增加一行，就可以正常的进行以来的安装了
//npm.mozzie.cn/:_authToken=\"Do/wrh5QzsnYaNU4x3ZlVA==\"需要指定 .npmrc 来区别 Scope 的安装地址，例如一个包名为 @mozzie/hook，对应的私库为 https://npm.mozzie.cn/
registry=http://registry.npm.taobao.org/\n@mozzie:registry=https://npm.mozzie.cn\n# npm拉包的校验\n//https://npm.mozzie.cn/:_authToken=xxxxxxxxxxxxx创建 & 配置config.yaml文件
# 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 }创建容器，环境变量，VERDACCIO_PUBLIC_URL是静态资源的前缀地址，由于nginx挂了ssl，如果使用http可以不添加
docker 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配置nginx的反向代理conf，注意所在的docker网络，使用container_name
server {\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}运行添加用户，报错，因为 htpasswd默认创建在宿主机，也就是上面挂载的/www/wwwroot/nginx/html/verdaccio/storage目录中
npm adduser --registry https://npm.mozzie.cn/配置htpasswd、storage 文件夹权限
# 宿主机中执行\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由于在 config.yml 中关闭了可访问权限
auth:\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默认的 addUser 策略是 Bcrypt 生成密码，随便找个网页生成个密码，使用账号:密码添加到 htpasswd 文件中，例如
test:$2a$10$0xPGVnpcdxcfmFxtWyWDx./TRtm/W/gSzib/jck3w.sF9x.Ur8t8W因此在实际开发中，管理员手动给用户创建好账号，然后根据用户的包管理工具，进行登录，例如以 npm 为例
npm 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/.在系统的 cat ~/.npmrc 中会增加一行，就可以正常的进行以来的安装了
//npm.mozzie.cn/:_authToken=\"Do/wrh5QzsnYaNU4x3ZlVA==\"需要指定 .npmrc 来区别 Scope 的安装地址，例如一个包名为 @mozzie/hook，对应的私库为 https://npm.mozzie.cn/
registry=http://registry.npm.taobao.org/\n@mozzie:registry=https://npm.mozzie.cn\n# npm拉包的校验\n//https://npm.mozzie.cn/:_authToken=xxxxxxxxxxxxx