推荐阅读
<p>[TOC]</p>
<h5>简要描述</h5>
<ul>
<li>用户注册接口</li>
</ul>
<h5>请求URL</h5>
<ul>
<li><code>https://creationapi.shbwyz.com/api/article/recommend</code></li>
</ul>
<h5>请求方式</h5>
<ul>
<li>GET </li>
</ul>
<h5>参数</h5>
<table>
<thead>
<tr>
<th style="text-align: left;">参数名</th>
<th style="text-align: left;">必选</th>
<th style="text-align: left;">类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">username</td>
<td style="text-align: left;">是</td>
<td style="text-align: left;">string</td>
<td>用户名</td>
</tr>
<tr>
<td style="text-align: left;">password</td>
<td style="text-align: left;">是</td>
<td style="text-align: left;">string</td>
<td>密码</td>
</tr>
<tr>
<td style="text-align: left;">name</td>
<td style="text-align: left;">否</td>
<td style="text-align: left;">string</td>
<td>昵称</td>
</tr>
</tbody>
</table>
<h5>返回示例</h5>
<pre><code>{
"statusCode": 200,
"msg": null,
"success": true,
"data": [
{
"id": "07838fa6-1a88-448c-90ea-4b7ca61e6c98",
"title": "LeetCode 刷题",
"cover": "https://wipi.oss-cn-shanghai.aliyuncs.com/2020-04-19/1586003140-fdbe023474515aa.jpeg",
"summary": "✅ Solutions to LeetCode by JavaScript.",
"content": "# Leetcode\n\n✅ Solutions to LeetCode by JavaScript.\n\n## 简单\n\n- [两数之和](https://github.com/fantasticit/LeetCode/tree/master/Easy/0001.两数之和.js)\n- [整数反转](https://github.com/fantasticit/LeetCode/tree/master/Easy/0007.整数反转.js)\n- [回文数](https://github.com/fantasticit/LeetCode/tree/master/Easy/0009.回文数.js)\n- [有效的括号](https://github.com/fantasticit/LeetCode/tree/master/Easy/0020.有效的括号.js)\n- [合并两个有序链表](https://github.com/fantasticit/LeetCode/tree/master/Easy/0021.合并两个有序链表.js)\n- [删除排序数组中的重复项](https://github.com/fantasticit/LeetCode/tree/master/Easy/0026.删除排序数组中的重复项.js)\n- [移除元素](https://github.com/fantasticit/LeetCode/tree/master/Easy/0027.移除元素.js)\n- [实现-str-str](https://github.com/fantasticit/LeetCode/tree/master/Easy/0028.实现-str-str.js)\n- [搜索插入位置](https://github.com/fantasticit/LeetCode/tree/master/Easy/0035.搜索插入位置.js)\n- [最大子序和](https://github.com/fantasticit/LeetCode/tree/master/Easy/0053.最大子序和.js)\n- [最后一个单词的长度](https://github.com/fantasticit/LeetCode/tree/master/Easy/0058.最后一个单词的长度.js)\n- [加一](https://github.com/fantasticit/LeetCode/tree/master/Easy/0066.加一.js)\n- [二进制求和](https://github.com/fantasticit/LeetCode/tree/master/Easy/0067.二进制求和.js)\n- [爬楼梯](https://github.com/fantasticit/LeetCode/tree/master/Easy/0070.爬楼梯.js)\n- [删除排序链表中的重复元素](https://github.com/fantasticit/LeetCode/tree/master/Easy/0083.删除排序链表中的重复元素.js)\n- [合并两个有序数组](https://github.com/fantasticit/LeetCode/tree/master/Easy/0088.合并两个有序数组.js)\n- [相同的树](https://github.com/fantasticit/LeetCode/tree/master/Easy/0100.相同的树.js)\n- [对称二叉树](https://github.com/fantasticit/LeetCode/tree/master/Easy/0101.对称二叉树.js)\n- [二叉树的最大深度](https://github.com/fantasticit/LeetCode/tree/master/Easy/0104.二叉树的最大深度.js)\n- [二叉树的层次遍历-ii](https://github.com/fantasticit/LeetCode/tree/master/Easy/0107.二叉树的层次遍历-ii.js)\n- [平衡二叉树](https://github.com/fantasticit/LeetCode/tree/master/Easy/0110.平衡二叉树.js)\n- [二叉树的最小深度](https://github.com/fantasticit/LeetCode/tree/master/Easy/0111.二叉树的最小深度.js)\n- [只出现一次的数字](https://github.com/fantasticit/LeetCode/tree/master/Easy/0136.只出现一次的数字.js)\n- [环形链表](https://github.com/fantasticit/LeetCode/tree/master/Easy/0141.环形链表.js)\n- [反转链表](https://github.com/fantasticit/LeetCode/tree/master/Easy/0206.反转链表.js)\n- [最小栈](https://github.com/fantasticit/LeetCode/tree/master/Easy/0155.最小栈.js)\n- [移除链表元素](https://github.com/fantasticit/LeetCode/tree/master/Easy/0203.移除链表元素.js)\n- [存在重复元素](https://github.com/fantasticit/LeetCode/tree/master/Easy/0217.存在重复元素.js)\n- [回文链表](https://github.com/fantasticit/LeetCode/tree/master/Easy/0234.回文链表.js)\n- [各位相加](https://github.com/fantasticit/LeetCode/tree/master/Easy/0258.各位相加.js)\n- [反转字符串](https://github.com/fantasticit/LeetCode/tree/master/Easy/0344.反转字符串.js)\n- [找不同](https://github.com/fantasticit/LeetCode/tree/master/Easy/0389.找不同.js)\n- [用队列实现栈](https://github.com/fantasticit/LeetCode/tree/master/Easy/0225.用队列实现栈.js)\n- [斐波那契数](https://github.com/fantasticit/LeetCode/tree/master/Easy/0509.斐波那契数.js)\n- [二分查找](https://github.com/fantasticit/LeetCode/tree/master/Easy/0704.二分查找)\n- [反转字符串-ii](https://github.com/fantasticit/LeetCode/tree/master/Easy/0541.反转字符串-ii.js)\n\n## 中等\n\n- [两数相加](https://github.com/fantasticit/LeetCode/tree/master/Medium/0002.两数相加.js)\n- [字符串转换整数-atoi](https://github.com/fantasticit/LeetCode/tree/master/Medium/0008.字符串转换整数-atoi.js)\n- [盛最多水的容器](https://github.com/fantasticit/LeetCode/tree/master/Medium/0011.盛最多水的容器.js)\n- [三数之和](https://github.com/fantasticit/LeetCode/tree/master/Medium/0015.三数之和.js)\n- [最接近的三数之和](https://github.com/fantasticit/LeetCode/tree/master/Medium/0016.最接近的三数之和.js)\n- [四数之和](https://github.com/fantasticit/LeetCode/tree/master/Medium/0018.四数之和.js)\n- [删除链表的倒数第 n 个节点](https://github.com/fantasticit/LeetCode/tree/master/Medium/0019.删除链表的倒数第n个节点.js)\n- [括号生成](https://github.com/fantasticit/LeetCode/tree/master/Medium/0022.括号生成.js)\n- [两两交换链表中的节点](https://github.com/fantasticit/LeetCode/tree/master/Medium/0024.两两交换链表中的节点.js)\n- [两数相除](https://github.com/fantasticit/LeetCode/tree/master/Medium/0029.两数相除.js)\n- [在排序数组中查找元素的第一个和最后一个位置](https://github.com/fantasticit/LeetCode/tree/master/Medium/0034.在排序数组中查找元素的第一个和最后一个位置.js)\n- [有效的数独](https://github.com/fantasticit/LeetCode/tree/master/Medium/0036.有效的数独.js)\n- [字符串相乘](https://github.com/fantasticit/LeetCode/tree/master/Medium/0043.字符串相乘.js)\n- [字母异位词分组](https://github.com/fantasticit/LeetCode/tree/master/Medium/0049.字母异位词分组.js)\n- [pow-x-n](https://github.com/fantasticit/LeetCode/tree/master/Medium/0050.pow-x-n.js)\n- [二叉树的前序遍历](https://github.com/fantasticit/LeetCode/tree/master/Medium/0144.二叉树的前序遍历.js)\n- [lru 缓存机制](https://github.com/fantasticit/LeetCode/tree/master/Medium/0146.lru缓存机制.js)\n- [最长上升子序列](https://github.com/fantasticit/LeetCode/tree/master/Medium/0300.最长上升子序列)\n- [二叉树的中序遍历](https://github.com/fantasticit/LeetCode/tree/master/Medium/0094.二叉树的中序遍历)\n\n## 困难\n\n- [缺失的第一个正数](https://github.com/fantasticit/LeetCode/tree/master/Hard/0041.缺失的第一个正数.js)\n- [最小覆盖子串](https://github.com/fantasticit/LeetCode/tree/master/Hard/0076.最小覆盖子串)\n- [二叉树的后序遍历](https://github.com/fantasticit/LeetCode/tree/master/Hard/0145.二叉树的后序遍历)\n\n## LICENSE\n\nMIT\n",
"html": "<h1 id=\"leetcode\">Leetcode</h1>\n<p>✅ Solutions to LeetCode by JavaScript.</p>\n<h2 id=\"简单\">简单</h2>\n<ul>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0001.两数之和.js\">两数之和</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0007.整数反转.js\">整数反转</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0009.回文数.js\">回文数</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0020.有效的括号.js\">有效的括号</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0021.合并两个有序链表.js\">合并两个有序链表</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0026.删除排序数组中的重复项.js\">删除排序数组中的重复项</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0027.移除元素.js\">移除元素</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0028.实现-str-str.js\">实现-str-str</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0035.搜索插入位置.js\">搜索插入位置</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0053.最大子序和.js\">最大子序和</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0058.最后一个单词的长度.js\">最后一个单词的长度</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0066.加一.js\">加一</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0067.二进制求和.js\">二进制求和</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0070.爬楼梯.js\">爬楼梯</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0083.删除排序链表中的重复元素.js\">删除排序链表中的重复元素</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0088.合并两个有序数组.js\">合并两个有序数组</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0100.相同的树.js\">相同的树</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0101.对称二叉树.js\">对称二叉树</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0104.二叉树的最大深度.js\">二叉树的最大深度</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0107.二叉树的层次遍历-ii.js\">二叉树的层次遍历-ii</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0110.平衡二叉树.js\">平衡二叉树</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0111.二叉树的最小深度.js\">二叉树的最小深度</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0136.只出现一次的数字.js\">只出现一次的数字</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0141.环形链表.js\">环形链表</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0206.反转链表.js\">反转链表</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0155.最小栈.js\">最小栈</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0203.移除链表元素.js\">移除链表元素</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0217.存在重复元素.js\">存在重复元素</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0234.回文链表.js\">回文链表</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0258.各位相加.js\">各位相加</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0344.反转字符串.js\">反转字符串</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0389.找不同.js\">找不同</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0225.用队列实现栈.js\">用队列实现栈</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0509.斐波那契数.js\">斐波那契数</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0704.二分查找\">二分查找</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Easy/0541.反转字符串-ii.js\">反转字符串-ii</a></li>\n</ul>\n<h2 id=\"中等\">中等</h2>\n<ul>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0002.两数相加.js\">两数相加</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0008.字符串转换整数-atoi.js\">字符串转换整数-atoi</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0011.盛最多水的容器.js\">盛最多水的容器</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0015.三数之和.js\">三数之和</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0016.最接近的三数之和.js\">最接近的三数之和</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0018.四数之和.js\">四数之和</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0019.删除链表的倒数第n个节点.js\">删除链表的倒数第 n 个节点</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0022.括号生成.js\">括号生成</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0024.两两交换链表中的节点.js\">两两交换链表中的节点</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0029.两数相除.js\">两数相除</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0034.在排序数组中查找元素的第一个和最后一个位置.js\">在排序数组中查找元素的第一个和最后一个位置</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0036.有效的数独.js\">有效的数独</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0043.字符串相乘.js\">字符串相乘</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0049.字母异位词分组.js\">字母异位词分组</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0050.pow-x-n.js\">pow-x-n</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0144.二叉树的前序遍历.js\">二叉树的前序遍历</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0146.lru缓存机制.js\">lru 缓存机制</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0300.最长上升子序列\">最长上升子序列</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Medium/0094.二叉树的中序遍历\">二叉树的中序遍历</a></li>\n</ul>\n<h2 id=\"困难\">困难</h2>\n<ul>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Hard/0041.缺失的第一个正数.js\">缺失的第一个正数</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Hard/0076.最小覆盖子串\">最小覆盖子串</a></li>\n<li><a href=\"https://github.com/fantasticit/LeetCode/tree/master/Hard/0145.二叉树的后序遍历\">二叉树的后序遍历</a></li>\n</ul>\n<h2 id=\"license\">LICENSE</h2>\n<p>MIT</p>",
"toc": "[{\"level\":\"1\",\"id\":\"leetcode\",\"text\":\"Leetcode\"},{\"level\":\"2\",\"id\":\"简单\",\"text\":\"简单\"},{\"level\":\"2\",\"id\":\"中等\",\"text\":\"中等\"},{\"level\":\"2\",\"id\":\"困难\",\"text\":\"困难\"},{\"level\":\"2\",\"id\":\"license\",\"text\":\"LICENSE\"}]",
"status": "publish",
"views": 364,
"likes": -2,
"isRecommended": false,
"needPassword": false,
"totalAmount": null,
"isPay": false,
"isCommentable": true,
"publishAt": "2022-01-06T08:59:30.000Z",
"createAt": "2022-01-06T08:59:30.412Z",
"updateAt": "2022-06-22T13:39:37.000Z",
"category": {
"id": "2dfaaaa6-b9f1-4d0a-b307-534c477fa751",
"label": "LeeCode",
"value": "leetcode",
"createAt": "2022-01-06T08:25:07.768Z",
"updateAt": "2022-01-06T08:25:07.768Z"
},
"tags": [
{
"id": "85f9a1b0-20cf-4a12-8440-a50fcc935e14",
"label": "JS",
"value": "js",
"createAt": "2022-01-06T08:29:21.772Z",
"updateAt": "2022-01-06T08:29:21.772Z"
},
{
"id": "b892adb9-4dab-4b84-9f47-7c5de5e65a33",
"label": "LeetCode",
"value": "leetcode",
"createAt": "2022-01-06T08:30:07.131Z",
"updateAt": "2022-01-06T08:30:07.131Z"
}
]
},
{
"id": "9a5bfb81-013f-4762-9485-2875a8a7150b",
"title": "Git 恢复被误删的本地分支",
"cover": "https://wipi.oss-cn-shanghai.aliyuncs.com/2020-02-10/TBRGIVFYPEAWW7M0AM6TU2/git-goodness.gif",
"summary": "本文介绍 Git 如何恢复被误删的本地分支。",
"content": "假设场景：\n\n在某个项目下，我新建了一个本地分支 `test`，并在该分支做出了一些改动，但是我在没有 `push` 该分支代码到远程仓库之前手滑删除了该分支，那么如何在本地恢复这个分支？该场景的相关操作如下：\n\n```shell\ngit branch test\ngit checkout test\n\n# 做了一些改动\n\ngit status\ngit add .\ngit commit -m \"some info\"\n\ngit chekout - # 切到上一个分支\ngit branch -D test # 手滑删了 test\n```\n\n经过以上操作，本地更改的代码是没有了的。但是 `git` 中有日志（因为 git commit 到本地了），通过 `git log -g` 查看 `commit` 的记录 `hash` 值，然后执行 `git branch test hash` 即可恢复。\n\n总结一下：\n\n```shell\ngit log -g # 查找本地提交记录 hash\ngit branch new_branch_name hash # 新建分支\n```\n\n",
"html": "<p>假设场景：</p>\n<p>在某个项目下，我新建了一个本地分支 <code>test</code>，并在该分支做出了一些改动，但是我在没有 <code>push</code> 该分支代码到远程仓库之前手滑删除了该分支，那么如何在本地恢复这个分支？该场景的相关操作如下：</p>\n<pre><code class=\"shell language-shell\">git branch test\ngit checkout test\n\n# 做了一些改动\n\ngit status\ngit add .\ngit commit -m \"some info\"\n\ngit chekout - # 切到上一个分支\ngit branch -D test # 手滑删了 test\n</code></pre>\n<p>经过以上操作，本地更改的代码是没有了的。但是 <code>git</code> 中有日志（因为 git commit 到本地了），通过 <code>git log -g</code> 查看 <code>commit</code> 的记录 <code>hash</code> 值，然后执行 <code>git branch test hash</code> 即可恢复。</p>\n<p>总结一下：</p>\n<pre><code class=\"shell language-shell\">git log -g # 查找本地提交记录 hash\ngit branch new_branch_name hash # 新建分支\n</code></pre>",
"toc": "[]",
"status": "publish",
"views": 69,
"likes": 1,
"isRecommended": false,
"needPassword": false,
"totalAmount": null,
"isPay": false,
"isCommentable": true,
"publishAt": "2022-01-06T08:57:49.000Z",
"createAt": "2022-01-06T08:57:49.056Z",
"updateAt": "2022-06-22T13:00:56.000Z",
"category": {
"id": "3938732d-4f78-460a-b51b-bd3d414811b8",
"label": "后端",
"value": "be",
"createAt": "2021-12-31T00:32:58.400Z",
"updateAt": "2022-01-06T08:56:16.000Z"
},
"tags": [
{
"id": "8934f86f-9a71-472f-a0b4-650124891a8d",
"label": "Git",
"value": "git",
"createAt": "2022-01-06T08:26:46.146Z",
"updateAt": "2022-01-06T08:28:46.000Z"
}
]
},
{
"id": "2636e861-d36f-4c4f-aac7-77fd3dab5198",
"title": "Docker 使用笔记（一）",
"cover": "https://wipi.oss-cn-shanghai.aliyuncs.com/2020-02-10/TBRGIVFYPEAWW7M0AM6TDG/16410734eb1ed373.png",
"summary": "Docker 使用笔记系列第一篇。",
"content": "## 安装 Docker\n\n\n在 [Docker](https://www.docker.com/get-started) 网站下载安装 Docker 。 安装完成后，打开命令行输入 `docker version`，如果有相关输出即安装成功。\n\n## 运行 container\n\n\ndocker 中与 `container` 相关的命令主要有：\n\n* `docker container run ...`：运行容器\n* `docker container ls`: 列出当前运行容器\n* `docker container start [container_id | container_name]`: 开始运行指定 id（或名称） 的容器\n* `docker container stop [container_id | container_name]`: 停止运行指定 id（或名称） 的容器\n* `docker container rm [container_id| container_name]`: 删除指定 id（或名称） 的容器\n\n其中，也可以使用 `docker ps` 查看正在运行的容器。\n\n### 运行 nginx\n\n打开命令行，键入：\n\n docker container run -it -p 8080:81 nginx\n \n\n如果报错无法拉取，执行 `docker login` 输入账号密码登录 docker hub 账号后再执行。 在浏览器访问网站：`http://localhost:8080`，如果可以访问到 nginx 相关即表示运行成功。\n\n`-p 8080:81` 指定镜像在容器内运行的端口为：`81`，同时将端口映射到本地机器的 `8080` 端口，所以需要在浏览器访问 `http://localhost:8080` 才可。\n\n### 运行 mysql\n\n不同与 nginx ，运行 mysql 时可能需要设置一些变量，比如数据库密码之类的，这就需要用到 `--env` 参数。\n\n docker container run -d -p 3006:3036 --env MYSQL_ROOT_PASSWORD=123456 mysql\n \n\n## 进入 container\n\n\n使用 `docker container -it exec [container_id | container_name]` 可以运行指定的容器内的程序\n\n首先，运行一个名为 `mynginx` 的容器：\n\n docker container run -d -p 8080:80 --name mynginx nginx\n \n\n然后，调用 `mynginx` 的 `bash` 程序：\n\n docker container exec -it mynginx bash\n \n\n如此，便可以在 container 内部操作环境执行命令，就像是进入了这个 container 操作环境内一样。\n\n### 绑定挂载点\n\n\n在上一步中，可以知道 container mynginx 的文件路径为：`/usr/share/nginx/html`。如果想要修改这些文件，就需要进入 container 内部进行修改，这样便会很麻烦。docker 提供了绑定挂载点的功能，这样便可以把本地机器的文件映射到 container 内部。\n\n docker container run -d -p 8080:81 -v ~/test:/usr/share/nginx/html --nmae mynginx nginx\n \n\n在本地机器的 test 文件夹，新建一个 index.html 文件，然后浏览器访问 `http://localhost:8080`，便可以看到刚刚保存的内容。\n\n### 制作镜像\n\n\n`docker container run` 的过程是首先拉取镜像，然后运行这个镜像。如此便可以制作自己的镜像。例如：\n\n首先新建一个文件夹，然后新建一个 `index.html` 文件并写入内容，然后再编写 `Dockerfile` 文件。\n\n FROM nginx:latest\n \n WORKDIR /usr/share/nginx/html\n \n COPY . .\n \n\n然后运行 `docker image build . -t mynginx-web`（`.` 是指当前路径），便完成了镜像制作。\n\n运行这个镜像只需要：`docker container run -it -p 8080:80 mynginx-web`。",
"html": "<h2 id=\"安装-docker\">安装 Docker</h2>\n<p>在 <a href=\"https://www.docker.com/get-started\">Docker</a> 网站下载安装 Docker 。 安装完成后，打开命令行输入 <code>docker version</code>，如果有相关输出即安装成功。</p>\n<h2 id=\"运行-container\">运行 container</h2>\n<p>docker 中与 <code>container</code> 相关的命令主要有：</p>\n<ul>\n<li><code>docker container run ...</code>：运行容器</li>\n<li><code>docker container ls</code>: 列出当前运行容器</li>\n<li><code>docker container start [container_id | container_name]</code>: 开始运行指定 id（或名称） 的容器</li>\n<li><code>docker container stop [container_id | container_name]</code>: 停止运行指定 id（或名称） 的容器</li>\n<li><code>docker container rm [container_id| container_name]</code>: 删除指定 id（或名称） 的容器</li>\n</ul>\n<p>其中，也可以使用 <code>docker ps</code> 查看正在运行的容器。</p>\n<h3 id=\"运行-nginx\">运行 nginx</h3>\n<p>打开命令行，键入：</p>\n<pre><code>docker container run -it -p 8080:81 nginx\n</code></pre>\n<p>如果报错无法拉取，执行 <code>docker login</code> 输入账号密码登录 docker hub 账号后再执行。 在浏览器访问网站：<code>http://localhost:8080</code>，如果可以访问到 nginx 相关即表示运行成功。</p>\n<p><code>-p 8080:81</code> 指定镜像在容器内运行的端口为：<code>81</code>，同时将端口映射到本地机器的 <code>8080</code> 端口，所以需要在浏览器访问 <code>http://localhost:8080</code> 才可。</p>\n<h3 id=\"运行-mysql\">运行 mysql</h3>\n<p>不同与 nginx ，运行 mysql 时可能需要设置一些变量，比如数据库密码之类的，这就需要用到 <code>--env</code> 参数。</p>\n<pre><code>docker container run -d -p 3006:3036 --env MYSQL_ROOT_PASSWORD=123456 mysql\n</code></pre>\n<h2 id=\"进入-container\">进入 container</h2>\n<p>使用 <code>docker container -it exec [container_id | container_name]</code> 可以运行指定的容器内的程序</p>\n<p>首先，运行一个名为 <code>mynginx</code> 的容器：</p>\n<pre><code>docker container run -d -p 8080:80 --name mynginx nginx\n</code></pre>\n<p>然后，调用 <code>mynginx</code> 的 <code>bash</code> 程序：</p>\n<pre><code>docker container exec -it mynginx bash\n</code></pre>\n<p>如此，便可以在 container 内部操作环境执行命令，就像是进入了这个 container 操作环境内一样。</p>\n<h3 id=\"绑定挂载点\">绑定挂载点</h3>\n<p>在上一步中，可以知道 container mynginx 的文件路径为：<code>/usr/share/nginx/html</code>。如果想要修改这些文件，就需要进入 container 内部进行修改，这样便会很麻烦。docker 提供了绑定挂载点的功能，这样便可以把本地机器的文件映射到 container 内部。</p>\n<pre><code>docker container run -d -p 8080:81 -v ~/test:/usr/share/nginx/html --nmae mynginx nginx\n</code></pre>\n<p>在本地机器的 test 文件夹，新建一个 index.html 文件，然后浏览器访问 <code>http://localhost:8080</code>，便可以看到刚刚保存的内容。</p>\n<h3 id=\"制作镜像\">制作镜像</h3>\n<p><code>docker container run</code> 的过程是首先拉取镜像，然后运行这个镜像。如此便可以制作自己的镜像。例如：</p>\n<p>首先新建一个文件夹，然后新建一个 <code>index.html</code> 文件并写入内容，然后再编写 <code>Dockerfile</code> 文件。</p>\n<pre><code>FROM nginx:latest\n\nWORKDIR /usr/share/nginx/html\n\nCOPY . .\n</code></pre>\n<p>然后运行 <code>docker image build . -t mynginx-web</code>（<code>.</code> 是指当前路径），便完成了镜像制作。</p>\n<p>运行这个镜像只需要：<code>docker container run -it -p 8080:80 mynginx-web</code>。</p>",
"toc": "[{\"level\":\"2\",\"id\":\"安装-docker\",\"text\":\"安装 Docker\"},{\"level\":\"2\",\"id\":\"运行-container\",\"text\":\"运行 container\"},{\"level\":\"3\",\"id\":\"运行-nginx\",\"text\":\"运行 nginx\"},{\"level\":\"3\",\"id\":\"运行-mysql\",\"text\":\"运行 mysql\"},{\"level\":\"2\",\"id\":\"进入-container\",\"text\":\"进入 container\"},{\"level\":\"3\",\"id\":\"绑定挂载点\",\"text\":\"绑定挂载点\"},{\"level\":\"3\",\"id\":\"制作镜像\",\"text\":\"制作镜像\"}]",
"status": "publish",
"views": 36,
"likes": 2,
"isRecommended": false,
"needPassword": false,
"totalAmount": null,
"isPay": false,
"isCommentable": true,
"publishAt": "2022-01-06T08:52:49.000Z",
"createAt": "2022-01-06T08:52:49.091Z",
"updateAt": "2022-06-22T11:30:59.000Z",
"category": {
"id": "3938732d-4f78-460a-b51b-bd3d414811b8",
"label": "后端",
"value": "be",
"createAt": "2021-12-31T00:32:58.400Z",
"updateAt": "2022-01-06T08:56:16.000Z"
},
"tags": [
{
"id": "a035df43-309e-4ec4-8784-96b9a6f5fe03",
"label": "Docker",
"value": "docker",
"createAt": "2022-01-06T08:27:12.686Z",
"updateAt": "2022-01-06T08:28:41.000Z"
}
]
},
{
"id": "01192e24-99f1-436c-9122-073411e514c8",
"title": "bash 中的特殊字符（下）",
"cover": "https://wipi.oss-cn-shanghai.aliyuncs.com/2020-03-08/OXBA3L3HG6GJTIOTX8I7AH/LinuxUNIX-Certification-Training-Bundle.jpg",
"summary": "bash 脚本编程系列之：bash 中的特殊字符（下）。",
"content": "\n## 1 小括号（`()`）\n\n### 1.1 命令组\n\n在括号中的命令会作为一个子 shell 来运行。在括号中的变量，由于是在子 shell 中，所以对于脚本剩下的部分是不可用的。父进程，也就是脚本本身，将不能够读取在子进程中创建的变量，也就是在子 shell 中创建的变量。\n\n```shell\n#!/bin/bash\n\na=10\n( a=20; )\n\necho $a # 10\n```\n\n### 1.2 初始化数组\n\n创建数组。\n\n```shell\n#!/bin/bash\n\narr=(1 2 3) # 注意是以空格分割\necho ${arr[0]} # 1\n```\n\n## 2 大括号（{}）\n\n### 2.1 文件名扩展\n\n举个例子，复制 `t.txt` 内容到 `t.bak`中：\n\n```shell\n#!/bin/bash\n\nif [ ! -w 't.txt' ]; then\n touch t.txt\nfi\n\necho 'hello t.txt' > t.txt;\ncp t.{txt,bak}\n```\n\n注意： 在大括号中，不允许有空白，除非这个空白被引用或转义。\n\n### 2.2 代码块\n\n代码块，又称 _内部组_，这个结构实际上是创建了一个匿名函数，但是其中声明的变量，对于脚本其他部分可见。\n\n```shell\n#!/bin/bash\n\na=10\n{ a=20; }\n\necho $a # 20\n```\n\n## 3 中括号\n\n### 3.1 条件测试\n\n条件测试表达式放置于 `[]` 中。\n\n```shell\n#!/bin/bash\n\na=10\n\nif [ $a -lt 15 ]; then\n echo \"$a < 15\"\nelse\n echo \"$a > 15\"\nfi\n```\n\n### 3.2 数组元素\n\n```shell\n#!/bin/bash\n\narr=(10 11 12)\narr[0]=13\necho ${arr[0]} # 13\n```\n\n## 4 尖括号（< & >）\n\n重定向。\n\n- test.sh > filename：重定向 test.sh 的输出到文件 filename 中。如果 filename 存在的话，那么将会被覆盖。\n\n- test.sh &> filename：重定向 test.sh 的 stdout（标准输出）和 stderr（标准错误）到 filename 中。\n\n- test.sh >&2：重定向 test.sh 的 stdout 到 stderr 中。\n\n- test.sh >> filename：把 test.sh 的输出追加到文件 filename 中。如果 filename 不存在的话，将会被创建。\n\n## 5 管道（|）\n\n分析左侧命令的输出，并将该输出作为右侧命令的输入。\n\n```shell\nps -aux | grep 8080\n```\n\n## 6 波浪号（~）\n\n表示 `home` 目录。\n",
"html": "<h2 id=\"1-小括号（）\">1 小括号（<code>()</code>）</h2>\n<h3 id=\"11-命令组\">1.1 命令组</h3>\n<p>在括号中的命令会作为一个子 shell 来运行。在括号中的变量，由于是在子 shell 中，所以对于脚本剩下的部分是不可用的。父进程，也就是脚本本身，将不能够读取在子进程中创建的变量，也就是在子 shell 中创建的变量。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\na=10\n( a=20; )\n\necho $a # 10\n</code></pre>\n<h3 id=\"12-初始化数组\">1.2 初始化数组</h3>\n<p>创建数组。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\narr=(1 2 3) # 注意是以空格分割\necho ${arr[0]} # 1\n</code></pre>\n<h2 id=\"2-大括号（）\">2 大括号（{}）</h2>\n<h3 id=\"21-文件名扩展\">2.1 文件名扩展</h3>\n<p>举个例子，复制 <code>t.txt</code> 内容到 <code>t.bak</code>中：</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\nif [ ! -w 't.txt' ]; then\n touch t.txt\nfi\n\necho 'hello t.txt' > t.txt;\ncp t.{txt,bak}\n</code></pre>\n<p>注意： 在大括号中，不允许有空白，除非这个空白被引用或转义。</p>\n<h3 id=\"22-代码块\">2.2 代码块</h3>\n<p>代码块，又称 _内部组_，这个结构实际上是创建了一个匿名函数，但是其中声明的变量，对于脚本其他部分可见。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\na=10\n{ a=20; }\n\necho $a # 20\n</code></pre>\n<h2 id=\"3-中括号\">3 中括号</h2>\n<h3 id=\"31-条件测试\">3.1 条件测试</h3>\n<p>条件测试表达式放置于 <code>[]</code> 中。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\na=10\n\nif [ $a -lt 15 ]; then\n echo \"$a < 15\"\nelse\n echo \"$a > 15\"\nfi\n</code></pre>\n<h3 id=\"32-数组元素\">3.2 数组元素</h3>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\narr=(10 11 12)\narr[0]=13\necho ${arr[0]} # 13\n</code></pre>\n<h2 id=\"4-尖括号（--）\">4 尖括号（< & >）</h2>\n<p>重定向。</p>\n<ul>\n<li><p>test.sh > filename：重定向 test.sh 的输出到文件 filename 中。如果 filename 存在的话，那么将会被覆盖。</p></li>\n<li><p>test.sh &> filename：重定向 test.sh 的 stdout（标准输出）和 stderr（标准错误）到 filename 中。</p></li>\n<li><p>test.sh >&2：重定向 test.sh 的 stdout 到 stderr 中。</p></li>\n<li><p>test.sh >> filename：把 test.sh 的输出追加到文件 filename 中。如果 filename 不存在的话，将会被创建。</p></li>\n</ul>\n<h2 id=\"5-管道（）\">5 管道（|）</h2>\n<p>分析左侧命令的输出，并将该输出作为右侧命令的输入。</p>\n<pre><code class=\"shell language-shell\">ps -aux | grep 8080\n</code></pre>\n<h2 id=\"6-波浪号（）\">6 波浪号（~）</h2>\n<p>表示 <code>home</code> 目录。</p>",
"toc": "[{\"level\":\"3\",\"id\":\"11-命令组\",\"text\":\"1.1 命令组\"},{\"level\":\"3\",\"id\":\"12-初始化数组\",\"text\":\"1.2 初始化数组\"},{\"level\":\"2\",\"id\":\"2-大括号（）\",\"text\":\"2 大括号（{}）\"},{\"level\":\"3\",\"id\":\"21-文件名扩展\",\"text\":\"2.1 文件名扩展\"},{\"level\":\"3\",\"id\":\"22-代码块\",\"text\":\"2.2 代码块\"},{\"level\":\"2\",\"id\":\"3-中括号\",\"text\":\"3 中括号\"},{\"level\":\"3\",\"id\":\"31-条件测试\",\"text\":\"3.1 条件测试\"},{\"level\":\"3\",\"id\":\"32-数组元素\",\"text\":\"3.2 数组元素\"},{\"level\":\"2\",\"id\":\"5-管道（）\",\"text\":\"5 管道（|）\"},{\"level\":\"2\",\"id\":\"6-波浪号（）\",\"text\":\"6 波浪号（~）\"}]",
"status": "publish",
"views": 26,
"likes": 0,
"isRecommended": false,
"needPassword": false,
"totalAmount": null,
"isPay": false,
"isCommentable": true,
"publishAt": "2022-01-06T08:47:14.000Z",
"createAt": "2022-01-06T08:47:14.732Z",
"updateAt": "2022-06-22T13:26:09.000Z",
"category": {
"id": "0a28e23a-1889-4865-a154-3e1482043e56",
"label": "Linux",
"value": "linux",
"createAt": "2022-01-06T08:23:59.560Z",
"updateAt": "2022-01-06T08:23:59.560Z"
},
"tags": [
{
"id": "e2770db7-4614-4a08-a048-a32364dd8e54",
"label": "bash",
"value": "bash",
"createAt": "2022-01-06T08:29:48.006Z",
"updateAt": "2022-01-06T08:29:48.006Z"
}
]
},
{
"id": "5315a4bd-7266-43ec-99a1-dc1d5dfa7bbb",
"title": "全栈开发实践：使用 next.js + nest.js 开发完整前后端分离项目",
"cover": "https://wipi.oss-cn-shanghai.aliyuncs.com/2020-04-04/home-office-1867761_1280.jpg",
"summary": "本项目使用 next.js、nest.js 和 MySQL 从 0 到 1 搭建了一个完整的前后端分离项目。",
"content": "## 简介\n\nWipi 是一个面向个人的开源的集成文章发表、页面创建、知识小册等功能的 CMS 系统。涉及到的技术如下：\n\n- `MySQL`：数据存储\n- `next.js`：前端页面框架\n- `nest.js`：服务端框架\n- `AliyunOSS`：对象存储\n\n## 链接\n\n- [Github 源码](https://github.com/fantasticit/wipi)\n- [前台页面](https://blog.wipi.tech/)\n- [管理系统](https://admin.blog.wipi.tech/)：支持访客注册\n- [接口文档](https://api.blog.wipi.tech/api/)\n\n## 功能点\n\n- 文章管理\n- 页面管理\n- 知识小册\n- 评论管理\n- 邮件管理\n- 访问统计\n- 文件管理\n- 系统设置\n\n更多功能，欢迎访问系统进行体验。\n\n## 预览\n\n<ul>\n <li><img width=\"240\" alt=\"文章列表\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-13/3402/image.png\"/></li>\n <li><img width=\"240\" alt=\"文章详情\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/815/image.png\"/></li>\n <li><img width=\"240\" alt=\"动态页面\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/3124/image.png\"/></li>\n <li><img width=\"240\" alt=\"知识小册\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/6485/image.png\"/></li>\n <li><img width=\"240\" alt=\"后台管理\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/754/image.png\"/></li>\n <li><img width=\"240\" alt=\"文章编辑\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/6587/image.png\"/></li>\n <li><img width=\"240\" alt=\"小册编辑\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/1864/image.png\"/></li>\n</ul>\n\n## 项目运行\n\n### 数据库\n\n首先安装 `MySQL`，推荐使用 docker 进行安装。\n\n```bash\ndocker run -d --restart=always --name wipi -p 3306:3306 -e MYSQL_ROOT_PASSWORD=root mysql:5.7\n```\n\n然后在 `MySQL` 中创建数据库。\n\n```bash\ndocker container exec -it wipi bash;\nmysql -u root -p root;\nCREATE DATABASE `wipi` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;\n```\n\n### 本地运行\n\n首先，clone 项目。\n\n```bash\ngit clone --depth=1 https://github.com/fantasticit/wipi.git your-project-name\n```\n\n然后，安装项目依赖。\n\n```bash\nyarn\n```\n\n- 启动项目\n\n```bash\nyarn dev\n```\n\n前台页面地址：`http://localhost:3000`。\n后台管理地址：`http://localhost:3001`。\n服务接口地址：`http://localhost:4000`。\n\n首次启动，默认创建管理员用户：admin，密码：admin（可在 `.env` 文件中进行修改）。\n[PS] 如服务端配置启动失败，请先确认 MySQL 的配置是否正确，配置文件在 `.env`。在生产环境中需要在后台正确设置系统的地址，否则二维码无法正确识别。本地开发环境中，如未填域名地址，默认为空。\n\n### 系统设置\n\n<ul>\n <li><img width=\"240\" alt=\"系统设置\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-13/FURY8457EB0K41T6ABMBCSP1N9HUUFAB/image.png\"/></li>\n <li><img width=\"240\" alt=\"前台页面\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-13/ICS41W05E4XRKLEAF9YO99A48CWGRP9X/image.png\"/></li>\n</ul>\n\n项目初次启动时，需要在后台进行系统设置。随着内容的丰富，页面内容也会丰富起来。\n\n### 配置文件\n\n默认加载 `.env` 文件，生产环境会尝试加载 `.env.prod` 文件。\n\n```bash\nCLIENT_ASSET_PREFIX=/ # client 打包前缀地址（类似 webpack publicPath 配置）\nADMIN_ASSET_PREFIX=/ # admin 打包前缀地址\n\nADMIN_USER=admin # 默认管理员账户\nADMIN_PASSWD=admin # 默认管理员密码\nDB_HOST=127.0.0.1 # 数据库地址\nDB_PORT=3306 # 数据库端口\nDB_USER=root # 数据库用户名\nDB_PASSWD=root # 数据库密码\nDB_DATABASE=wipi # 数据库名称\n```\n\n### 项目部署\n\n生产环境部署的脚本如下：\n\n```bash\n\nnode -v\nnpm -v\n\nnpm config set registry http://registry.npmjs.org\n\nnpm i -g pm2 @nestjs/cli lerna yarn\n\nyarn\nyarn run build\nyarn run pm2\n\npm2 startup\npm2 save\n```\n\n### nginx 配置\n\n采用反向代理进行 `nginx` 配置，**同时设置 `proxy_set_header X-Real-IP $remote_addr;` 以便服务端获取到真实 ip 地址**。\n\n```bash\nupstream wipi_client {\n server 127.0.0.1:3000;\n keepalive 64;\n}\n\n# http -> https 重定向\nserver {\n listen 80;\n server_name 域名;\n rewrite ^(.*)$ https://$host$1 permanent;\n}\n\nserver {\n listen 443 ssl;\n server_name 域名;\n ssl_certificate 证书存放路径;\n ssl_certificate_key 证书存放路径;\n\n location / {\n proxy_http_version 1.1;\n proxy_set_header Upgrade $http_upgrade;\n proxy_set_header Connection \"upgrade\";\n proxy_set_header Host $host;\n proxy_set_header X-Nginx-Proxy true;\n proxy_cache_bypass $http_upgrade;\n proxy_pass http://wipi_client; #反向代理\n proxy_set_header X-Real-IP $remote_addr;\n proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n }\n}\n```\n\n## 资料\n\n- next.js 源码：https://github.com/vercel/next.js\n- next.js 文档：https://nextjs.org/\n- nest.js 源码：https://github.com/nestjs/nest\n- nest.js 文档：https://nestjs.com/\n",
"html": "<h2 id=\"简介\">简介</h2>\n<p>Wipi 是一个面向个人的开源的集成文章发表、页面创建、知识小册等功能的 CMS 系统。涉及到的技术如下：</p>\n<ul>\n<li><code>MySQL</code>：数据存储</li>\n<li><code>next.js</code>：前端页面框架</li>\n<li><code>nest.js</code>：服务端框架</li>\n<li><code>AliyunOSS</code>：对象存储</li>\n</ul>\n<h2 id=\"链接\">链接</h2>\n<ul>\n<li><a href=\"https://github.com/fantasticit/wipi\">Github 源码</a></li>\n<li><a href=\"https://blog.wipi.tech/\">前台页面</a></li>\n<li><a href=\"https://admin.blog.wipi.tech/\">管理系统</a>：支持访客注册</li>\n<li><a href=\"https://api.blog.wipi.tech/api/\">接口文档</a></li>\n</ul>\n<h2 id=\"功能点\">功能点</h2>\n<ul>\n<li>文章管理</li>\n<li>页面管理</li>\n<li>知识小册</li>\n<li>评论管理</li>\n<li>邮件管理</li>\n<li>访问统计</li>\n<li>文件管理</li>\n<li>系统设置</li>\n</ul>\n<p>更多功能，欢迎访问系统进行体验。</p>\n<h2 id=\"预览\">预览</h2>\n<ul>\n <li><img width=\"240\" alt=\"文章列表\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-13/3402/image.png\"/></li>\n <li><img width=\"240\" alt=\"文章详情\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/815/image.png\"/></li>\n <li><img width=\"240\" alt=\"动态页面\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/3124/image.png\"/></li>\n <li><img width=\"240\" alt=\"知识小册\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/6485/image.png\"/></li>\n <li><img width=\"240\" alt=\"后台管理\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/754/image.png\"/></li>\n <li><img width=\"240\" alt=\"文章编辑\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/6587/image.png\"/></li>\n <li><img width=\"240\" alt=\"小册编辑\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-12/1864/image.png\"/></li>\n</ul>\n<h2 id=\"项目运行\">项目运行</h2>\n<h3 id=\"数据库\">数据库</h3>\n<p>首先安装 <code>MySQL</code>，推荐使用 docker 进行安装。</p>\n<pre><code class=\"bash language-bash\">docker run -d --restart=always --name wipi -p 3306:3306 -e MYSQL_ROOT_PASSWORD=root mysql:5.7\n</code></pre>\n<p>然后在 <code>MySQL</code> 中创建数据库。</p>\n<pre><code class=\"bash language-bash\">docker container exec -it wipi bash;\nmysql -u root -p root;\nCREATE DATABASE `wipi` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;\n</code></pre>\n<h3 id=\"本地运行\">本地运行</h3>\n<p>首先，clone 项目。</p>\n<pre><code class=\"bash language-bash\">git clone --depth=1 https://github.com/fantasticit/wipi.git your-project-name\n</code></pre>\n<p>然后，安装项目依赖。</p>\n<pre><code class=\"bash language-bash\">yarn\n</code></pre>\n<ul>\n<li>启动项目</li>\n</ul>\n<pre><code class=\"bash language-bash\">yarn dev\n</code></pre>\n<p>前台页面地址：<code>http://localhost:3000</code>。<br />\n后台管理地址：<code>http://localhost:3001</code>。<br />\n服务接口地址：<code>http://localhost:4000</code>。</p>\n<p>首次启动，默认创建管理员用户：admin，密码：admin（可在 <code>.env</code> 文件中进行修改）。<br />\n[PS] 如服务端配置启动失败，请先确认 MySQL 的配置是否正确，配置文件在 <code>.env</code>。在生产环境中需要在后台正确设置系统的地址，否则二维码无法正确识别。本地开发环境中，如未填域名地址，默认为空。</p>\n<h3 id=\"系统设置\">系统设置</h3>\n<ul>\n <li><img width=\"240\" alt=\"系统设置\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-13/FURY8457EB0K41T6ABMBCSP1N9HUUFAB/image.png\"/></li>\n <li><img width=\"240\" alt=\"前台页面\" src=\"https://wipi.oss-cn-shanghai.aliyuncs.com/2021-06-13/ICS41W05E4XRKLEAF9YO99A48CWGRP9X/image.png\"/></li>\n</ul>\n<p>项目初次启动时，需要在后台进行系统设置。随着内容的丰富，页面内容也会丰富起来。</p>\n<h3 id=\"配置文件\">配置文件</h3>\n<p>默认加载 <code>.env</code> 文件，生产环境会尝试加载 <code>.env.prod</code> 文件。</p>\n<pre><code class=\"bash language-bash\">CLIENT_ASSET_PREFIX=/ # client 打包前缀地址（类似 webpack publicPath 配置）\nADMIN_ASSET_PREFIX=/ # admin 打包前缀地址\n\nADMIN_USER=admin # 默认管理员账户\nADMIN_PASSWD=admin # 默认管理员密码\nDB_HOST=127.0.0.1 # 数据库地址\nDB_PORT=3306 # 数据库端口\nDB_USER=root # 数据库用户名\nDB_PASSWD=root # 数据库密码\nDB_DATABASE=wipi # 数据库名称\n</code></pre>\n<h3 id=\"项目部署\">项目部署</h3>\n<p>生产环境部署的脚本如下：</p>\n<pre><code class=\"bash language-bash\">node -v\nnpm -v\n\nnpm config set registry http://registry.npmjs.org\n\nnpm i -g pm2 @nestjs/cli lerna yarn\n\nyarn\nyarn run build\nyarn run pm2\n\npm2 startup\npm2 save\n</code></pre>\n<h3 id=\"nginx-配置\">nginx 配置</h3>\n<p>采用反向代理进行 <code>nginx</code> 配置，<strong>同时设置 <code>proxy_set_header X-Real-IP $remote_addr;</code> 以便服务端获取到真实 ip 地址</strong>。</p>\n<pre><code class=\"bash language-bash\">upstream wipi_client {\n server 127.0.0.1:3000;\n keepalive 64;\n}\n\n# http -> https 重定向\nserver {\n listen 80;\n server_name 域名;\n rewrite ^(.*)$ https://$host$1 permanent;\n}\n\nserver {\n listen 443 ssl;\n server_name 域名;\n ssl_certificate 证书存放路径;\n ssl_certificate_key 证书存放路径;\n\n location / {\n proxy_http_version 1.1;\n proxy_set_header Upgrade $http_upgrade;\n proxy_set_header Connection \"upgrade\";\n proxy_set_header Host $host;\n proxy_set_header X-Nginx-Proxy true;\n proxy_cache_bypass $http_upgrade;\n proxy_pass http://wipi_client; #反向代理\n proxy_set_header X-Real-IP $remote_addr;\n proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n }\n}\n</code></pre>\n<h2 id=\"资料\">资料</h2>\n<ul>\n<li>next.js 源码：<a href=\"https://github.com/vercel/next.js\">https://github.com/vercel/next.js</a></li>\n<li>next.js 文档：<a href=\"https://nextjs.org/\">https://nextjs.org/</a></li>\n<li>nest.js 源码：<a href=\"https://github.com/nestjs/nest\">https://github.com/nestjs/nest</a></li>\n<li>nest.js 文档：<a href=\"https://nestjs.com/\">https://nestjs.com/</a></li>\n</ul>",
"toc": "[{\"level\":\"2\",\"id\":\"简介\",\"text\":\"简介\"},{\"level\":\"2\",\"id\":\"链接\",\"text\":\"链接\"},{\"level\":\"2\",\"id\":\"功能点\",\"text\":\"功能点\"},{\"level\":\"2\",\"id\":\"预览\",\"text\":\"预览\"},{\"level\":\"2\",\"id\":\"项目运行\",\"text\":\"项目运行\"},{\"level\":\"3\",\"id\":\"数据库\",\"text\":\"数据库\"},{\"level\":\"3\",\"id\":\"本地运行\",\"text\":\"本地运行\"},{\"level\":\"3\",\"id\":\"系统设置\",\"text\":\"系统设置\"},{\"level\":\"3\",\"id\":\"配置文件\",\"text\":\"配置文件\"},{\"level\":\"3\",\"id\":\"项目部署\",\"text\":\"项目部署\"},{\"level\":\"3\",\"id\":\"nginx-配置\",\"text\":\"nginx 配置\"},{\"level\":\"2\",\"id\":\"资料\",\"text\":\"资料\"}]",
"status": "publish",
"views": 36,
"likes": 0,
"isRecommended": false,
"needPassword": false,
"totalAmount": null,
"isPay": false,
"isCommentable": true,
"publishAt": "2022-01-06T08:44:10.000Z",
"createAt": "2022-01-06T08:44:10.591Z",
"updateAt": "2022-06-22T13:09:52.000Z",
"category": {
"id": "b76c093b-65ec-45e7-9218-071f17f33136",
"label": "前端",
"value": "front",
"createAt": "2021-12-31T00:32:45.075Z",
"updateAt": "2022-01-06T08:06:01.000Z"
},
"tags": []
},
{
"id": "ff96c0a7-d11f-486c-999a-b4fadfa0d10b",
"title": "bash 中的特殊字符（上）",
"cover": "https://wipi.oss-cn-shanghai.aliyuncs.com/2020-03-16/2XLH7SX1QZ7R4VTGSDVKR0/697719-637082269193623952-16x9.jpg",
"summary": "bash 脚本编程系列之：bash 中的特殊字符（上）。",
"content": "\n## 1 注释（#）\n\n行首以 `#` 开头（除 `#!` 之外）的是注释。`#!` 用于指定当前脚本的解释器。\n\n```shell\n#!/bin/bash\n\necho 'The # here is not comment'\necho The \\# here is not comment # 注意转义字符\necho The # here is not comment\n```\n\n## 2 分号（;）\n\n### 2.1 命令分隔符\n\n使用分号（;）可以在同一行写多个命令。\n\n```shell\n#!/bin/bash\n\necho 'Now start...';\nfilename=semi.sh\nif [ -e \"$filename\" ]; then\n echo \"File $filename exists.\"; cp $filename $filename.bak # cp 复制命令\nelse\n echo \"File $filename not found\"; touch $filename # touch 创建文件\nfi;\n echo \"End\"\n```\n\n### 2.2 终止 `case` 选项\n\n使用双分号（;;）可以终止 `case` 选项（类似于其他语言中的 `break`）。\n\n```shell\n#!/bin/bash\n\nchar=b\n\ncase \"$char\" in\n [a-z]) echo \"letter\";;\n [0-9]) echo \"number\";;\nesac\n```\n\n## 3 点号（.）\n\n等价于 `source` 命令（bash 中的 `source` 命令用于在当前 `bash` 环境下读取并执行 指定的 sh 文件）。\n\n```shell\n$ source hello.sh\nhi\n$ . hello.sh\nhi\n```\n\n## 4 引号\n\n### 4.1 双引号（\"）\n\n由双引号括起来的字符，除$（美元符号）、\\（反斜杠）、’（单引号）、和”（双引号）这几个字符仍是特殊字符并保留其特殊功能外，其余字符仍作为普通字符对待。\n\n### 4.2 单引号（'）\n\n由单引号括起来的字符都作为普通字符出现。特殊字符用单引号括起来以后，也会失去原有意义，而只作为普通字符解释。\n\n### 4.3 区别\n\n举个例子：\n\n```shell\nname=difference\n\necho '$name' # name\necho \"$name\" # difference\n```\n\n同样是 `$name`，单引号则认为是字符串，而双引号则认为是一个变量。\n\n## 5 斜线和反斜线\n\n### 5.1 斜线（/）\n\n文件名路径分隔符。分隔文件名不同的部分（如`/home/repo`）。也可以用来作为除法算术操作符。在 linux 中表示路径的时候，许多个/跟一个/是一样的。`/home/repo` 等同于 `////home///repo`\n\n### 5.2 反斜线（\\）\n\n转义字符。\n\n## 6 反引号\n\n反引号（\\`）中的命令会优先执行（推荐使用`$()`代替`\\``）。\n\n```shell\ncp `mkdir temp` hello.sh temp # 先创建 temp 文件夹，再将 hello.sh 复制到 temp 文件夹\ncp $(mkdir temp) hello.sh temp\n```\n\n## 7 冒号（:）\n\n### 7.1 空命令\n\n等价于 “NOP”（`no op`，该命令什么也不做）。`:` 命令是 bash 内建命令，退出码是 `0`。\n\n```shell\n#!/bin/bash\n\nnum=5\n\nif [ $num -gt 2 ] # gt 表示 greater than（大于）\n then : # 什么都不做，退出分支\nelse\n echo \"$num\"\nfi\n```\n\n### 7.2 其他功能\n\n与 `>` 重定向操作符结合使用时，可以清空一个文件，但是不会修改这个文件的权限。如果这个文件之前不存在，则先创建这个文件。\n\n```shell\n: > null.sh\n```\n\n## 8 问号（?）\n\n在双括号中就是三元操作符。\n\n```shell\n#!/bin/bash\n\n((t=8<10?15:5))\necho $t\n```\n\n## 9 美元符号（$）\n\n变量替换。\n\n```shell\n#!/bin/bash\n\na=10\necho $a\n```\n",
"html": "<h2 id=\"1-注释（）\">1 注释（#）</h2>\n<p>行首以 <code>#</code> 开头（除 <code>#!</code> 之外）的是注释。<code>#!</code> 用于指定当前脚本的解释器。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\necho 'The # here is not comment'\necho The \\# here is not comment # 注意转义字符\necho The # here is not comment\n</code></pre>\n<h2 id=\"2-分号（）\">2 分号（;）</h2>\n<h3 id=\"21-命令分隔符\">2.1 命令分隔符</h3>\n<p>使用分号（;）可以在同一行写多个命令。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\necho 'Now start...';\nfilename=semi.sh\nif [ -e \"$filename\" ]; then\n echo \"File $filename exists.\"; cp $filename $filename.bak # cp 复制命令\nelse\n echo \"File $filename not found\"; touch $filename # touch 创建文件\nfi;\n echo \"End\"\n</code></pre>\n<h3 id=\"22-终止-case-选项\">2.2 终止 <code>case</code> 选项</h3>\n<p>使用双分号（;;）可以终止 <code>case</code> 选项（类似于其他语言中的 <code>break</code>）。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\nchar=b\n\ncase \"$char\" in\n [a-z]) echo \"letter\";;\n [0-9]) echo \"number\";;\nesac\n</code></pre>\n<h2 id=\"3-点号（）\">3 点号（.）</h2>\n<p>等价于 <code>source</code> 命令（bash 中的 <code>source</code> 命令用于在当前 <code>bash</code> 环境下读取并执行 指定的 sh 文件）。</p>\n<pre><code class=\"shell language-shell\">$ source hello.sh\nhi\n$ . hello.sh\nhi\n</code></pre>\n<h2 id=\"4-引号\">4 引号</h2>\n<h3 id=\"41-双引号（）\">4.1 双引号（\"）</h3>\n<p>由双引号括起来的字符，除$（美元符号）、\\（反斜杠）、’（单引号）、和”（双引号）这几个字符仍是特殊字符并保留其特殊功能外，其余字符仍作为普通字符对待。</p>\n<h3 id=\"42-单引号（）\">4.2 单引号（'）</h3>\n<p>由单引号括起来的字符都作为普通字符出现。特殊字符用单引号括起来以后，也会失去原有意义，而只作为普通字符解释。</p>\n<h3 id=\"43-区别\">4.3 区别</h3>\n<p>举个例子：</p>\n<pre><code class=\"shell language-shell\">name=difference\n\necho '$name' # name\necho \"$name\" # difference\n</code></pre>\n<p>同样是 <code>$name</code>，单引号则认为是字符串，而双引号则认为是一个变量。</p>\n<h2 id=\"5-斜线和反斜线\">5 斜线和反斜线</h2>\n<h3 id=\"51-斜线（）\">5.1 斜线（/）</h3>\n<p>文件名路径分隔符。分隔文件名不同的部分（如<code>/home/repo</code>）。也可以用来作为除法算术操作符。在 linux 中表示路径的时候，许多个/跟一个/是一样的。<code>/home/repo</code> 等同于 <code>////home///repo</code></p>\n<h3 id=\"52-反斜线（）\">5.2 反斜线（\\）</h3>\n<p>转义字符。</p>\n<h2 id=\"6-反引号\">6 反引号</h2>\n<p>反引号（`）中的命令会优先执行（推荐使用<code>$()</code>代替```）。</p>\n<pre><code class=\"shell language-shell\">cp `mkdir temp` hello.sh temp # 先创建 temp 文件夹，再将 hello.sh 复制到 temp 文件夹\ncp $(mkdir temp) hello.sh temp\n</code></pre>\n<h2 id=\"7-冒号（）\">7 冒号（:）</h2>\n<h3 id=\"71-空命令\">7.1 空命令</h3>\n<p>等价于 “NOP”（<code>no op</code>，该命令什么也不做）。<code>:</code> 命令是 bash 内建命令，退出码是 <code>0</code>。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\nnum=5\n\nif [ $num -gt 2 ] # gt 表示 greater than（大于）\n then : # 什么都不做，退出分支\nelse\n echo \"$num\"\nfi\n</code></pre>\n<h3 id=\"72-其他功能\">7.2 其他功能</h3>\n<p>与 <code>></code> 重定向操作符结合使用时，可以清空一个文件，但是不会修改这个文件的权限。如果这个文件之前不存在，则先创建这个文件。</p>\n<pre><code class=\"shell language-shell\">: > null.sh\n</code></pre>\n<h2 id=\"8-问号（）\">8 问号（?）</h2>\n<p>在双括号中就是三元操作符。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\n((t=8<10?15:5))\necho $t\n</code></pre>\n<h2 id=\"9-美元符号（）\">9 美元符号（$）</h2>\n<p>变量替换。</p>\n<pre><code class=\"shell language-shell\">#!/bin/bash\n\na=10\necho $a\n</code></pre>",
"toc": "[{\"level\":\"2\",\"id\":\"1-注释（）\",\"text\":\"1 注释（#）\"},{\"level\":\"2\",\"id\":\"2-分号（）\",\"text\":\"2 分号（;）\"},{\"level\":\"3\",\"id\":\"21-命令分隔符\",\"text\":\"2.1 命令分隔符\"},{\"level\":\"2\",\"id\":\"3-点号（）\",\"text\":\"3 点号（.）\"},{\"level\":\"2\",\"id\":\"4-引号\",\"text\":\"4 引号\"},{\"level\":\"3\",\"id\":\"41-双引号（）\",\"text\":\"4.1 双引号（\\\"）\"},{\"level\":\"3\",\"id\":\"42-单引号（）\",\"text\":\"4.2 单引号（'）\"},{\"level\":\"3\",\"id\":\"43-区别\",\"text\":\"4.3 区别\"},{\"level\":\"2\",\"id\":\"5-斜线和反斜线\",\"text\":\"5 斜线和反斜线\"},{\"level\":\"3\",\"id\":\"51-斜线（）\",\"text\":\"5.1 斜线（/）\"},{\"level\":\"3\",\"id\":\"52-反斜线（）\",\"text\":\"5.2 反斜线（\\\\）\"},{\"level\":\"2\",\"id\":\"6-反引号\",\"text\":\"6 反引号\"},{\"level\":\"2\",\"id\":\"7-冒号（）\",\"text\":\"7 冒号（:）\"},{\"level\":\"3\",\"id\":\"71-空命令\",\"text\":\"7.1 空命令\"},{\"level\":\"3\",\"id\":\"72-其他功能\",\"text\":\"7.2 其他功能\"},{\"level\":\"2\",\"id\":\"8-问号（）\",\"text\":\"8 问号（?）\"},{\"level\":\"2\",\"id\":\"9-美元符号（）\",\"text\":\"9 美元符号（$）\"}]",
"status": "publish",
"views": 22,
"likes": 0,
"isRecommended": false,
"needPassword": false,
"totalAmount": null,
"isPay": false,
"isCommentable": true,
"publishAt": "2022-01-06T08:38:03.000Z",
"createAt": "2022-01-06T08:38:03.373Z",
"updateAt": "2022-06-22T07:36:22.000Z",
"category": {
"id": "0a28e23a-1889-4865-a154-3e1482043e56",
"label": "Linux",
"value": "linux",
"createAt": "2022-01-06T08:23:59.560Z",
"updateAt": "2022-01-06T08:23:59.560Z"
},
"tags": [
{
"id": "e2770db7-4614-4a08-a048-a32364dd8e54",
"label": "bash",
"value": "bash",
"createAt": "2022-01-06T08:29:48.006Z",
"updateAt": "2022-01-06T08:29:48.006Z"
}
]
}
]
}</code></pre>
<h5>返回参数说明</h5>
<table>
<thead>
<tr>
<th style="text-align: left;">参数名</th>
<th style="text-align: left;">类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">groupid</td>
<td style="text-align: left;">int</td>
<td>用户组id，1：超级管理员；2：普通用户</td>
</tr>
</tbody>
</table>
<h5>备注</h5>
<ul>
<li>更多返回错误代码请看首页的错误代码描述</li>
</ul>