自行修改即可
在main.html 里自行修改即可
Mkdocs教程
Mkdocs-Wcowin\u200b\u535a\u5ba2\u200b\u4e3b\u9898\u200b
\u200b\u6b63\u5728\u200b\u52a0\u8f7d\u200b\u4eca\u65e5\u200b\u8bd7\u8bcd\u200b....
\u200b\u5feb\u901f\u200b\u8c08\u8bdd\u200b(1) \u200b\u8054\u7cfb\u200b\u6211\u200b(2)
Mkdocs\u200b\u6559\u7a0b\u200b
\u200b\u5173\u4e8e\u200b
\u200b\u672c\u7ad9\u200b\u5df2\u7ecf\u200b\u8fd0\u884c\u200b
\u200b\u592a\u9633\u200b\u603b\u662f\u200b\u80fd\u200b\u6e29\u6696\u200b\u5411\u65e5\u8475\u200b\u00a0\u21a9
All-problems-in-computer-science-can-be-solved-by-another-level-of-indirection\u00a0\u21a9
\u200b\u6708\u843d\u4e4c\u557c\u200b\u971c\u200b\u6ee1\u5929\u200b \u200b\u6c5f\u67ab\u200b\u6e14\u706b\u200b\u5bf9\u6101\u200b\u7720\u200b
\u300a\u200b\u67ab\u6865\u200b\u591c\u6cca\u200b\u300b\u3010\u200b\u5510\u4ee3\u200b\u3011\u200b\u5f20\u7ee7\u200b
\u201c\u200b\u5faa\u6b64\u200b\u82e6\u65c5\u200b \u200b\u4ee5\u9054\u200b\u661f\u8fb0\u200b\u201d
\u200b\u5feb\u901f\u200b\u8ac7\u8a71\u200b(1) \u200b\u806f\u7d61\u200b\u6211\u200b(2)
\u200b\u95dc\u65bc\u200b
\u200b\u672c\u7ad9\u200b\u5df2\u7d93\u200b\u904b\u4f5c\u200b
\u200b\u592a\u967d\u200b\u7e3d\u200b\u662f\u200b\u80fd\u200b\u6eab\u6696\u200b\u5411\u65e5\u8475\u200b\u00a0\u21a9
All problems in computer science can be solved by another level of indirection\u00a0\u21a9
Wcowin
A college student in Chongqing
About me
\u200b\u6211\u200b\u7684\u200b\u540d\u7247\u200b
\u200b\u4e2a\u4eba\u7b80\u5386\u200b(\u200b\u5728\u7ebf\u200b)
\u200b\u672c\u4eba\u200b\u64c5\u957f\u200b Ai\u3001Fw\u3001Fl\u3001Br\u3001Ae\u3001Pr\u3001Id\u3001Ps \u200b\u7b49\u200b\u8f6f\u4ef6\u200b\u7684\u200b\u5b89\u88c5\u200b\u4e0e\u200b\u5378\u8f7d\u200b\u3002 \u200b\u7cbe\u901a\u200b CSS\u3001JavaScript\u3001PHP\u3001ASP\u3001C\u3001C++\u3001C#\u3001Java\u3001Ruby\u3001Perl\u3001Lisp\u3001Python\u3001Objective-C\u3001ActionScript\u3001Pascal \u200b\u7b49\u200b\u5355\u8bcd\u200b\u7684\u200b\u62fc\u5199\u200b\u3002 \u200b\u719f\u6089\u200b Windows\u3001Linux\u3001OS X\u3001Android\u3001iOS\u3001WP8 \u3001harmony\u3001hyper\u200b\u7b49\u200b\u7cfb\u7edf\u200b\u7684\u200b\u5f00\u5173\u673a\u200b\u3002
\u200b\u5982\u679c\u200b\u4f60\u200b\u5728\u200b\u6d4f\u89c8\u200b\u535a\u5ba2\u200b\u7684\u200b\u8fc7\u7a0b\u200b\u4e2d\u200b\u53d1\u73b0\u200b\u4e86\u200b\u4efb\u4f55\u200b\u95ee\u9898\u200b\uff0c\u200b\u6b22\u8fce\u200b\u524d\u5f80\u200b GitHub \u200b\u7684\u200b\u4ee3\u7801\u200b\u4ed3\u5e93\u200b\u63d0\u4ea4\u200b Issues \u200b\u6216\u200b\u76f4\u63a5\u200b\u4fee\u6539\u200b\u76f8\u5173\u200b\u6587\u4ef6\u200b\u540e\u200b\u63d0\u4ea4\u200b Pull Requests\u3002\u200b\u5982\u679c\u200b\u4f60\u200b\u6709\u200b\u5176\u4ed6\u200b\u4e8b\u60c5\u200b\u60f3\u8981\u200b\u54a8\u8be2\u200b\uff0c\u200b\u53ef\u4ee5\u200b\u901a\u8fc7\u200b\u4e0b\u65b9\u200b\u6309\u94ae\u200b\u4f7f\u7528\u200b\u90ae\u4ef6\u200b\u8054\u7cfb\u200b\u6211\u200b,\u200b\u8bf7\u200b\u4e0d\u8981\u200b\u6ee5\u7528\u200b\u535a\u5ba2\u200b\u7684\u200b\u8bc4\u8bba\u200b\u529f\u80fd\u200b\u53d1\u8868\u200b\u4e0e\u200b\u4e3b\u9898\u200b\u65e0\u5173\u200b\u8a00\u8bba\u200b\u3002
Note
\u200b\u5982\u679c\u200b\u7ed9\u6211\u53d1\u200b\u90ae\u4ef6\u200b\uff0c\u200b\u6216\u8005\u200b\u901a\u8fc7\u200b\u53f3\u4e0b\u89d2\u200b\u5fae\u4fe1\u200b\u6dfb\u52a0\u200b\u597d\u53cb\u200b\uff0c\u200b\u8bf7\u200b\u5199\u200b\u4e0a\u200b\u60a8\u200b\u7684\u200b\u771f\u540d\u5b9e\u59d3\u200b\u3002\u200b\u5bf9\u4e8e\u200b\u90a3\u4e9b\u200b\u4e0d\u77e5\u200b\u6765\u8def\u200b\u3001\u200b\u4e0a\u6765\u200b\u5c31\u200b\u95ee\u200b\u95ee\u9898\u200b\u7684\u200b\u5fae\u4fe1\u200b\u548c\u200b\u90ae\u4ef6\u200b\uff0c\u200b\u6211\u200b\u901a\u5e38\u200b\u4f1a\u200b\u76f4\u63a5\u200b\u5ffd\u7565\u200b\uff0c\u200b\u8c22\u8c22\u200b\u3002
Send Email
\u200b\u672c\u7ad9\u200b\u5df2\u7ecf\u200b\u52a0\u5165\u200b\u5341\u5e74\u200b\u4e4b\u7ea6\u200b\uff1a \u200b\u8bf7\u200b\u653e\u5fc3\u200b\u6dfb\u52a0\u200b\u672c\u200b\u7ad9\u53cb\u200b\u94fe\u200b
\u200b\u53cb\u94fe\u200b\u683c\u5f0f\u200b\u793a\u4f8b\u200b/\u200b\u672c\u7ad9\u200b\u4fe1\u606f\u200b:
\u200b\u540d\u79f0\u200b: Wcowin's Web \u200b\u94fe\u63a5\u200b: https://wcowin.work/ \u200b\u5934\u50cf\u200b: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png \u200b\u7b80\u4ecb\u200b: \u200b\u5faa\u6b64\u200b\u82e6\u65c5\u200b\uff0c\u200b\u4ee5\u8fbe\u200b\u661f\u8fb0\u200b
\u200b\u63a8\u8350\u200b\u5728\u200b\u8bc4\u8bba\u200b\u533a\u200b\u53d1\u9001\u200b\u8fd9\u79cd\u200b\u683c\u5f0f\u200b\uff0c*\u200b\u53f7\u200b\u7684\u200b\u9700\u8981\u200b\u586b\u5199\u200b\u81ea\u5df1\u200b\u7684\u200b\u4fe1\u606f\u200b
<div class=\"card\"> \n <img class=\"ava\" src=\"*\u200b\u4f60\u200b\u7684\u200b\u5934\u50cf\u200b\u94fe\u63a5\u200b*\" /> \n <div class=\"card-header\"> \n <div> \n <a href=\"*\u200b\u4f60\u200b\u7684\u200b\u7f51\u7ad9\u200b\u5730\u5740\u200b* \" target=\"_blank\">*\u200b\u4f60\u200b\u7684\u200b\u7ad9\u70b9\u200b\u540d\u79f0\u200b*</a> \n </div> \n <div class=\"info\">\n *\u200b\u4f60\u200b\u7684\u200b\u7ad9\u70b9\u200b\u63cf\u8ff0\u200b*\n </div> \n </div> \n</div>\n
- name: Wcowin's Web\n link: https://wcowin.work/\n avatar: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png \n descr: \u200b\u5faa\u6b64\u200b\u82e6\u65c5\u200b\uff0c\u200b\u4ee5\u8fbe\u200b\u661f\u8fb0\u200b\n
\u200b\u70b9\u51fb\u200b\u586b\u5199\u200b\u53cb\u94fe\u200b\u7533\u8bf7\u200b\u95ee\u5377\u200b
Info
\u200b\u6d4b\u8bd5\u200b\u4e2d\u200b\u7684\u200b\u5c0f\u7ec4\u200b\u4ef6\u200b\uff0c\u200b\u53ef\u200b\u770b\u200b\u6e90\u4ee3\u7801\u200b\u81ea\u884c\u200b\u53d6\u7528\u200b
\u201c\u200b\u5faa\u6b64\u200b\u82e6\u65c5\u200b \u200b\u4ee5\u8fbe\u200b\u661f\u8fb0\u200b\u201d
\u200b\u63a8\u8350\u200b
Wcowin - \u200b\u6280\u672f\u200b\u535a\u5ba2\u200b
Release
\u200b\u66f4\u65b0\u200b\u4e2d\u200b...
\u2192 \u200b\u6240\u6709\u200b\u7248\u672c\u200b
\u2192 \u200b\u4e86\u89e3\u200b\u66f4\u200b\u591a\u200b
\\(\\overset{w\u00e1ng}{\u200b\u738b\u200b}\\overset{k\u0113}{\u200b\u79d1\u200b}\\overset{w\u00e9n}{\u200b\u6587\u200b}\\)
Set up in 5 minutes
Install mkdocs-material with pip and get up and running in minutes
mkdocs-material
pip
Getting started
It's just Markdown
Focus on your content and generate a responsive and searchable static site
Reference
Made to measure
Change the colors, fonts, language, icons, logo and more with a few lines
Customization
Open Source, MIT
Material for MkDocs is licensed under MIT and available on [GitHub]
License
\u200b\u8fd9\u662f\u200b\u6d4b\u8bd5\u200b\u5e76\u4e14\u200b\u88ab\u200b\u63a9\u76d6\u200b\u7684\u200b\u6587\u5b57\u200b\uff01
#include <stdio.h>\n\nint main(void) {\n printf(\"Hello world!\\n\");\n return 0;\n}\n
#include <iostream>\n\nint main(void) {\n std::cout << \"Hello world!\" << std::endl;\n return 0;\n}\n
def bubble_sort(items):\n for i in range(len(items)):\n for j in range(len(items) - 1 - i):\n if items[j] > items[j + 1]:\n items[j], items[j + 1] = items[j + 1], items[j]\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Phasellus posuere in sem ut cursus
Subscribe to our newsletter
Send
GET
PUT
DELETE
\u200b\u5de6\u200b\u5bf9\u9f50\u200b\uff0c\u200b\u53f3\u200b\u5bf9\u9f50\u200b
\u200b\u660e\u6697\u200b
graph LR\n A[Start] --> B{Error?};\n B -->|Yes| C[Hmm...];\n C --> D[Debug];\n D --> B;\n B ---->|No| E[Yay!];
sequenceDiagram\n Alice->>John: Hello John, how are you?\n loop Healthcheck\n John->>John: Fight against hypochondria\n end\n Note right of John: Rational thoughts!\n John-->>Alice: Great!\n John->>Bob: How about you?\n Bob-->>John: Jolly good!
Pied Piper
Ctrl+Alt+Del
\u200b\u70b9\u200b\u6211\u200b\u56de\u5230\u200b\u9876\u90e8\u200b
Hover me
The HTML specification is maintained by the W3C.
Wcowin\n
\n graph LR\n A --- B\n B-->C[fa:fa-ban forbidden]\n B-->D(fa:fa-spinner);\n
\u200b\u6765\u200b\u770b\u770b\u200b\u4e24\u4e2a\u200b\u91cd\u8981\u200b\u6781\u9650\u200b
\u200b\u6309\u94ae\u200b Green
\u200b\u8fd9\u662f\u200b\u4e00\u4e2a\u200b\u7535\u5b50\u90ae\u4ef6\u200b\u94fe\u63a5\u200b\uff1a \u200b\u53d1\u9001\u200b\u90ae\u4ef6\u200b
Email me!
\u200b\u535a\u5ba2\u200b\uff0c\u200b\u4ec5\u200b\u97f3\u8bd1\u200b\uff0c\u200b\u82f1\u6587\u200b\u540d\u4e3a\u200bBlogger\uff0c\u200b\u4e3a\u200bWeb Log\u200b\u7684\u200b\u6df7\u6210\u200b\u8bcd\u200b\u3002
\u200b\u5176\u200b\u6b63\u5f0f\u200b\u540d\u79f0\u200b\u4e3a\u200b\u7f51\u7edc\u65e5\u8bb0\u200b\uff1b\u200b\u53c8\u200b\u97f3\u8bd1\u200b\u4e3a\u200b\u90e8\u843d\u200b\u683c\u200b\u6216\u200b\u90e8\u843d\u200b\u9601\u200b\u7b49\u200b\uff0c\u200b\u662f\u200b\u793e\u4f1a\u200b\u5a92\u4f53\u200b\u7f51\u7edc\u200b\u7684\u200b\u4e00\u90e8\u5206\u200b\u3002\u200b\u662f\u200b\u4f7f\u7528\u200b\u7279\u5b9a\u200b\u7684\u200b\u8f6f\u4ef6\u200b\uff0c\u200b\u5728\u200b\u7f51\u7edc\u200b\u4e0a\u200b\u51fa\u7248\u200b\u3001\u200b\u53d1\u8868\u200b\u548c\u200b\u5f20\u8d34\u200b\u4e2a\u4eba\u200b\u6587\u7ae0\u200b\u7684\u200b\u4eba\u200b\uff0c\u200b\u6216\u8005\u200b\u662f\u200b\u4e00\u79cd\u200b\u901a\u5e38\u200b\u7531\u200b\u4e2a\u4eba\u200b\u7ba1\u7406\u200b\u3001\u200b\u4e0d\u5b9a\u671f\u200b\u5f20\u8d34\u200b\u65b0\u200b\u7684\u200b\u6587\u7ae0\u200b\u7684\u200b\u7f51\u7ad9\u200b
Material for MkDocs\u200b\u5b98\u65b9\u7f51\u7ad9\u200b\uff1aMkDocs
\u200b\u6709\u200b\u6761\u4ef6\u200b\u7684\u8bdd\u200b\uff0c\u200b\u63a8\u8350\u200b\u770b\u200b\u4e0b\u200b\u8fd9\u4e2a\u200b\u89c6\u9891\u200b\uff1a How to set up Material for MkDocs by @james-willett \u2013 15m \u2013 Learn how to create and host a documentation site using Material for MkDocs on GitHub Pages in a step-by-step guide.
1.\u200b\u4e0b\u8f7d\u200bGithub Desktop
2.\u200b\u4e00\u4e2a\u200bGitHub\u200b\u8d26\u53f7\u200b
\u200b\u53c2\u8003\u200b\u6559\u7a0b\u200b\uff1a
\u200b\u5229\u7528\u200bmkdocs\u200b\u90e8\u7f72\u200b\u9759\u6001\u200b\u7f51\u9875\u200b\u81f3\u200bGitHubpages\uff08\u200b\u66f4\u65b0\u7248\u200b\uff09
\u200b\u4e0e\u200b\u5176\u4ed6\u200b\u6559\u7a0b\u200b\u4e0d\u540c\u200b\uff0c\u200b\u6211\u200b\u9996\u5148\u200b\u5efa\u8bae\u200b\u5148\u200b\u5728\u200bGithub\u200b\u521b\u5efa\u200b\u4e00\u4e2a\u200b\u540d\u4e3a\u200b\u4f60\u200b\u7684\u200b\u540d\u5b57\u200b+github.io\u200b\u7684\u200b\u4ed3\u5e93\u200b
\u200b\u7136\u540e\u200b\u6253\u5f00\u200bgithub Desktop \u200b\u514b\u9686\u200b\u5230\u200b\u672c\u5730\u200b
\u200b\u6253\u5f00\u200bWcowin.github.io\u200b\u76ee\u5f55\u200b\u8fdb\u5165\u200b\u7ec8\u7aef\u200b\u4f9d\u6b21\u200b\u8fd0\u884c\u200b:
pip install mkdocs-material\nmkdocs new mkdocs-site\n
docs\u200b\u6587\u4ef6\u200b\u4e0b\u200b\u662f\u200b\u4ee5\u540e\u200b\u7f51\u7ad9\u200b\u7684\u200b\u5185\u5bb9\u200b\uff0cmkdocs.yml\u200b\u662f\u200b\u914d\u7f6e\u6587\u4ef6\u200b\uff08\u200b\u914d\u7f6e\u200b\u4e3b\u9898\u200b\uff0c\u200b\u76ee\u5f55\u200b\uff0c\u200b\u63d2\u4ef6\u200b\u7b49\u200b\uff09
\u200b\u4f60\u200b\u5728\u200b\u8fd9\u4e2a\u200b\u76ee\u5f55\u200b\u4e0b\u200b\u5199\u200b\u7684\u200b\u4efb\u4f55\u200b\u4e1c\u897f\u200b\u90fd\u200b\u53ef\u4ee5\u200b\u901a\u8fc7\u200bgithub Desktop \u200b\u4e0a\u200b\u4f20\u5230\u200bgithub\u200b\u4e0a\u200b
\u200b\u6267\u884c\u200b\u4e0b\u9762\u200b\u7684\u200b\u4ee3\u7801\u200b\u6dfb\u52a0\u200b\u4e00\u4e2a\u200bGitHub Workflow
(\u200b\u6267\u884c\u200b\u4e0b\u9762\u200b\u7684\u200b\u4ee3\u7801\u200b\u6dfb\u52a0\u200b\u4e00\u4e2a\u200bGitHub Workflow(\u200b\u5df2\u7ecf\u200b\u8fc7\u65f6\u200b\u4f46\u662f\u200b\u4ecd\u7136\u200b\u80fd\u200b\u7528\u200b\uff0c\u200b\u6700\u65b0\u200b\u65b9\u6cd5\u200b\u89c1\u200b\u4e0b\u65b9\u200bci.yml)
mkdir .github\ncd .github\nmkdir workflows\ncd workflows\nvim PublishMySite.yml\n
\u200b\u5728\u200bPublishMySite.yml\u200b\u91cc\u9762\u200b\u8f93\u5165\u200b\u4ee5\u4e0b\u5185\u5bb9\u200b
name: publish site\non: # \u200b\u5728\u200b\u4ec0\u4e48\u200b\u65f6\u5019\u200b\u89e6\u53d1\u200b\u5de5\u4f5c\u200b\u6d41\u200b\n push: # \u200b\u5728\u200b\u4ece\u200b\u672c\u5730\u200bmain\u200b\u5206\u652f\u200b\u88ab\u200bpush\u200b\u5230\u200bGitHub\u200b\u4ed3\u5e93\u200b\u65f6\u200b\n branches:\n - main\n pull_request: # \u200b\u5728\u200bmain\u200b\u5206\u652f\u200b\u5408\u5e76\u200b\u522b\u4eba\u200b\u63d0\u200b\u7684\u200bpr\u200b\u65f6\u200b\n branches:\n - main\njobs: # \u200b\u5de5\u4f5c\u200b\u6d41\u200b\u7684\u200b\u5177\u4f53\u5185\u5bb9\u200b\n deploy:\n runs-on: ubuntu-latest # \u200b\u521b\u5efa\u200b\u4e00\u4e2a\u200b\u65b0\u200b\u7684\u200b\u4e91\u7aef\u200b\u865a\u62df\u673a\u200b \u200b\u4f7f\u7528\u200b\u6700\u65b0\u200bUbuntu\u200b\u7cfb\u7edf\u200b\n steps:\n - uses: actions/checkout@v2 # \u200b\u5148\u200bcheckout\u200b\u5230\u200bmain\u200b\u5206\u652f\u200b\n - uses: actions/setup-python@v2 # \u200b\u518d\u200b\u5b89\u88c5\u200bPython3\u200b\u548c\u200b\u76f8\u5173\u200b\u73af\u5883\u200b\n with:\n python-version: 3.x\n - run: pip install mkdocs-material # \u200b\u4f7f\u7528\u200bpip\u200b\u5305\u200b\u7ba1\u7406\u5de5\u5177\u200b\u5b89\u88c5\u200bmkdocs-material\n - run: mkdocs gh-deploy --force # \u200b\u4f7f\u7528\u200bmkdocs-material\u200b\u90e8\u7f72\u200bgh-pages\u200b\u5206\u652f\u200b\n
mkdir .github\ncd .github\nmkdir workflows\ncd workflows\nvim ci.yml\n
.github/workflows/ci.yml\uff0c\u200b\u7136\u540e\u200b\u590d\u5236\u200b\u5e76\u200b\u7c98\u8d34\u200b\u4ee5\u4e0b\u5185\u5bb9\u200b\uff1a
name: ci \non:\n push:\n branches:\n - master \n - main\npermissions:\n contents: write\njobs:\n deploy:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n - name: Configure Git Credentials\n run: |\n git config user.name github-actions[bot]\n git config user.email 41898282+github-actions[bot]@users.noreply.github.com\n - uses: actions/setup-python@v4\n with:\n python-version: 3.x\n - run: echo \"cache_id=$(date --utc '+%V')\" >> $GITHUB_ENV \n - uses: actions/cache@v3\n with:\n key: mkdocs-material-${{ env.cache_id }}\n path: .cache\n restore-keys: |\n mkdocs-material-\n - run: pip install mkdocs-material \n - run: mkdocs gh-deploy --force\n
\u200b\u76ee\u5f55\u200b\u6811\u72b6\u200b\u56fe\u200b:
$ tree -a\n.\n\u251c\u2500\u2500 .github\n\u2502 \u251c\u2500\u2500 .DS_Store\n\u2502 \u2514\u2500\u2500 workflows\n\u2502 \u2514\u2500\u2500 ci.yml\n\u251c\u2500\u2500 docs\n\u2502 \u2514\u2500\u2500 index.md\n\u2514\u2500\u2500 mkdocs.yml\n
\u200b\u91cd\u70b9\u200b\u6765\u200b\u4e86\u200b
\u200b\u4ed3\u5e93\u200bsetings/Actions/General \u200b\u52fe\u9009\u200b\u8fd9\u4e24\u9879\u200b
\u200b\u6253\u5f00\u200b\u7ec8\u7aef\u200b\u8fd0\u884c\u200b
pip install mkdocs-material
\u200b\u6253\u5f00\u200bmkdocs.yml
\u200b\u628a\u200b\u4ee5\u4e0b\u200b\u7684\u200b\u5185\u5bb9\u200b\u8f93\u5165\u200b\u8fdb\u53bb\u200b\uff08\u200b\u6700\u200b\u7b80\u5355\u200b\u6700\u200b\u57fa\u7840\u200b\u7684\u200b\u914d\u7f6e\u200b\uff09
site_name: \u200b\u7f51\u7ad9\u200b\u540d\u5b57\u200b\nsite_url: \u200b\u7f51\u7ad9\u200b\u94fe\u63a5\u200b\nsite_author: \u200b\u4f60\u200b\u7684\u200b\u540d\u5b57\u200b\ntheme:\n name: material #\u200b\u4e3b\u9898\u200b\n
\u200b\u8be6\u7ec6\u200bmkdocs.yml\u200b\u914d\u7f6e\u200b\u89c1\u200bChanging the colors - Material for MkDocs
\u200b\u4e0b\u6b21\u200b\u6211\u4f1a\u200b\u5177\u4f53\u200b\u8c08\u8c08\u200b\u8fd9\u4e2a\u200b\u95ee\u9898\u200b
\u200b\u5728\u200b\u4e0b\u65b9\u200b\u7ec8\u7aef\u200b\u8fd0\u884c\u200b\u53ef\u4ee5\u200b\u5728\u200b\u6d4f\u89c8\u5668\u200b\u770b\u5230\u200b\u5b9e\u65f6\u200b\u7f51\u7ad9\u200b
mkdocs serve\n
\u200b\u8fd9\u4e2a\u200b\u7f51\u7ad9\u200b\u5c31\u7b97\u200b\u662f\u200b\u521d\u6b65\u200b\u5efa\u597d\u200b\u4e86\u200b
\u200b\u6700\u540e\u200b\u53bb\u200bgithub Desktop\u200b\u4e0a\u200b\u4f20\u5230\u200bgithub
\uff01\uff01\uff01\u200b\u91cd\u70b9\u200b \u200b\u53bb\u200b\u4ed3\u5e93\u200b\u7684\u200bsetings/pages\u200b\u9009\u62e9\u200b\u4e0b\u56fe\u200b\u793a\u610f\u200b\u7684\u200b\u8def\u5f84\u200b
\u200b\u7b49\u5f85\u200b\u4e00\u4f1a\u200b\u7f51\u5740\u200b\u5c31\u200b\u51fa\u6765\u200b\u4e86\u200b
\u200b\u4f60\u200b\u7684\u200b\u7f51\u7ad9\u200b\u7f51\u5740\u200b\u5c31\u662f\u200b\uff1a\u200b
https://\u200b\u4f60\u200bgithub\u200b\u7684\u200b\u540d\u5b57\u200b.github.io/\n\u200b\u56e0\u4e3a\u200b\u6211\u200b\u7ed1\u5b9a\u200b\u4e86\u200b\u57df\u540d\u200b\u6240\u4ee5\u200b\u7f51\u5740\u200b\u662f\u200b\uff1ahttps://wcowin.work/\n
\u200b\u4e0b\u6b21\u200b\u8c08\u8c08\u200b\u7f51\u7ad9\u200b\u7684\u200bmkdocs.yml\u200b\u5177\u4f53\u200b\u914d\u7f6e\u200b1
\u200b\u4e8e\u200b2023.3.24\u200b\u91cd\u5199\u200b\u6b64\u6587\u200b\u00a0\u21a9
\u200b\u5b98\u65b9\u200b\u6587\u4ef6\u200b\uff1aChanging the colors - Material for MkDocs
\u200b\u5efa\u8bae\u200b\u8be6\u7ec6\u200b\u5b66\u4e60\u200b\u4e00\u4e0b\u200b\u4e0a\u9762\u200b\u7684\u200b\u5b98\u65b9\u7f51\u7ad9\u200b\u2191\u2191\u2191
\u200b\u6211\u200b\u628a\u200b\u6211\u200b\u76ee\u524d\u200b\u7684\u200b\u914d\u7f6e\u6587\u4ef6\u200bmkdocs.yml\u200b\u4ee3\u7801\u200b\u5199\u200b\u5728\u200b\u4e0b\u9762\u200b\ud83d\udc47\ud83c\udffb
#[Info]\nsite_name: Mkdocs-Wcowin\u200b\u4e2d\u6587\u200b\u4e3b\u9898\u200b #your site name \u200b\u663e\u793a\u200b\u5728\u200b\u5de6\u4e0a\u89d2\u200b\nsite_url: http://wcowin.work/Mkdocs-Wcowin\nsite_author: Wcowin # your name\n#[UI]\ntheme:\n name: material\n custom_dir: docs/overrides #\u200b\u8986\u5199\u200b\u8def\u5f84\u200b\n # font: #\u200b\u8c37\u6b4c\u200b\u5b57\u4f53\u200b\uff0c\u200b\u81ea\u884c\u200b\u641c\u7d22\u200b\n # text: Bitter #\u200b\u6587\u672c\u200b\u5b57\u4f53\u200b\n # code: Roboto Mono #\u200b\u4ee3\u7801\u200b\u5b57\u4f53\u200b\n # logo: assets/favicon.png #\u200b\u5de6\u4e0a\u89d2\u200blogo\uff0c\u200b\u53ef\u200b\u63d2\u5165\u200b\u56fe\u7247\u94fe\u63a5\u200b\n\n favicon: https://s2.loli.net/2024/04/26/PmRdM9iGnvOJHgu.png # \u200b\u7f51\u9875\u200bicon\n\n palette:\n - media: \"(prefers-color-scheme)\"\n toggle:\n icon: material/link\n name: \u200b\u5173\u95ed\u200b\u81ea\u52a8\u200b\u6a21\u5f0f\u200b\n #primary: blue grey\n - media: \"(prefers-color-scheme: light)\"\n scheme: default # \u200b\u65e5\u95f4\u200b\u6a21\u5f0f\u200b\n primary: blue grey # \u200b\u4e0a\u65b9\u200b\u7684\u200b\n accent: blue # \u200b\u94fe\u63a5\u200b\u7b49\u200b\u53ef\u200b\u4ea4\u4e92\u200b\u5143\u4ef6\u200b\u7684\u200b\u9ad8\u200b\u4eae\u8272\u200b\n # teal\n toggle:\n icon: material/toggle-switch # \u200b\u56fe\u6807\u200b\n name: \u200b\u5207\u6362\u200b\u81f3\u200b\u591c\u95f4\u200b\u6a21\u5f0f\u200b # \u200b\u9f20\u6807\u200b\u60ac\u6d6e\u200b\u63d0\u793a\u200b\n - media: \"(prefers-color-scheme: dark)\"\n scheme: slate # \u200b\u591c\u95f4\u200b\u6a21\u5f0f\u200b\n primary: black\n accent: indigo\n # teal\n toggle:\n icon: material/toggle-switch-off-outline\n name: \u200b\u5207\u6362\u200b\u81f3\u200b\u65e5\u95f4\u200b\u6a21\u5f0f\u200b\n\n features:\n - announce.dismiss #\u200b\u5448\u73b0\u200b\u53ef\u200b\u6807\u8bb0\u200b\u4e3a\u200b\u7531\u200b\u7528\u6237\u200b\u8bfb\u53d6\u200b\u7684\u200b\u4e34\u65f6\u200b\u516c\u544a\u200b\uff0c\u200b\u53ef\u4ee5\u200b\u5305\u542b\u200b\u4e00\u4e2a\u200b\u7528\u4e8e\u200b\u53d6\u6d88\u200b\u5f53\u524d\u200b\u516c\u544a\u200b\u7684\u200b\u6309\u94ae\u200b\n # - navigation.instant\n #- header.autohide #\u200b\u81ea\u52a8\u9690\u85cf\u200b\n - navigation.tracking #\u200b\u5730\u5740\u680f\u200b\u4e2d\u200b\u7684\u200b URL \u200b\u5c06\u200b\u81ea\u52a8\u66f4\u65b0\u200b\u4e3a\u200b\u5728\u200b\u76ee\u5f55\u200b\u4e2d\u200b\u7a81\u51fa\u200b\u663e\u793a\u200b\u7684\u200b\u6d3b\u52a8\u200b\u951a\u70b9\u200b\n - navigation.tabs #\u200b\u9876\u7ea7\u200b\u90e8\u5206\u200b\u5c06\u200b\u5448\u73b0\u200b\u5728\u200b\u4e0a\u9762\u200b\u89c6\u53e3\u200b\u6807\u9898\u200b\u4e0b\u65b9\u200b\u7684\u200b\u83dc\u200b\u5355\u5c42\u200b\u4e2d\u200b\uff0c\u200b\u4f46\u200b\u5728\u200b\u79fb\u52a8\u200b\u8bbe\u5907\u200b\u4e0a\u200b\u4fdd\u6301\u200b\u539f\u6837\u200b\n # - navigation.tabs.sticky #\u200b\u542f\u7528\u200b\u7c98\u6027\u200b\u9009\u9879\u5361\u200b\u540e\u200b\uff0c\u200b\u5bfc\u822a\u200b\u9009\u9879\u5361\u200b\u5c06\u200b\u9501\u5b9a\u200b\u5728\u200b\u6807\u9898\u200b\u4e0b\u65b9\u200b\uff0c\u200b\u5e76\u200b\u5728\u200b\u5411\u4e0b\u200b\u6eda\u52a8\u200b\u65f6\u200b\u59cb\u7ec8\u4fdd\u6301\u200b\u53ef\u89c1\u200b\n - navigation.sections #\u200b\u542f\u7528\u200b\u90e8\u5206\u200b\u540e\u200b\uff0c\u200b\u9876\u7ea7\u200b\u90e8\u5206\u200b\u5728\u200b\u8fb9\u680f\u200b\u4e2d\u200b\u5448\u73b0\u200b\u4e3a\u200b1220px\u200b\u4ee5\u4e0a\u200b\u89c6\u53e3\u200b\u7684\u200b\u7ec4\u200b\uff0c\u200b\u4f46\u200b\u5728\u200b\u79fb\u52a8\u200b\u8bbe\u5907\u200b\u4e0a\u200b\u4fdd\u6301\u200b\u539f\u6837\u200b\n - navigation.top # \u200b\u8fd4\u56de\u200b\u9876\u90e8\u200b\u7684\u200b\u6309\u94ae\u200b \u200b\u5728\u200b\u4e0a\u200b\u6ed1\u65f6\u200b\u51fa\u73b0\u200b\n - navigation.footer #\u200b\u9875\u811a\u200b\u5c06\u200b\u5448\u73b0\u200b\u5728\u200b\u8fb9\u680f\u200b\u4e2d\u200b\uff0c\u200b\u4f46\u200b\u5728\u200b\u79fb\u52a8\u200b\u8bbe\u5907\u200b\u4e0a\u200b\u4fdd\u6301\u200b\u539f\u6837\u200b\n - search.suggest # \u200b\u641c\u7d22\u200b\u8f93\u5165\u200b\u4e00\u4e9b\u200b\u5b57\u6bcd\u200b\u65f6\u200b\u63a8\u8350\u200b\u8865\u5168\u200b\u6574\u4e2a\u200b\u5355\u8bcd\u200b\n - search.highlight # \u200b\u641c\u7d22\u200b\u51fa\u200b\u7684\u200b\u6587\u7ae0\u200b\u5173\u952e\u8bcd\u200b\u52a0\u5165\u200b\u9ad8\u4eae\u200b\n - search.share #\u200b\u641c\u7d22\u200b\u5206\u4eab\u200b\u6309\u94ae\u200b\n - navigation.expand # \u200b\u6253\u5f00\u200bTab\u200b\u65f6\u200b\u5de6\u4fa7\u200b\u76ee\u5f55\u200b\u5168\u90e8\u200b\u5c55\u5f00\u200b\n - navigation.indexes #\u200b\u542f\u7528\u200b\u8282\u200b\u7d22\u5f15\u200b\u9875\u200b\u540e\u200b\uff0c\u200b\u53ef\u4ee5\u200b\u5c06\u200b\u6587\u6863\u200b\u76f4\u63a5\u200b\u9644\u52a0\u200b\u5230\u8282\u200b\n - content.tabs.link\n - content.tooltips\n - content.code.copy #\u200b\u4ee3\u7801\u200b\u590d\u5236\u200b\n - content.action.edit\n - content.action.view\n - content.code.annotate\n language: zh # \u200b\u4e00\u4e9b\u200b\u63d0\u793a\u6027\u200b\u7684\u200b\u6587\u5b57\u200b\u4f1a\u200b\u53d8\u6210\u200b\u4e2d\u6587\u200b\n\n icon:\n repo: fontawesome/brands/github #\u200b\u53f3\u4e0a\u89d2\u200b\u56fe\u6807\u200b\n logo: logo\nedit_uri: edit/main/docs # \u200b\u7f16\u8f91\u200b\u6309\u94ae\u200b\u8df3\u8f6c\u200b\u7684\u200b\u94fe\u63a5\u200b\nrepo_url: https://github.com/Wcowin/Mkdocs-Wcowin # \u200b\u53f3\u4e0a\u89d2\u200b\u70b9\u51fb\u200b\u8df3\u8f6c\u200b\u7684\u200b\u94fe\u63a5\u200b\nrepo_name: Mkdocs-Wcowin # \u200b\u53f3\u4e0a\u89d2\u200b\u7684\u200b\u540d\u5b57\u200b\n\n# [Navigtion]\nnav: #\u200b\u76ee\u5f55\u200b\n\n - \u200b\u6807\u7b7e\u200b: tag.md\n - \u200b\u7559\u8a00\u677f\u200b: liuyanban.md\n - Blogger:\n - index: blog/index.md\n - \u200b\u53cb\u94fe\u200b:\n - \u200b\u53cb\u94fe\u200b: about/link.md\n - \u200b\u5173\u4e8e\u200b:\n - \u200b\u4f5c\u8005\u200b\u4e2a\u4eba\u7b80\u4ecb\u200b: about/geren.md\n - \u200b\u529f\u80fd\u6d4b\u8bd5\u200b: about/test.md\n\ncopyright: Copyright © 2022~2024 Wcowin/All Rights Reserved. # \u200b\u5de6\u4e0b\u89d2\u200b\u7684\u200b\u7248\u6743\u200b\u58f0\u660e\u200b\n\nextra:\n generator: true #\u200b\u662f\u5426\u200b\u5220\u9664\u200b\u9875\u811a\u200b\u663e\u793a\u200b\u201c\u200b\u4f7f\u7528\u200b MkDocs \u200b\u6750\u6599\u200b\u5236\u9020\u200b\u201d\n social:\n - icon: fontawesome/brands/x-twitter #\u200b\u8054\u7cfb\u65b9\u5f0f\u200b\u56fe\u6807\u200b : https://fontawesome.com/ \u200b\u53bb\u200b\u8fd9\u91cc\u200b\u627e\u200b\u56fe\u6807\u200b\n link: https://twitter.com/wcowin_\n - icon: fontawesome/brands/github\n link: https://github.com/Wcowin\n\n - icon: fontawesome/regular/envelope #\u200b\u8054\u7cfb\u65b9\u5f0f\u200b\u56fe\u6807\u200b\n link: mailto:<wangkewen821@gmail.com> #\u200b\u90ae\u4ef6\u200b\u8054\u7cfb\u65b9\u5f0f\u200b\n - icon: fontawesome/brands/bilibili\n link: https://space.bilibili.com/1407028951?spm_id_from=333.1007.0.0\n analytics:\n provider: google #\u200b\u8c37\u6b4c\u200b\u5206\u6790\u200b\n property:\n\n # \u200b\u7f51\u9875\u200b\u5e95\u90e8\u200b\u53cd\u9988\u200b\n feedback:\n title: \u200b\u6b64\u200b\u9875\u9762\u200b\u6709\u200b\u5e2e\u52a9\u200b\u5417\u200b\uff1f\n ratings:\n - icon: material/thumb-up-outline #\u200b\u56fe\u6807\u200b\u53ef\u200b\u81ea\u5b9a\u4e49\u200b\n name: This page was helpful\n data: 1\n note: >-\n \u200b\u8c22\u8c22\u200b\u4f60\u200b\u7684\u200b\u53cd\u9988\u200b\uff01\n - icon: material/thumb-down-outline\n name: This page could be improved\n data: 0\n note: >-\n Thanks for your feedback! Help us improve this page by\n using our <a href=\"https://marketingplatform.google.com/about/analytics/\" target=\"_blank\" rel=\"noopener\">feedback form</a>.\n # cookies\u200b\u8bbe\u7f6e\u200b\uff08\u200b\u53ef\u200b\u9009\u200b\uff09\n # consent:\n # title: Cookie consent\n # description: >-\n # \u200b\u6211\u4eec\u200b\u4e5f\u200b\u4f7f\u7528\u200bcookies\u200b\u6765\u200b\u8bc6\u522b\u200b\u60a8\u200b\u7684\u200b\u91cd\u590d\u200b\u8bbf\u95ee\u200b\u548c\u200b\u504f\u597d\u200b\u6765\u200b\u8861\u91cf\u200b\u6211\u4eec\u200b\u6587\u6863\u200b\u7684\u200b\u6709\u6548\u6027\u200b\u4ee5\u53ca\u200b\u7528\u6237\u200b\u662f\u5426\u200b\u627e\u5230\u200b\u4ed6\u4eec\u200b\u8981\u200b\u627e\u200b\u7684\u200b\u4e1c\u897f\u200b\u3002\n # \u200b\u5982\u679c\u200b\u4f60\u200b\u540c\u610f\u200b,\u200b\u4f60\u200b\u53ef\u4ee5\u200b\u5e2e\u52a9\u200b\u6211\u4eec\u200b\u8ba9\u200b\u6211\u4eec\u200b\u7684\u200b\u7f51\u7ad9\u200b\u66f4\u597d\u200b\n\nplugins:\n - search #\u200b\u641c\u7d22\u200b\u914d\u7f6e\u200b\n - git-committers:\n enabled: !ENV [CI, false]\n repository: Wcowin/Mkdocs-Wcowin\n branch: main\n exclude:\n - index.md\n - tag.md\n - waline.md\n - blog/posts/update.md\n - blog/posts/wkw.md\n - about/link.md\n - git-revision-date-localized:\n enabled: !ENV [CI, false]\n type: iso_date\n enable_creation_date: false\n exclude:\n - index.md\n - tag.md\n - liuyanban.md\n - blog/posts/update.md\n - blog/posts/wkw.md\n - about/link.md\n - websitebeauty/linktech.md\n - blog: #\u200b\u535a\u5ba2\u200b\u914d\u7f6e\u200b\n post_date_format: full #\u200b\u65f6\u95f4\u200b\n draft: true\n draft_if_future_date: true #\u200b\u81ea\u52a8\u200b\u5c06\u200b\u5177\u6709\u200b\u672a\u6765\u200b\u65e5\u671f\u200b\u7684\u200b\u5e16\u5b50\u200b\u6807\u8bb0\u200b\u4e3a\u200b\u8349\u7a3f\u200b\n post_readtime: true\n post_readtime_words_per_minute: 265 #\u200b\u8ba1\u7b97\u200b\u5e16\u5b50\u200b\u7684\u200b\u9605\u8bfb\u200b\u65f6\u95f4\u200b\u65f6\u200b\u8bfb\u8005\u200b\u6bcf\u5206\u949f\u200b\u9884\u8ba1\u200b\u9605\u8bfb\u200b\u7684\u200b\u5b57\u6570\u200b\n post_url_format: \"{date}/{slug}\"\n # categories_slugify: !!python/object/apply:pymdownx.slugs.slugify\n # kwds:\n # case: lower\n pagination_url_format: \"page/{page}\"\n authors_file: \"{blog}/.authors.yml\" #\u200b\u4f5c\u8005\u200b\u4fe1\u606f\u200b\n - tags:\n tags_file: tag.md #\u200b\u5206\u7c7b\u200b\u6807\u7b7e\u200b\n\nmarkdown_extensions: #\u200b\u8be6\u89c1\u200bhttps://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/ \u200b\u548c\u200b https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown/\n - abbr\n - attr_list\n - admonition\n - def_list\n - footnotes\n - md_in_html\n # - meta # \u200b\u652f\u6301\u200bMarkdown\u200b\u6587\u4ef6\u200b\u4e0a\u65b9\u200b\u81ea\u5b9a\u4e49\u200b\u6807\u9898\u200b\u6807\u7b7e\u200b\u7b49\u200b\n - pymdownx.caret\n - pymdownx.betterem\n - pymdownx.critic\n - pymdownx.details\n - pymdownx.inlinehilite\n - pymdownx.keys\n - pymdownx.mark\n - pymdownx.snippets\n - pymdownx.smartsymbols\n - pymdownx.tilde\n\n - pymdownx.superfences:\n custom_fences:\n - name: mermaid\n class: mermaid\n format:\n !!python/name:pymdownx.superfences.fence_code_format # \u200b\u4ee3\u7801\u200b\u5757\u200b\u9ad8\u4eae\u200b\u63d2\u4ef6\u200b\n\n - pymdownx.arithmatex: # latex\u200b\u652f\u6301\u200b\n generic: true\n - toc:\n permalink: true # \u200b\u56fa\u5b9a\u200b\u6807\u9898\u200b\u4f4d\u7f6e\u200b\u4e3a\u200b\u5f53\u524d\u200b\u4f4d\u7f6e\u200b\n - pymdownx.highlight: # \u200b\u4ee3\u7801\u200b\u5757\u200b\u9ad8\u4eae\u200b\n anchor_linenums: true\n linenums: true # \u200b\u663e\u793a\u200b\u884c\u53f7\u200b\n # auto_title: true # \u200b\u663e\u793a\u200b\u7f16\u7a0b\u8bed\u8a00\u200b\u540d\u79f0\u200b\n - pymdownx.emoji:\n emoji_index: !!python/name:material.extensions.emoji.twemoji\n emoji_generator: !!python/name:material.extensions.emoji.to_svg\n - pymdownx.tabbed:\n alternate_style: true\n - pymdownx.tasklist:\n custom_checkbox: true\n # - markdown.extensions.toc:\n # slugify: !!python/object/apply:pymdownx.slugs.slugify {kwds: {case: lower}}\n # permalink: \"\\ue157\"\n\nextra_javascript:\n - javascripts/extra.js #\u200b\u81ea\u5b9a\u4e49\u200bjavascript\n - javascripts/mathjax.js #Latex\u200b\u652f\u6301\u200b\n - https://polyfill.io/v3/polyfill.min.js?features=es6 #Latex\u200b\u652f\u6301\u200b\n - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js #Latex\u200b\u652f\u6301\u200b\n # - ckplayer/js/ckplayer.js #\u200b\u64ad\u653e\u5668\u200b\u914d\u7f6e\u200b\n # - https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js #gitalk\u200b\u652f\u6301\u200b\n - https://cdn.jsdelivr.net/npm/mermaid@10.0.2/dist/add-html-label-6e56ed67.min.js #\u200b\u5fd8\u200b\u4e86\u200b\n\nextra_css:\n - stylesheets/extra.css # \u200b\u81ea\u5b9a\u4e49\u200bCSS\n - stylesheets/link.css #\u200b\u53cb\u94fe\u200b\u914d\u7f6e\u200b\n - stylesheets/customize.css # \u200b\u641c\u7d22\u200b\u5706\u89d2\u200b\u4f18\u5316\u200b\n\n # - stylesheets/video.css #\u200b\u64ad\u653e\u5668\u200b\u53ef\u200b\u9009\u200b\u914d\u7f6e\u200b\n # - https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.css #gitalk\u200b\u652f\u6301\u200b\n # - ckplayer/css/ckplayer.css #\u200b\u64ad\u653e\u5668\u200b\u914d\u7f6e\u200b\n - https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css # font-awesome\u200b\u8868\u60c5\u200b\u652f\u6301\u200b\n # - https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css #\u200b\u5206\u4eab\u200b\u652f\u6301\u200b\n\n - https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.1.0/style.css #\u200b\u5b57\u4f53\u200b\n # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-lite-webfont@1.1.0/style.css #\u200b\u5b57\u4f53\u200b\n # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-tc-webfont@1.0.0/style.css #\u200b\u5b57\u4f53\u200b\n # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css #\u200b\u5b57\u4f53\u200b\n
\u200b\u4ece\u5934\u5f00\u59cb\u200b\u5206\u6790\u200b
site_name: \u200b\u7f51\u7ad9\u200b\u540d\u5b57\u200b\nsite_url: \u200b\u7f51\u7ad9\u200b\u7f51\u5740\u200b\nsite_author: \u200b\u4f5c\u8005\u200b\u540d\u5b57\u200b\n
theme:\n palette:\n primary: yellow #\u200b\u9876\u90e8\u200b\u989c\u8272\u200b\n
theme:\n palette: \n\n # Palette toggle for light mode\n - scheme: default\n toggle:\n icon: material/brightness-7 \n name: Switch to dark mode\n\n # Palette toggle for dark mode\n - scheme: slate\n toggle:\n icon: material/brightness-4\n name: Switch to light mode\n
\u200b\u6309\u94ae\u56fe\u6807\u200b\u53ef\u4ee5\u200b\u6539\u53d8\u200b\uff08\u200b\u4fee\u6539\u200bicon\u200b\u540e\u9762\u200b\u7684\u200b\u4ee3\u7801\u200b\uff09\uff1a
features:\n - navigation.instant #- header.autohide #\u200b\u81ea\u52a8\u9690\u85cf\u200b\n #- announce.dismiss #\u200b\u5448\u73b0\u200b\u53ef\u200b\u6807\u8bb0\u200b\u4e3a\u200b\u7531\u200b\u7528\u6237\u200b\u8bfb\u53d6\u200b\u7684\u200b\u4e34\u65f6\u200b\u516c\u544a\u200b\uff0c\u200b\u53ef\u4ee5\u200b\u5305\u542b\u200b\u4e00\u4e2a\u200b\u7528\u4e8e\u200b\u53d6\u6d88\u200b\u5f53\u524d\u200b\u516c\u544a\u200b\u7684\u200b\u6309\u94ae\u200b\n - navigation.tracking #\u200b\u5730\u5740\u680f\u200b\u4e2d\u200b\u7684\u200b URL \u200b\u5c06\u200b\u81ea\u52a8\u66f4\u65b0\u200b\u4e3a\u200b\u5728\u200b\u76ee\u5f55\u200b\u4e2d\u200b\u7a81\u51fa\u200b\u663e\u793a\u200b\u7684\u200b\u6d3b\u52a8\u200b\u951a\u70b9\u200b\n - navigation.tabs #\u200b\u9876\u7ea7\u200b\u90e8\u5206\u200b\u5c06\u200b\u5448\u73b0\u200b\u5728\u200b\u4e0a\u9762\u200b\u89c6\u53e3\u200b\u6807\u9898\u200b\u4e0b\u65b9\u200b\u7684\u200b\u83dc\u200b\u5355\u5c42\u200b\u4e2d\u200b\uff0c\u200b\u4f46\u200b\u5728\u200b\u79fb\u52a8\u200b\u8bbe\u5907\u200b\u4e0a\u200b\u4fdd\u6301\u200b\u539f\u6837\u200b\n #- navigation.tabs.sticky #\u200b\u542f\u7528\u200b\u7c98\u6027\u200b\u9009\u9879\u5361\u200b\u540e\u200b\uff0c\u200b\u5bfc\u822a\u200b\u9009\u9879\u5361\u200b\u5c06\u200b\u9501\u5b9a\u200b\u5728\u200b\u6807\u9898\u200b\u4e0b\u65b9\u200b\uff0c\u200b\u5e76\u200b\u5728\u200b\u5411\u4e0b\u200b\u6eda\u52a8\u200b\u65f6\u200b\u59cb\u7ec8\u4fdd\u6301\u200b\u53ef\u89c1\u200b\n #- navigation.sections #\u200b\u542f\u7528\u200b\u90e8\u5206\u200b\u540e\u200b\uff0c\u200b\u9876\u7ea7\u200b\u90e8\u5206\u200b\u5728\u200b\u8fb9\u680f\u200b\u4e2d\u200b\u5448\u73b0\u200b\u4e3a\u200b1220px\u200b\u4ee5\u4e0a\u200b\u89c6\u53e3\u200b\u7684\u200b\u7ec4\u200b\uff0c\u200b\u4f46\u200b\u5728\u200b\u79fb\u52a8\u200b\u8bbe\u5907\u200b\u4e0a\u200b\u4fdd\u6301\u200b\u539f\u6837\u200b\n - navigation.top # \u200b\u8fd4\u56de\u200b\u9876\u90e8\u200b\u7684\u200b\u6309\u94ae\u200b \u200b\u5728\u200b\u4e0a\u200b\u6ed1\u65f6\u200b\u51fa\u73b0\u200b\n - search.suggest # \u200b\u641c\u7d22\u200b\u8f93\u5165\u200b\u4e00\u4e9b\u200b\u5b57\u6bcd\u200b\u65f6\u200b\u63a8\u8350\u200b\u8865\u5168\u200b\u6574\u4e2a\u200b\u5355\u8bcd\u200b\n - search.highlight # \u200b\u641c\u7d22\u200b\u51fa\u200b\u7684\u200b\u6587\u7ae0\u200b\u5173\u952e\u8bcd\u200b\u52a0\u5165\u200b\u9ad8\u4eae\u200b\n - navigation.expand # \u200b\u6253\u5f00\u200bTab\u200b\u65f6\u200b\u5de6\u4fa7\u200b\u76ee\u5f55\u200b\u5168\u90e8\u200b\u5c55\u5f00\u200b\n #- navigation.indexes #\u200b\u542f\u7528\u200b\u8282\u200b\u7d22\u5f15\u200b\u9875\u200b\u540e\u200b\uff0c\u200b\u53ef\u4ee5\u200b\u5c06\u200b\u6587\u6863\u200b\u76f4\u63a5\u200b\u9644\u52a0\u200b\u5230\u8282\u200b\n - search.share #\u200b\u641c\u7d22\u200b\u5206\u4eab\u200b\u6309\u94ae\u200b\n
\u200b\u8fd9\u200b\u4e00\u90e8\u5206\u200b\u5c31\u662f\u200b\u76ee\u5f55\u200b
nav: \n - \u200b\u535a\u5ba2\u200b:\n - \u200b\u597d\u7528\u200b/\u200b\u597d\u73a9\u200b\u7f51\u7ad9\u200b\u5206\u4eab\u200b: blog/Webplay.md #.md\u200b\u6587\u4ef6\u200b\u7684\u200b\u76f8\u5bf9\u8def\u5f84\u200b\n - \u200b\u5f00\u53d1\u200b: \n - Markdown: develop/markdown.md\n
- \u200b\u5185\u5bb9\u200b\u6807\u9898\u200b: \u200b\u6587\u4ef6\u200b\u8def\u5f84\u200b\n
.md\u200b\u6587\u4ef6\u200b\u8def\u5f84\u200b(\u200b\u76f8\u5bf9\u8def\u5f84\u200b)\uff1a
\u200b\u53ef\u80fd\u200b\u770b\u200b\u8d77\u200b\u6bd4\u8f83\u590d\u6742\u200b\uff0c\u200b\u603b\u7ed3\u200b\u4e00\u4e0b\u200b\u5c31\u662f\u200b\uff1a\u200b\u6211\u200b\u60f3\u200b\u5199\u200b\u4e00\u7bc7\u200b\u6587\u7ae0\u200b\u5728\u200bdocs/blog\u200b\u4e0b\u5199\u200b\u4e00\u7bc7\u200b\u540d\u4e3a\u200bWcowin\u200b\u6700\u5e05\u200b\u200b\u7684\u200b\u6587\u7ae0\u200b\uff0c\u200b\u9996\u5148\u200b\u5728\u200bdocs/blog\u200b\u4e0b\u200b\u65b0\u5efa\u200b\u4e00\u4e2a\u200bxxx.md\u200b\u6587\u4ef6\u200b\uff0c\u200b\u91cc\u9762\u200b\u5199\u5199\u200b\u4e1c\u897f\u200b\uff0c\u200b\u518d\u200b\u53bb\u200bmkdocs.yml\u200b\u91cc\u200b\u627e\u5230\u200bnav\uff0c\u200b\u8fd9\u6837\u200b\u5199\u200b\uff1a
Wcowin\u200b\u6700\u5e05\u200b
xxx.md
nav: \n - \u200b\u535a\u5ba2\u200b:\n - Wcowin\u200b\u6700\u5e05\u200b: blog/xxx.md #.md\u200b\u6587\u4ef6\u200b\u7684\u200b\u76f8\u5bf9\u8def\u5f84\u200b\n
\u200b\u8fd9\u91cc\u200b\u4e5f\u200b\u6ce8\u610f\u200b\uff1a\u200b\u6240\u6709\u200b\u6587\u4ef6\u200b\u90fd\u200b\u5728\u200bdocs\u200b\u6587\u4ef6\u200b\u4e0b\u200b\uff0c\u200b\u6587\u4ef6\u7c7b\u578b\u200b\u9664\u200bCSS\uff0cJavascript,yml\u200b\u7b49\u200b\u90fd\u200b\u662f\u200b.md\u200b\u7ed3\u5c3e\u200b\u7684\u200b\u6587\u4ef6\u200b
\u200b\u6240\u4ee5\u200b\u5f3a\u70c8\u63a8\u8350\u200b\u60a8\u200b\u53bb\u200b\u5b66\u4e60\u200bMarkdown\u3001Html5\u3001CSS3\u3001Javascript\u200b\u7b49\u200b\u77e5\u8bc6\u200b\uff0c\u200b\u8fd9\u6837\u200b\u60a8\u200b\u5c31\u200b\u53ef\u4ee5\u200b\u81ea\u5b9a\u4e49\u200b\u60a8\u200b\u7684\u200b\u7f51\u7ad9\u200b\u4e86\u200b\u3002
\u200b\u5230\u200b\u8fd9\u91cc\u200b\u5148\u200b\u68c0\u67e5\u4e00\u4e0b\u200b\u6587\u4ef6\u200b\u6811\u72b6\u200b\u56fe\u200b(xx.md\u200b\u4ee3\u8868\u200b\u4f60\u200b\u7684\u200bmd\u200b\u6587\u4ef6\u200b)\uff1a
$ tree -a\n.\n\u251c\u2500\u2500 .github\n\u2502 \u251c\u2500\u2500 .DS_Store\n\u2502 \u2514\u2500\u2500 workflows\n\u2502 \u2514\u2500\u2500 PublishMySite.yml\n\u251c\u2500\u2500 docs\n\u2502 \u2514\u2500\u2500 index.md\n\u2502 \u2514\u2500\u2500blog\n\u2502 \u2514\u2500\u2500xxx.md\n\u2502\n\u2514\u2500\u2500 mkdocs.yml\n
extra:\n # tags:\n # HTML5: html\n # JavaScript: js\n # CSS: css\n alternate:\n - name: English\n link: https://wcowin-work.translate.goog/?_x_tr_sl=zh-CN&_x_tr_tl=en&_x_tr_hl=zh-CN&_x_tr_pto=wapp \n lang: en\n - name: \u200b\u4e2d\u56fd\u200b(\u200b\u53f0\u6e7e\u200b)\n link: https://wcowin-work.translate.goog/?_x_tr_sl=zh-CN&_x_tr_tl=zh-TW&_x_tr_hl=zh-CN&_x_tr_pto=wapp\n lang: zh-TW\n generator: false #\u200b\u5220\u9664\u200b\u9875\u811a\u200b\u663e\u793a\u200b\u201c\u200b\u4f7f\u7528\u200b MkDocs \u200b\u6750\u6599\u200b\u5236\u9020\u200b\u201d\n social:\n - icon: fontawesome/brands/twitter \n link: https://twitter.com/wcowin_\n - icon: fontawesome/brands/github\n link: https://github.com/Wcowin\n - icon: fontawesome/brands/bilibili\n link: https://space.bilibili.com/1407028951?spm_id_from=333.1007.0.0\n - icon: fontawesome/solid/paper-plane\n link: mailto:<1135801806@qq.com> #\u200b\u8054\u7cfb\u65b9\u5f0f\u200b\n
\u200b\u53ef\u4ee5\u200b\u8bbe\u7f6e\u200b\u7f51\u9875\u200b\u7ffb\u8bd1\u200b
alternate:\n - name: English\n link: https://wcowin-work.translate.goog/?_x_tr_sl=zh-CN&_x_tr_tl=en&_x_tr_hl=zh-CN&_x_tr_pto=wapp \n lang: en\n - name: \u200b\u4e2d\u56fd\u200b(\u200b\u53f0\u6e7e\u200b)\n link: https://wcowin-work.translate.goog/?_x_tr_sl=zh-CN&_x_tr_tl=zh-TW&_x_tr_hl=zh-CN&_x_tr_pto=wapp\n lang: zh-TW\n
\u200b\u8bbe\u7f6e\u200b\u4e3a\u200bgenerator: false\u200b\u53ef\u4ee5\u200b\u5220\u9664\u200b\u9875\u811a\u200b\u663e\u793a\u200b\u201c\u200b\u4f7f\u7528\u200b MkDocs \u200b\u6750\u6599\u200b\u5236\u9020\u200b\u201d
generator: false
\u200b\u53ef\u200b\u8bbe\u7f6e\u200b\u7f51\u7ad9\u200b\u53f3\u4e0b\u89d2\u200b\u7684\u200b\u793e\u4ea4\u200b\u94fe\u63a5\u200b\uff08icon\u200b\u662f\u200b\u5c0f\u56fe\u6807\u200b\uff0clink\u200b\u540e\u200b\u586b\u200b\u81ea\u5df1\u200b\u94fe\u63a5\u200b\u5373\u53ef\u200b\uff09\uff1a
analytics: \n provider: google\n property: G-XXXXXXXXXX #\u200b\u4f60\u200b\u7684\u200bGoogle Analytics ID\n feedback:\n title: \u200b\u6b64\u200b\u9875\u9762\u200b\u6709\u200b\u5e2e\u52a9\u200b\u5417\u200b\uff1f\n ratings:\n - icon: material/thumb-up-outline\n name: This page was helpful\n data: 1\n note: >-\n \u200b\u8c22\u8c22\u200b\u4f60\u200b\u7684\u200b\u53cd\u9988\u200b\uff01\n - icon: material/thumb-down-outline\n name: This page could be improved\n data: 0\n note: >- \n Thanks for your feedback! Help us improve this page by\n using our <a href=\"https://marketingplatform.google.com/about/analytics/\" target=\"_blank\" rel=\"noopener\">feedback form</a>.\n\n consent:\n title: Cookie consent\n description: >- \n \u200b\u6211\u4eec\u200b\u4e5f\u200b\u4f7f\u7528\u200bcookies\u200b\u6765\u200b\u8bc6\u522b\u200b\u60a8\u200b\u7684\u200b\u91cd\u590d\u200b\u8bbf\u95ee\u200b\u548c\u200b\u504f\u597d\u200b\u6765\u200b\u8861\u91cf\u200b\u6211\u4eec\u200b\u6587\u6863\u200b\u7684\u200b\u6709\u6548\u6027\u200b\u4ee5\u53ca\u200b\u7528\u6237\u200b\u662f\u5426\u200b\u627e\u5230\u200b\u4ed6\u4eec\u200b\u8981\u200b\u627e\u200b\u7684\u200b\u4e1c\u897f\u200b\u3002\n \u200b\u5982\u679c\u200b\u4f60\u200b\u540c\u610f\u200b,\u200b\u4f60\u200b\u53ef\u4ee5\u200b\u5e2e\u52a9\u200b\u6211\u4eec\u200b\u8ba9\u200b\u6211\u4eec\u200b\u7684\u200b\u7f51\u7ad9\u200b\u66f4\u597d\u200b\n
\u200b\u6ce8\u610f\u200bproperty: G-XXXXXXXXXX #\u200b\u4f60\u200b\u7684\u200bGoogle Analytics ID\uff0c\u200b\u8fd9\u91cc\u200b\u7684\u200bG-XXXXXXXXXX\u200b\u662f\u200b\u4f60\u200b\u7684\u200bGoogle Analytics ID\uff0c\u200b\u4f60\u200b\u53ef\u4ee5\u200b\u5728\u200bGoogle Analytics\u200b\u4e2d\u200b\u627e\u5230\u200b\uff0c\u200b\u5982\u679c\u200b\u4f60\u200b\u4e0d\u60f3\u200b\u4f7f\u7528\u200bGoogle Analytics\uff0c\u200b\u53ef\u4ee5\u200b\u5220\u9664\u200b\u8fd9\u200b\u4e00\u90e8\u5206\u200b\u3002
plugins:\n # - glightbox\n - search\n - offline\n - git-revision-date-localized:\n type: iso_date\n enable_creation_date: false\n exclude:\n - index.md \n - tag.md\n - waline.md\n - blog/posts/update.md\n - blog/posts/wkw.md\n - about/link.md\n # - git-authors:\n # exclude:\n # - index.md\n - blog:\n post_date_format: full #\u200b\u65f6\u95f4\u200b\n draft: true\n draft_if_future_date: true #\u200b\u81ea\u52a8\u200b\u5c06\u200b\u5177\u6709\u200b\u672a\u6765\u200b\u65e5\u671f\u200b\u7684\u200b\u5e16\u5b50\u200b\u6807\u8bb0\u200b\u4e3a\u200b\u8349\u7a3f\u200b\n post_readtime: true\n post_readtime_words_per_minute: 265 #\u200b\u8ba1\u7b97\u200b\u5e16\u5b50\u200b\u7684\u200b\u9605\u8bfb\u200b\u65f6\u95f4\u200b\u65f6\u200b\u8bfb\u8005\u200b\u6bcf\u5206\u949f\u200b\u9884\u8ba1\u200b\u9605\u8bfb\u200b\u7684\u200b\u5b57\u6570\u200b\n post_url_format: \"{date}/{slug}\"\n # categories_slugify: !!python/object/apply:pymdownx.slugs.slugify\n # kwds:\n # case: lower\n # categories_toc: true\n # pagination_per_page: 5\n pagination_url_format: \"page/{page}\"\n authors_file: \"{blog}/.authors.yml\" #\u200b\u4f5c\u8005\u200b\u4fe1\u606f\u200b\n - tags:\n tags_file: tag.md #\u200b\u5206\u7c7b\u200b\u6807\u7b7e\u200b\n
- search\u200b\u5f00\u542f\u200b\u641c\u7d22\u200b\u529f\u80fd\u200b
- search
-blog \u200b\u5373\u200b\u535a\u5ba2\u200b\uff0c\u200b\u53ef\u4ee5\u200b\u5728\u200bdocs/blog/posts\u200b\u91cc\u200b\u76f4\u63a5\u200b\u5199\u200bmd\u200b\u6587\u4ef6\u200b\uff08\u200b\u4e0d\u200b\u9700\u8981\u200b\u5728\u200bnav\u200b\u91cc\u200b\u5199\u200b\u8def\u5f84\u200b\uff09,\u200b\u7136\u540e\u200b\u5728\u200b\u4e0a\u8ff0\u200bnav\u200b\u91cc\u200b\u5199\u200b
-blog
nav:\n - Blog:\n - blog/index.md\n
- tags\u200b\u5c31\u662f\u200b\u6807\u7b7e\u200b
- tags
plugins:\n - tags:\n tags_file: tag.md #\u200b\u5206\u7c7b\u200b\u6807\u7b7e\u200b\n
docs\u200b\u6587\u4ef6\u5939\u200b\u4e0b\u200b\u65b0\u5efa\u200btags.md\u200b\u6587\u4ef6\u200b\uff0c\u200b\u4f1a\u200b\u81ea\u52a8\u200b\u5728\u200btags.md\u200b\u6587\u4ef6\u200b\u4e2d\u200b\u751f\u6210\u200b\u6807\u7b7e\u200b\u5217\u8868\u200b
\u200b\u4f46\u662f\u200b\u6bcf\u4e2a\u200b.md\u200b\u6587\u4ef6\u200b(\u200b\u4f60\u200b\u5199\u200b\u7684\u200bmarkdown\u200b\u6587\u4ef6\u200b)\u200b\u6700\u200b\u5f00\u59cb\u200b\u7684\u200b\u5730\u65b9\u200b(\u200b\u79f0\u4e3a\u200bmeta)\u200b\u90fd\u200b\u9700\u8981\u200b\u6dfb\u52a0\u200b\u6807\u7b7e\u200b\uff0c\u200b\u5426\u5219\u200b\u4e0d\u4f1a\u200b\u663e\u793a\u200b\u5728\u200btags.md\u200b\u6587\u4ef6\u200b\u4e2d\u200b
meta\u200b\u683c\u5f0f\u200b\uff1a
---\ntitle: #\u200b\u6587\u7ae0\u200b\u6807\u9898\u200b\ntags:\n - \u200b\u4f60\u200b\u7684\u200b\u6807\u7b7e\u200b\u540d\u5b57\u200b\nhide:\n #- navigation # \u200b\u663e\u793a\u200b\u53f3\u4fa7\u200b\u5bfc\u822a\u200b\n #- toc #\u200b\u663e\u793a\u200b\u5de6\u4fa7\u200b\u5bfc\u822a\u200b\ncomments: false #\u200b\u8bc4\u8bba\u200b\uff0c\u200b\u9ed8\u8ba4\u200b\u4e0d\u200b\u5f00\u542f\u200b\n---\n
markdown_extensions:\n - abbr\n - attr_list\n - admonition\n - def_list\n - footnotes\n - md_in_html\n - meta # \u200b\u652f\u6301\u200bMarkdown\u200b\u6587\u4ef6\u200b\u4e0a\u65b9\u200b\u81ea\u5b9a\u4e49\u200b\u6807\u9898\u200b\u6807\u7b7e\u200b\u7b49\u200b\n - pymdownx.caret\n - pymdownx.betterem\n - pymdownx.critic\n - pymdownx.details\n - pymdownx.inlinehilite\n - pymdownx.keys\n - pymdownx.mark\n - pymdownx.snippets\n - pymdownx.smartsymbols\n - pymdownx.tilde\n - pymdownx.superfences:\n custom_fences:\n - name: mermaid\n class: mermaid\n format: !!python/name:pymdownx.superfences.fence_code_format # \u200b\u4ee3\u7801\u200b\u5757\u200b\u9ad8\u4eae\u200b\u63d2\u4ef6\u200b\n - pymdownx.arithmatex: # latex\u200b\u652f\u6301\u200b\n generic: true\n - toc:\n permalink: true # \u200b\u56fa\u5b9a\u200b\u6807\u9898\u200b\u4f4d\u7f6e\u200b\u4e3a\u200b\u5f53\u524d\u200b\u4f4d\u7f6e\u200b\n - pymdownx.highlight: # \u200b\u4ee3\u7801\u200b\u5757\u200b\u9ad8\u4eae\u200b\n anchor_linenums: true\n linenums: true # \u200b\u663e\u793a\u200b\u884c\u53f7\u200b\n # auto_title: true # \u200b\u663e\u793a\u200b\u7f16\u7a0b\u8bed\u8a00\u200b\u540d\u79f0\u200b\n - pymdownx.emoji:\n emoji_index: !!python/name:material.extensions.emoji.twemoji\n emoji_generator: !!python/name:material.extensions.emoji.to_svg\n - pymdownx.tabbed:\n alternate_style: true\n - pymdownx.tasklist:\n custom_checkbox: true\n - markdown.extensions.toc:\n slugify: !!python/object/apply:pymdownx.slugs.slugify {kwds: {case: lower}}\n permalink: \"\\ue157\"\n
extra_javascript:\n - javascripts/extra.js #\u200b\u81ea\u5b9a\u4e49\u200bjavascript\n - javascripts/mathjax.js #Latex\u200b\u652f\u6301\u200b\n - https://polyfill.io/v3/polyfill.min.js?features=es6 #Latex\u200b\u652f\u6301\u200b\n - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js #Latex\u200b\u652f\u6301\u200b\n - ckplayer/js/ckplayer.js #\u200b\u64ad\u653e\u5668\u200b\u914d\u7f6e\u200b\n - https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js #gitalk\u200b\u652f\u6301\u200b\n - https://cdn.jsdelivr.net/npm/mermaid@10.0.2/dist/add-html-label-6e56ed67.min.js #\u200b\u5fd8\u200b\u4e86\u200b\n\nextra_css:\n - stylesheets/extra.css # \u200b\u81ea\u5b9a\u4e49\u200bCSS\n - stylesheets/link.css #\u200b\u53cb\u94fe\u200b\u914d\u7f6e\u200b\n # - stylesheets/video.css #\u200b\u64ad\u653e\u5668\u200b\u53ef\u200b\u9009\u200b\u914d\u7f6e\u200b\n - https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.css #gitalk\u200b\u652f\u6301\u200b\n - ckplayer/css/ckplayer.css #\u200b\u64ad\u653e\u5668\u200b\u914d\u7f6e\u200b\n - https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css # font-awesome\u200b\u8868\u60c5\u200b\u652f\u6301\u200b\n # - https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css #\u200b\u5206\u4eab\u200b\u652f\u6301\u200b\n\n - https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.1.0/style.css #\u200b\u5b57\u4f53\u200b\n # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-lite-webfont@1.1.0/style.css #\u200b\u5b57\u4f53\u200b\n # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-tc-webfont@1.0.0/style.css #\u200b\u5b57\u4f53\u200b\n # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css #\u200b\u5b57\u4f53\u200b\n
\u200b\u5982\u679c\u200b\u4f60\u200b\u60f3\u200b\u81ea\u5b9a\u4e49\u200b\u7f51\u7ad9\u200b\u7684\u200b\u6837\u5f0f\u200b\uff0c\u200b\u53ef\u4ee5\u200b\u770b\u200b\u8fd9\u200b\u51e0\u7bc7\u200b\u6587\u7ae0\u200b\uff1a
JS\u200b\u5b9e\u73b0\u200b\u9f20\u6807\u200b\u6837\u5f0f\u200b
\u200b\u80cc\u666f\u200b\u7279\u6548\u200b
\u200b\u81ea\u5b9a\u4e49\u200b\u7f51\u7ad9\u200b\u5b57\u4f53\u200b
\u200b\u6dfb\u52a0\u200b\u53cb\u94fe\u200b
\u200b\u6dfb\u52a0\u200b\u8bc4\u8bba\u200b\u7cfb\u7edf\u200b
\u200b\u4e3a\u200bMKdocs\u200b\u6dfb\u52a0\u200b\u6587\u7ae0\u200b\u4fee\u8ba2\u200b\u65f6\u95f4\u200b\u6233\u200b
\u200b\u5728\u200b/docs\u200b\u76ee\u5f55\u200b\u4e0b\u200b\u521b\u5efa\u200b\u4e00\u4e2a\u200b CNAME \u200b\u7684\u200b \u200b\u65e0\u200b\u540e\u7f00\u200b \u200b\u6587\u4ef6\u200b\uff0c\u200b\u7136\u540e\u200b\u5728\u200b\u91cc\u9762\u200b\u586b\u5165\u200b\u4f60\u200b\u7684\u200b\u57df\u540d\u200b
\u200b\u56e0\u4e3a\u200b\u6bcf\u6b21\u200b\u5728\u200b Custom domain \u200b\u6dfb\u52a0\u200b\u540e\u200b\u90fd\u200b\u4f1a\u200b\u7ed9\u200b\u6211\u4eec\u200b\u751f\u6210\u200b\u4e00\u4e2a\u200b CNAME \u200b\u7684\u200b\u6587\u4ef6\u200b\uff0c\u200b\u4f46\u662f\u200b\u56e0\u4e3a\u200b\u9879\u76ee\u200b\u6211\u4eec\u200b\u6ca1\u6709\u200b pull \u200b\u5230\u200b\u672c\u5730\u200b\uff0c\u200b\u6240\u4ee5\u200b\u9020\u6210\u200b\u4e86\u200b\uff0c\u200b\u6bcf\u6b21\u200b push \u200b\u4e4b\u540e\u200b CNAME \u200b\u4fe1\u606f\u200b\u88ab\u200b clear \u200b\u4e86\u200b
\u200b\u5b98\u65b9\u200b\u6587\u6863\u200b\uff1aBuilt-in blog plugin
\u200b\u4e0e\u200b\u6240\u6709\u200b\u5185\u7f6e\u200b\u63d2\u4ef6\u200b\u4e00\u6837\u200b\uff0c\u200b\u535a\u5ba2\u200b\u63d2\u4ef6\u200b\u7684\u200b\u5165\u95e8\u200b\u975e\u5e38\u7b80\u5355\u200b\u3002\u200b\u53ea\u200b\u9700\u200b\u5c06\u200b\u4ee5\u4e0b\u200b\u884c\u200b\u6dfb\u52a0\u200b\u5230\u200bmkdocs.yml
plugins:\n - blog\n
\u200b\u7136\u540e\u200b\u5728\u200b/docs/blog/posts\u200b\u4e0b\u5199\u200bmd\u200b\u6587\u4ef6\u200b\u5373\u53ef\u200b\uff08\u200b\u65e0\u9700\u200b\u518d\u200bmkdocs.yml\u200b\u914d\u7f6e\u200b\uff0c\u200b\u5982\u200b\u6ca1\u6709\u200bpost\u200b\u6587\u4ef6\u200b\uff0c\u200b\u65b0\u5efa\u200b\u4e00\u4e2a\u200b\u5373\u53ef\u200b\uff09 \u200b\u4f46\u662f\u200bbolg\u200b\u6587\u4ef6\u5939\u200b\u4e0b\u8981\u200b\u6709\u200bindex.md\u200b\u6587\u4ef6\u200b(\u200b\u6ca1\u6709\u200b\u8fd9\u4e2a\u200b\u6587\u4ef6\u200b\u65b0\u5efa\u200b\u5373\u53ef\u200b)\uff01
\u200b\u5728\u200bmkdocs.yml\u200b\u4e2d\u200b\u8fd9\u6837\u200b\u5199\u200b
- Blogger:\n - index: blog/index.md\n
\u200b\u5143\u200b\u6807\u7b7e\u200b\u53c2\u8003\u200b\uff1a
---\ntitle: \nauthors: [Wcowin] #\u200b\u4f5c\u8005\u200b\ndate: 2023-10-04 #\u200b\u65f6\u95f4\u200b\ndraft: true # \u200b\u662f\u5426\u200b\u4e3a\u200b\u8349\u7a3f\u200b\ncategories: #\u200b\u5206\u7c7b\u200b\n - Hello\n---\n
authors:\n Wcowin:\n name: Wang Kewen # Author name\n description: Free and casual # Author description\n avatar: https://s1.imagehub.cc/images/2024/02/02/91a767e93d1a344e44c69936464c583e.png # Author avatar\n
``` \u200b\u7ed3\u675f\u200b
\u200b\u5165\u95e8\u200b MKdocs \u200b\u8bf7\u200b\u770b\u200b\u5b98\u65b9\u200b\u6559\u7a0b\u200b: Mkdocs \u200b\u5b98\u65b9\u200b\u6559\u7a0b\u200b
mkdocs materials \u200b\u6559\u7a0b\u200b: Mkdocs Materials
\u200b\u6211\u200b\u5199\u200b\u7684\u200b\u6559\u7a0b\u200b\uff1a Mkdocs\u200b\u4e2d\u6587\u200b\u6559\u7a0b\u200b (\u200b\u66f4\u200b\u5168\u9762\u200b/\u200b\u89c2\u611f\u200b\u66f4\u200b\u7eaf\u51c0\u200b)
\u200b\u6682\u5b9a\u200b\u4e8e\u200b2024\u200b\u5e74\u200b12\u200b\u6708\u200b31\u200b\u65e5\u200b\u53d1\u5e03\u200b
\u00b6
\u200b\u6211\u4eec\u200b\u5df2\u7ecf\u200b\u5728\u200b\u4e00\u8d77\u200b
Look at this source open_in_new_tab.js:
// Description: Open external links in a new tab and PDF links in a new tab\n// Source: https://jekyllcodex.org/without-plugin/new-window-fix/\n\n//open external links in a new window\nfunction external_new_window() {\n for(let c = document.getElementsByTagName(\"a\"), a = 0;a < c.length;a++) {\n let b = c[a];\n if(b.getAttribute(\"href\") && b.hostname !== location.hostname) {\n b.target = \"_blank\";\n b.rel = \"noopener\";\n }\n }\n}\n//open PDF links in a new window\nfunction pdf_new_window ()\n{\n if (!document.getElementsByTagName) {\n return false;\n }\n let links = document.getElementsByTagName(\"a\");\n for (let eleLink=0; eleLink < links.length; eleLink ++) {\n if ((links[eleLink].href.indexOf('.pdf') !== -1)||(links[eleLink].href.indexOf('.doc') !== -1)||(links[eleLink].href.indexOf('.docx') !== -1)) {\n links[eleLink].onclick =\n function() {\n window.open(this.href);\n return false;\n }\n }\n }\n}\n\nfunction apply_rules() {\n external_new_window();\n pdf_new_window();\n}\n\nif (typeof document$ !== \"undefined\") {\n // compatibility with mkdocs-material's instant loading feature\n // based on code from https://github.com/timvink/mkdocs-charts-plugin\n // Copyright (c) 2021 Tim Vink - MIT License\n // fixes [Issue #2](https://github.com/JakubAndrysek/mkdocs-open-in-new-tab/issues/2)\n document$.subscribe(function() {\n apply_rules();\n console.log(\"Applying rules\");\n })\n}\n
!ENV [CI, false]
mkdocs serve
docs/overrides\u200b\u6587\u4ef6\u200b\u4e0b\u200b\u65b0\u5efa\u200b404.html\u200b\u5373\u53ef\u200b
\u200b\u6811\u72b6\u200b\u7ed3\u6784\u200b\u5982\u4e0b\u200b
\u200b\u6811\u72b6\u200b\u7ed3\u6784\u200b\u5982\u4e0b\u200b:
$ tree -a\n.\n\u251c\u2500\u2500 .github\n\u2502 \u251c\u2500\u2500 .DS_Store\n\u2502 \u2514\u2500\u2500 workflows\n\u2502 \u2514\u2500\u2500 PublishMySite.yml\n\u251c\u2500\u2500 docs\n\u2502 \u2514\u2500\u2500 index.md\n\u2502 \u2514\u2500\u2500overrides\n\u2502 \u2514\u2500\u2500assets\n\u2502 \u2514\u2500\u2500404.html\n\u2502 \u2514\u2500\u2500main.html\n\u2502 \u2514\u2500\u2500partials\n\u2502 \u2514\u2500\u2500comments.html\n\u2502\n\u2514\u2500\u2500 mkdocs.yml\n
\u200b\u4ee5\u4e0b\u200b\u4ee3\u7801\u200b\u5747\u200b\u5728\u200bdocs/javascripts/extra.js\u200b\u4e0b\u200b\u590d\u5236\u7c98\u8d34\u200b
docs/javascripts/extra.js
//\u200b\u96ea\u82b1\u200b\nconst fps = 30;\nconst mspf = Math.floor(1000 / fps) ; \n\nlet width = window.innerWidth || document.documentElement.clientWidth;\nlet height = window.innerHeight || document.documentElement.clientHeight;\nlet canvas;\nwindow.addEventListener('resize', () => {\n width = window.innerWidth || document.documentElement.clientWidth;\n height = window.innerHeight || document.documentElement.clientHeight;\n if (canvas) {\n canvas.width = width;\n canvas.height = height;\n }\n});\n\nlet particles = [];\nlet wind = [0, 0];\nlet cursor = [0, 0];\n\nfunction velocity(r) {\n return 70 / r + 30;\n}\n\nfunction sine_component(h, a) {\n return [2 * Math.PI / h, Math.random() * a, Math.random() * 2 * Math.PI]; // [frequency, amplitude, phase]\n}\n\nfunction calc_sine(components, x) {\n let sum = 0;\n for (let i = 0; i < components.length; i++) {\n const [f, a, p] = components[i];\n sum += Math.sin(x * f + p) * a;\n }\n return sum;\n}\n\nfunction gen_particle() {\n let r = Math.random() * 4 + 1;\n return {\n radius: r,\n x: Math.random() * width,\n y: -r,\n opacity: Math.random(),\n sine_components: [sine_component(height, 3), sine_component(height / 2, 2), sine_component(height / 5, 1), sine_component(height / 10, 0.5)],\n };\n}\n\nfunction update_pos(dt) {\n const n = particles.length;\n for (let i = 0; i < n; i++) {\n const v = velocity(particles[i].radius);\n particles[i].x += calc_sine(particles[i].sine_components, particles[i].y) * v / 5 * dt;\n particles[i].y += v * dt;\n\n // const dist = Math.hypot(particles[i].x - cursor[0], particles[i].y - cursor[1]) + 1;\n // particles[i].x += wind[0] * dt / dist\n // particles[i].y += wind[1] * dt / dist;\n\n if (particles[i].y - particles[i].radius > height) {\n particles[i] = gen_particle(); \n }\n }\n}\n\nlet context_cache;\nfunction get_context() {\n if (context_cache)\n return context_cache;\n\n canvas = document.createElement('canvas');\n canvas.id = 'snow-canvas';\n canvas.width = width;\n canvas.height = height;\n canvas.style = 'position: fixed; top: 0; left: 0; overflow: hidden; pointer-events: none; z-index: 256;';\n if ((document.documentElement.dataset.darkreaderMode || \"\").startsWith('filter'))\n canvas.style.filter = 'invert(1)';\n document.body.appendChild(canvas);\n\n context_cache = canvas.getContext('2d');\n return context_cache;\n}\n\nfunction draw() {\n const ctx = get_context();\n\n ctx.clearRect(0, 0, width, height);\n\n const n = particles.length;\n for (let i = 0; i < n; i++) {\n const p = particles[i];\n ctx.fillStyle = `rgba(255, 255, 255, ${p.opacity})`;\n ctx.shadowColor = '#80EDF7';\n ctx.shadowBlur = 7;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.radius, 0, 2*Math.PI);\n ctx.fill();\n }\n}\n\nlet focused = true;\nlet disabled = false;\nlet lastTime = performance.now();\nconst requestFrame = () => setTimeout(loop, mspf);\nfunction loop() {\n const dt = (performance.now() - lastTime) / 1000;\n\n if (particles.length < 120 && Math.random() < 0.1) {\n particles.push(gen_particle());\n }\n\n update_pos(dt);\n draw();\n\n lastTime = performance.now();\n if (focused && !disabled)\n requestFrame();\n}\n\n\nwindow.addEventListener('focus', () => {\n console.log('snow start');\n focused = true;\n lastTime = performance.now();\n requestFrame();\n});\n\nwindow.addEventListener('blur', () => {\n console.log('snow stop');\n focused = false;\n});\n\nwindow.addEventListener('keydown', e => {\n if (e.ctrlKey && e.key == 's') {\n e.preventDefault();\n disabled = !disabled;\n if (disabled) {\n canvas.style.display = 'none';\n } else {\n canvas.style.display = 'block';\n lastTime = performance.now();\n requestFrame();\n }\n }\n});\n\nrequestFrame();\n//\u200b\u96ea\u82b1\u200b\n
//\u200b\u6a31\u82b1\u200b\nSakura.prototype.draw = function (cxt) {\n cxt.save(); var xc = 40 * this.s / 4; cxt.translate(this.x, this.y); cxt.rotate(this.r); cxt.drawImage(img, 0, 0, 40 * this.s, 40 * this.s)\n cxt.restore();\n}\nSakura.prototype.update = function () { this.x = this.fn.x(this.x, this.y); this.y = this.fn.y(this.y, this.y); this.r = this.fn.r(this.r); if (this.x > window.innerWidth || this.x < 0 || this.y > window.innerHeight || this.y < 0) { this.r = getRandom('fnr'); if (Math.random() > 0.4) { this.x = getRandom('x'); this.y = 0; this.s = getRandom('s'); this.r = getRandom('r'); } else { this.x = window.innerWidth; this.y = getRandom('y'); this.s = getRandom('s'); this.r = getRandom('r'); } } }\nSakuraList = function () { this.list = []; }\nSakuraList.prototype.push = function (sakura) { this.list.push(sakura); }\nSakuraList.prototype.update = function () { for (var i = 0, len = this.list.length; i < len; i++) { this.list[i].update(); } }\nSakuraList.prototype.draw = function (cxt) { for (var i = 0, len = this.list.length; i < len; i++) { this.list[i].draw(cxt); } }\nSakuraList.prototype.get = function (i) { return this.list[i]; }\nSakuraList.prototype.size = function () { return this.list.length; }\nfunction getRandom(option) {\n var ret, random; switch (option) {\n case 'x': ret = Math.random() * window.innerWidth; break; case 'y': ret = Math.random() * window.innerHeight; break; case 's': ret = Math.random(); break; case 'r': ret = Math.random() * 6; break; case 'fnx': random = -0.5 + Math.random() * 1; ret = function (x, y) { return x + 0.5 * random - 1.7; }; break; case 'fny': random = 1.5 + Math.random() * 0.7\n ret = function (x, y) { return y + random; }; break; case 'fnr': random = Math.random() * 0.03; ret = function (r) { return r + random; }; break;\n }\n return ret;\n}\nfunction startSakura() {\n requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame; var canvas = document.createElement('canvas'), cxt; staticx = true; canvas.height = window.innerHeight; canvas.width = window.innerWidth; canvas.setAttribute('style', 'position: fixed;left: 0;top: 0;pointer-events: none;'); canvas.setAttribute('id', 'canvas_sakura'); document.getElementsByTagName('body')[0].appendChild(canvas); cxt = canvas.getContext('2d'); var sakuraList = new SakuraList(); for (var i = 0; i < 50; i++) { var sakura, randomX, randomY, randomS, randomR, randomFnx, randomFny; randomX = getRandom('x'); randomY = getRandom('y'); randomR = getRandom('r'); randomS = getRandom('s'); randomFnx = getRandom('fnx'); randomFny = getRandom('fny'); randomFnR = getRandom('fnr'); sakura = new Sakura(randomX, randomY, randomS, randomR, { x: randomFnx, y: randomFny, r: randomFnR }); sakura.draw(cxt); sakuraList.push(sakura); }\n stop = requestAnimationFrame(function () { cxt.clearRect(0, 0, canvas.width, canvas.height); sakuraList.update(); sakuraList.draw(cxt); stop = requestAnimationFrame(arguments.callee); })\n}\nwindow.onresize = function () { var canvasSnow = document.getElementById('canvas_snow'); }\nimg.onload = function () { startSakura(); }\n//\u200b\u6a31\u82b1\u200b\n
!function() {\n function o(w, v, i) {\n return w.getAttribute(v) || i\n }\n function j(i) {\n return document.getElementsByTagName(i)\n }\n function l() {\n var i = j(\"script\"),\n w = i.length,\n v = i[w - 1];\n return {\n l: w,\n z: o(v, \"zIndex\", -1),\n o: o(v, \"opacity\", 0.5),\n c: o(v, \"color\", \"0,0,0\"),\n n: o(v, \"count\", 99)\n }\n }\n function k() {\n r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,\n n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight\n }\n function b() {\n e.clearRect(0, 0, r, n);\n var w = [f].concat(t);\n var x, v, A, B, z, y;\n t.forEach(function(i) {\n i.x += i.xa,\n i.y += i.ya,\n i.xa *= i.x > r || i.x < 0 ? -1 : 1,\n i.ya *= i.y > n || i.y < 0 ? -1 : 1,\n e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);\n for (v = 0; v < w.length; v++) {\n x = w[v];\n if (i !== x && null !== x.x && null !== x.y) {\n B = i.x - x.x,\n z = i.y - x.y,\n y = B * B + z * z;\n y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = \"rgba(\" + s.c + \",\" + (A + 0.2) + \")\", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())\n }\n }\n w.splice(w.indexOf(i), 1)\n }),\n m(b)\n }\n var u = document.createElement(\"canvas\"),\n s = l(),\n c = \"c_n\" + s.l,\n e = u.getContext(\"2d\"),\n r,\n n,\n m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||\n function(i) {\n window.setTimeout(i, 1000 / 45)\n },\n a = Math.random,\n f = {\n x: null,\n y: null,\n max: 20000\n };\n u.id = c;\n u.style.cssText = \"position:fixed;top:0;left:0;z-index:\" + s.z + \";opacity:\" + s.o;\n j(\"body\")[0].appendChild(u);\n k(),\n window.onresize = k;\n window.onmousemove = function(i) {\n i = i || window.event,\n f.x = i.clientX,\n f.y = i.clientY\n },\n window.onmouseout = function() {\n f.x = null,\n f.y = null\n };\n for (var t = [], p = 0; s.n > p; p++) {\n var h = a() * r,\n g = a() * n,\n q = 2 * a() - 1,\n d = 2 * a() - 1;\n t.push({\n x: h,\n y: g,\n xa: q,\n ya: d,\n max: 6000\n })\n }\n setTimeout(function() {\n b()\n },\n 100)\n} ();\n
/*\u200b\u80cc\u666f\u200b*/\nwindow.onload = function () {\n //\u200b\u5b9a\u4e49\u200bbody\u200b\u7684\u200bmargin\u200b\u7531\u200b\u9ed8\u8ba4\u503c\u200b8px->0px\n document.body.style.margin = \"0\";\n document.body.style.background = \"255,255,255\";\n //\u200b\u521b\u5efa\u200bcanvas\u200b\u753b\u5e03\u200b\n document.body.appendChild(document.createElement('canvas'));\n var canvas = document.querySelector('canvas'),\n ctx = canvas.getContext('2d') //ctx\u200b\u8fd4\u56de\u200b\u4e00\u4e2a\u200b\u5728\u200bcanvas\u200b\u4e0a\u200b\u753b\u56fe\u200b\u7684\u200bapi/dom\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n canvas.style.position = 'fixed';\n ctx.lineWidth = .3;\n ctx.strokeStyle = (new Color(150)).style;\n //\u200b\u5b9a\u4e49\u200b\u9f20\u6807\u200b\u8986\u76d6\u8303\u56f4\u200b\n var mousePosition = {\n x: 30 * canvas.width / 100,\n y: 30 * canvas.height / 100\n };\n var dots = {\n nb: 1000,//Dot\u200b\u7684\u200b\u603b\u6570\u200b\n distance: 50,\n d_radius: 100,\n array: []\n };\n //\u200b\u521b\u5efa\u200b\u989c\u8272\u200b\u7c7b\u200b\uff0cColor\u200b\u7c7b\u200b\u8fd4\u56de\u200b\u5b57\u7b26\u4e32\u200b\u578b\u200brgba\uff08*,*,*,.8\uff09\n function mixComponents(comp1, weight1, comp2, weight2) {\n return (comp1 * weight1 + comp2 * weight2) / (weight1 + weight2);\n }\n function averageColorStyles(dot1, dot2) {\n var color1 = dot1.color,\n color2 = dot2.color;\n\n var r = mixComponents(color1.r, dot1.radius, color2.r, dot2.radius),\n g = mixComponents(color1.g, dot1.radius, color2.g, dot2.radius),\n b = mixComponents(color1.b, dot1.radius, color2.b, dot2.radius);\n return createColorStyle(Math.floor(r), Math.floor(g), Math.floor(b));\n }\n function colorValue(min) {\n return Math.floor(Math.random() * 255 + min);\n }\n function createColorStyle(r, g, b) {\n return 'rgba(' + r + ',' + g + ',' + b + ', 0.8)';\n }\n function Color(min) {\n min = min || 0;\n this.r = colorValue(min);\n this.g = colorValue(min);\n this.b = colorValue(min);\n this.style = createColorStyle(this.r, this.g, this.b);\n }\n //\u200b\u521b\u5efa\u200bDot\u200b\u7c7b\u200b\u4ee5\u53ca\u200b\u4e00\u7cfb\u5217\u200b\u65b9\u6cd5\u200b\n function Dot() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n\n this.vx = -.5 + Math.random();\n this.vy = -.5 + Math.random();\n\n this.radius = Math.random() * 2;\n\n this.color = new Color();\n }\n\n Dot.prototype = {\n draw: function () {\n ctx.beginPath();\n ctx.fillStyle = this.color.style;\n ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);\n ctx.fill();\n }\n };\n function moveDots() {//Dot\u200b\u5bf9\u8c61\u200b\u7684\u200b\u79fb\u52a8\u200b\n for (i = 0; i < dots.nb; i++) {\n\n var dot = dots.array[i];\n\n if (dot.y < 0 || dot.y > canvas.height) {\n dot.vx = dot.vx;\n dot.vy = - dot.vy;\n }\n else if (dot.x < 0 || dot.x > canvas.width) {\n dot.vx = - dot.vx;\n dot.vy = dot.vy;\n }\n dot.x += dot.vx;\n dot.y += dot.vy;\n }\n }\n function connectDots() {//DOt\u200b\u5bf9\u8c61\u200b\u7684\u200b\u8fde\u63a5\u200b\n for (i = 0; i < dots.nb; i++) {\n for (j = i; j < dots.nb; j++) {\n i_dot = dots.array[i];\n j_dot = dots.array[j];\n\n if ((i_dot.x - j_dot.x) < dots.distance && (i_dot.y - j_dot.y) < dots.distance && (i_dot.x - j_dot.x) > - dots.distance && (i_dot.y - j_dot.y) > - dots.distance) {\n if ((i_dot.x - mousePosition.x) < dots.d_radius && (i_dot.y - mousePosition.y) < dots.d_radius && (i_dot.x - mousePosition.x) > - dots.d_radius && (i_dot.y - mousePosition.y) > - dots.d_radius) {\n ctx.beginPath();\n ctx.strokeStyle = averageColorStyles(i_dot, j_dot);\n ctx.moveTo(i_dot.x, i_dot.y);\n ctx.lineTo(j_dot.x, j_dot.y);\n ctx.stroke();//\u200b\u7ed8\u5236\u200b\u5b9a\u4e49\u200b\u7684\u200b\u8def\u7ebf\u200b\n ctx.closePath();//\u200b\u521b\u5efa\u200b\u4ece\u200b\u5f53\u524d\u200b\u70b9\u200b\u56de\u5230\u200b\u8d77\u59cb\u200b\u70b9\u200b\u7684\u200b\u8def\u5f84\u200b\n }\n }\n }\n }\n }\n function createDots() {//\u200b\u521b\u5efa\u200bnb\u200b\u4e2a\u200bDot\u200b\u5bf9\u8c61\u200b\n for (i = 0; i < dots.nb; i++) {\n dots.array.push(new Dot());\n }\n }\n function drawDots() {//\u200b\u5f15\u7528\u200bDot\u200b\u539f\u578b\u200b\u94fe\u200b\uff0c\u200b\u4f7f\u7528\u200bdraw\u200b\u65b9\u6cd5\u200b\uff0c\u200b\u5728\u200bcanvas\u200b\u4e0a\u753b\u200b\u51fa\u200bDot\u200b\u5bf9\u8c61\u200b\n for (i = 0; i < dots.nb; i++) {\n var dot = dots.array[i];\n dot.draw();\n }\n }\n function animateDots() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);//\u200b\u6e05\u9664\u200b\u753b\u5e03\u200b\uff0c\u200b\u5426\u5219\u200b\u7ebf\u6761\u200b\u4f1a\u200b\u8fde\u5728\u4e00\u8d77\u200b\n moveDots();\n connectDots();\n drawDots();\n requestAnimationFrame(animateDots);\n }\n createDots();//\u200b\u4f7f\u7528\u200b\u521b\u5efa\u200bDot\u200b\u7c7b\u200b\u51fd\u6570\u200b\n requestAnimationFrame(animateDots);//\u200b\u4f7f\u7528\u200bcanvas\u200b\u72ec\u6709\u200b\u7684\u200b60Hz\u200b\u5237\u65b0\u200b\u5c4f\u5e55\u200b\u753b\u5e03\u200b\u7684\u200b\u65b9\u6cd5\u200b\n\n document.querySelector('canvas').addEventListener('mousemove', function (e) {\n mousePosition.x = e.pageX;\n mousePosition.y = e.pageY;\n })\n\n document.querySelector('canvas').addEventListener('mouseleave', function (e) {//\u200b\u9f20\u6807\u200b\u79bb\u5f00\u200b\u65f6\u200b\uff0c\u200b\u8fde\u63a5\u200b\u81ea\u52a8\u200b\u8fd4\u56de\u200b\u5230\u200b\u753b\u5e03\u200b\u4e2d\u5fc3\u200b\n mousePosition.x = canvas.width / 2;\n mousePosition.y = canvas.height / 2;\n })\n\n}\n\n/*\u200b\u80cc\u666f\u200bend*/\n
docs/overrides\u200b\u4e0b\u200b\u65b0\u5efa\u200bmain.html \uff0c\u200b\u9488\u5bf9\u200bmain.html\u200b\u6587\u4ef6\u200b \u200b\u6811\u72b6\u200b\u7ed3\u6784\u200b\u5982\u4e0b\u200b:
$ tree -a\n.\n\u251c\u2500\u2500 .github\n\u2502 \u251c\u2500\u2500 .DS_Store\n\u2502 \u2514\u2500\u2500 workflows\n\u2502 \u2514\u2500\u2500 PublishMySite.yml\n\u251c\u2500\u2500 docs\n\u2502 \u2514\u2500\u2500 index.md\n\u2502 \u2514\u2500\u2500overrides\n\u2502 \u2514\u2500\u2500assets\n\u2502 \u2514\u2500\u2500main.html\n\u2502 \u2514\u2500\u2500partials\n\u2502 \u2514\u2500\u2500comments.html\n\u2502\n\u2514\u2500\u2500 mkdocs.yml\n
{#-\n This file was automatically generated - do not edit\n -#}\n {% extends \"base.html\" %}\n {% block extrahead %}\n <link rel=\"stylesheet\" href=\"{{ 'assets/stylesheets/custom.00c04c01.min.css' | url }}\">\n {% endblock %}\n {% block announce %}\n Follow <strong>@Wcowin</strong> on\n <a rel=\"me\" href=\"https://space.bilibili.com/1407028951?spm_id_from=333.1007.0.0\">\n <span class=\"twemoji bilibili\">\n {% include \".icons/fontawesome/brands/bilibili.svg\" %}\n </span>\n <strong>Bilibili</strong>\n </a>\n and\n <a href=\"https://twitter.com/Wcowin_\">\n <span class=\"twemoji twitter\">\n {% include \".icons/fontawesome/brands/twitter.svg\" %}\n </span>\n <strong>Twitter</strong>\n </a>\n {% endblock %}\n {% block scripts %}\n {{ super() }}\n <script src=\"{{ 'assets/javascripts/custom.9458f965.min.js' | url }}\"></script>\n {% endblock %}\n
\u200b\u81ea\u884c\u200b\u4fee\u6539\u200b\u5373\u53ef\u200b
\u200b\u590d\u5236\u200b\u540e\u200b\u5728\u200b\u9700\u8981\u200b\u6dfb\u52a0\u200b\u53cb\u94fe\u200b\u7684\u200b.md\u200b\u6587\u4ef6\u200b\u9875\u9762\u200b\u7c98\u8d34\u200b\u5373\u53ef\u200b
<div class=\"post-body\">\n <div id=\"links\">\n <style>\n/* \u200b\u7528\u4e8e\u200b\u5927\u5c4f\u5e55\u200b\u548c\u200b\u5c0f\u200b\u5c4f\u5e55\u200b\u7684\u200b\u901a\u7528\u200b\u6837\u5f0f\u200b */\n.card {\n width: 45%;\n font-size: 1rem;\n padding: 10px 20px;\n border-radius: 4px;\n transition-duration: 0.15s;\n margin-bottom: 1rem;\n display: flex;\n }\n .card:nth-child(odd) {\n float: left;\n }\n .card:nth-child(even) {\n float: right;\n }\n .card:hover {\n transform: scale(1.1);\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);\n }\n .card a {\n border: none;\n }\n .card .ava {\n width: 3rem!important;\n height: 3rem!important;\n margin: 0!important;\n margin-right: 1em!important;\n border-radius: 4px;\n }\n .card .card-header {\n font-style: italic;\n overflow: hidden;\n width: 100%;\n }\n .card .card-header a {\n font-style: normal;\n color: #608DBD;\n font-weight: bold;\n text-decoration: none;\n }\n .card .card-header a:hover {\n color: #d480aa;\n text-decoration: none;\n }\n .card .card-header .info {\n font-style: normal;\n color: #a3a3a3;\n font-size: 14px;\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n }\n /* \u200b\u5a92\u4f53\u200b\u67e5\u8be2\u200b\uff1a\u200b\u5c0f\u200b\u5c4f\u5e55\u200b */\n @media (max-width: 768px) {\n .card {\n width: 100%; /* \u200b\u5728\u200b\u5c0f\u200b\u5c4f\u5e55\u200b\u4e0a\u200b\u663e\u793a\u200b\u4e3a\u200b\u5355\u5217\u200b */\n float: none; /* \u200b\u6e05\u9664\u200b\u6d6e\u52a8\u200b */\n }\n }\n </style>\n <div class=\"links-content\">\n <div class=\"link-navigation\">\n <div class=\"card\">\n <img class=\"ava\" src=\"https://cn.mcecy.com/image/20231006/a05f708fb7b0426e7a5786669d5b1386.png\" />\n <div class=\"card-header\">\n <div>\n <a href=\"https://wcowin.work/ \" target=\u201c_blank\u201d>Wcowin\u2019s blog</a>\n </div>\n <div class=\"info\">\u200b\u8fd9\u662f\u200b\u4e00\u4e2a\u200b\u5206\u4eab\u200b\u6280\u672f\u200b\u7684\u200b\u5c0f\u7ad9\u200b\u3002</div>\n </div>\n </div>\n <div class=\"card\">\n <img class=\"ava\" src=\"https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png\" />\n <div class=\"card-header\">\n <div>\n <a href=\"https://twitter.com/\" target=\u201c_blank\u201d>Twitter</a>\n </div>\n <div class=\"info\">\u200b\u793e\u4ea4\u200b\u5206\u4eab\u200b\u5e73\u53f0\u200b</div>\n </div>\n </div>\n <div class=\"card\">\n <img class=\"ava\" src=\"https://cn.mcecy.com/image/20231012/d96b912437fb0bec0d282dfe734b1d9b.jpeg\"/>\n <div class=\"card-header\">\n <div>\n <a href=\"https://macapp.org.cn/\" target=\u201c_blank\u201d>Macapp</a>\n </div>\n <div class=\"info\">\u200b\u4e00\u4e2a\u200b\u4e13\u6ce8\u200b\u4e8e\u200b\u5206\u4eab\u200bMac\u200b\u8d44\u6e90\u200b\u7684\u200b\u9891\u9053\u200b</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n
<div class=\"card\"> \n<img class=\"ava\" src=\"{avatarurl}\" /> \n<div class=\"card-header\"> \n<div> \n<a href=\"{link}\" target=\"_blank\">{name}</a> \n</div> \n<div class=\"info\">{description}</div> \n</div> \n</div>\n</div>\n
<div class=\"card\"> \n <img class=\"ava\" src=\"https://cn.mcecy.com/image/20231006/a05f708fb7b0426e7a5786669d5b1386.png\" /> \n <div class=\"card-header\"> \n <div> \n <a href=\"https://wcowin.work/ \" target=\u201c_blank\u201d>Wcowin\u2019s blog</a> \n </div> \n <div class=\"info\">\n \u200b\u8fd9\u662f\u200b\u4e00\u4e2a\u200b\u5206\u4eab\u200b\u6280\u672f\u200b\u7684\u200b\u5c0f\u7ad9\u200b\u3002\n </div> \n</div> \n</div> \n
\u200b\u5b98\u65b9\u200b\u6587\u6863\u200b\uff1aAdding a comment system
\u200b\u8fd9\u91cc\u200b\u6211\u200b\u540c\u6837\u200b\u63a8\u8350\u200bgiscus
\u200b\u5229\u7528\u200b GitHub Discussions \u200b\u5b9e\u73b0\u200b\u7684\u200b\u8bc4\u8bba\u200b\u7cfb\u7edf\u200b\uff0c\u200b\u8ba9\u200b\u8bbf\u5ba2\u200b\u501f\u52a9\u200b GitHub \u200b\u5728\u200b\u4f60\u200b\u7684\u200b\u7f51\u7ad9\u200b\u4e0a\u200b\u7559\u4e0b\u200b\u8bc4\u8bba\u200b\u548c\u200b\u53cd\u5e94\u200b\u5427\u200b\uff01\u200b\u672c\u200b\u9879\u76ee\u200b\u6df1\u53d7\u200b utterances \u200b\u7684\u200b\u542f\u53d1\u200b\u3002
\u200b\u8a00\u5f52\u6b63\u4f20\u200b
mkdocs.yml\u200b\u4e2d\u200b\u6dfb\u52a0\u200b
theme:\n name: material\n custom_dir: docs/overrides #\u200b\u4e3b\u8981\u200b\u662f\u200b\u8fd9\u200b\u4e00\u884c\u200b\n
\u200b\u5728\u200bcomments.html\u200b\u4e2d\u200b
{% if page.meta.comments %}\n <h2 id=\"__comments\">{{ lang.t(\"meta.comments\") }}</h2>\n <!-- Insert generated snippet here -->\n <script src=\"https://giscus.app/client.js\"\n data-repo=\"\u200b\u4f60\u200b\u7684\u200b\u4ed3\u5e93\u200b\u540d\u79f0\u200b\uff08\u200b\u5982\u200bWcowin/hexo-site-comments\uff09\"\n data-repo-id=\" \"\n data-category=\" \"\n data-category-id=\" \"\n data-mapping=\"pathname\"\n data-strict=\"0\"\n data-reactions-enabled=\"1\"\n data-emit-metadata=\"0\"\n data-input-position=\"bottom\"\n data-theme=\"preferred_color_scheme\"\n data-lang=\"zh-CN\"\n crossorigin=\"anonymous\"\n async>\n</script>\n <!-- Synchronize Giscus theme with palette -->\n <script>\n var giscus = document.querySelector(\"script[src*=giscus]\")\n\n // Set palette on initial load\n var palette = __md_get(\"__palette\")\n if (palette && typeof palette.color === \"object\") {\n var theme = palette.color.scheme === \"slate\"\n ? \"transparent_dark\"\n : \"light\"\n\n // Instruct Giscus to set theme\n giscus.setAttribute(\"data-theme\", theme) \n }\n\n // Register event handlers after documented loaded\n document.addEventListener(\"DOMContentLoaded\", function() {\n var ref = document.querySelector(\"[data-md-component=palette]\")\n ref.addEventListener(\"change\", function() {\n var palette = __md_get(\"__palette\")\n if (palette && typeof palette.color === \"object\") {\n var theme = palette.color.scheme === \"slate\"\n ? \"transparent_dark\"\n : \"light\"\n\n // Instruct Giscus to change theme\n var frame = document.querySelector(\".giscus-frame\")\n frame.contentWindow.postMessage(\n { giscus: { setConfig: { theme } } },\n \"https://giscus.app\"\n )\n }\n })\n })\n </script>\n{% endif %}\n
\u200b\u6253\u5f00\u200bhttps://giscus.app/zh-CN \u200b\u8d70\u200b\u5b8c\u200b\u8fd9\u4e2a\u200b\u9875\u9762\u200b\u7684\u200b\u6d41\u7a0b\u200b\u5c31\u200b\u4f1a\u200b\u5f97\u5230\u200b(\u200b\u8fd9\u4f1a\u200b\u5728\u200b\u4f60\u200b\u7684\u200bGithub\u200b\u521b\u5efa\u200b\u65b0\u200b\u7684\u200b\u4ed3\u5e93\u200b\uff0c\u200b\u5efa\u8bae\u200b\u81ea\u5df1\u200b\u5148\u200b\u53bb\u200b\u65b0\u5efa\u200b\u4e2a\u200b Discussions)
<script src=\"https://giscus.app/client.js\"\n data-repo=\"[\u200b\u5728\u200b\u6b64\u200b\u8f93\u5165\u200b\u4ed3\u5e93\u200b]\"\n data-repo-id=\"[\u200b\u5728\u200b\u6b64\u200b\u8f93\u5165\u200b\u4ed3\u5e93\u200b ID]\"\n data-category=\"[\u200b\u5728\u200b\u6b64\u200b\u8f93\u5165\u200b\u5206\u7c7b\u200b\u540d\u200b]\"\n data-category-id=\"[\u200b\u5728\u200b\u6b64\u200b\u8f93\u5165\u200b\u5206\u7c7b\u200b ID]\"\n data-mapping=\"pathname\"\n data-strict=\"0\"\n data-reactions-enabled=\"1\"\n data-emit-metadata=\"0\"\n data-input-position=\"bottom\"\n data-theme=\"preferred_color_scheme\"\n data-lang=\"zh-CN\"\n crossorigin=\"anonymous\"\n async>\n</script>\n
\u200b\u590d\u5236\u200b\u5c06\u200b\u6b64\u200b\u4ee3\u7801\u200b\uff0c\u200b\u66ff\u6362\u200b\u6700\u200b\u4e0a\u9762\u200b\ud83d\udc46\ud83c\udffbcomments.html\u200b\u4e2d\u9ad8\u4eae\u200b\u7684\u200b\u4ee3\u7801\u200b
\u200b\u7ec8\u7aef\u200b\u91cc\u200bmkdocs server\u200b\u4e00\u4e0b\u200b
mkdocs server
\u200b\u5728\u200b\u4f60\u200b\u60f3\u200b\u63d2\u5165\u200b\u8bc4\u8bba\u200b\u7684\u200b\u5730\u65b9\u200b\u7684\u200b\u5143\u200b\u6570\u636e\u200b\uff1acomments: true
comments: true
---\ntitle: \u200b\u7559\u8a00\u677f\u200b\nhide:\n # - navigation # \u200b\u663e\u793a\u200b\u53f3\u200b\n # - toc #\u200b\u663e\u793a\u200b\u5de6\u200b\n # - footer\n # - feedback \ncomments: true #\u200b\u9ed8\u8ba4\u200b\u4e0d\u200b\u5f00\u542f\u200b\u8bc4\u8bba\u200b\n---\n
\u200b\u5b8c\u7f8e\u200b!\u200b\u5feb\u901f\u200b\u76f8\u5e94\u200b
\u200b\u628a\u200b\u60f3\u8981\u200b\u5185\u5d4c\u200b\u7684\u200b\u8bc4\u8bba\u200b\u4ee3\u7801\u200b\u653e\u5728\u200b\u76f8\u5e94\u200b\u9875\u9762\u200b\u5373\u53ef\u200b \u200b\u6bd4\u5982\u200btwikoo \u200b\u53bb\u200b\u770b\u200b\u5b83\u200b\u7684\u200b\u5b98\u65b9\u200b\u914d\u7f6e\u200b\u6587\u6863\u200b\u5f88\u200b\u7b80\u5355\u200b\u5c31\u200b\u914d\u7f6e\u200b\u597d\u200b\u4e86\u200b
<head> \n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css\" integrity=\"sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X\" crossorigin=\"anonymous\" /> \n <script defer=\"\" src=\"https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js\" integrity=\"sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4\" crossorigin=\"anonymous\"></script> \n <script defer=\"\" src=\"https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js\" integrity=\"sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa\" crossorigin=\"anonymous\"></script> \n\n </head>\n<body>\n <div id=\"tcomment\"></div> \n <script src=\"https://cdn.staticfile.org/twikoo/1.6.21/twikoo.all.min.js\"></script> \n <script>\ntwikoo.init({\n envId: 'https://superb-salamander-e730b6.netlify.app/.netlify/functions/twikoo', // \u200b\u817e\u8baf\u200b\u4e91\u200b\u73af\u5883\u200b\u586b\u200b envId\uff1bVercel \u200b\u73af\u5883\u200b\u586b\u200b\u5730\u5740\u200b\uff08https://xxx.vercel.app\uff09\n el: '#tcomment', // \u200b\u5bb9\u5668\u200b\u5143\u7d20\u200b\n //region: 'ap-guangzhou', // \u200b\u73af\u5883\u200b\u5730\u57df\u200b\uff0c\u200b\u9ed8\u8ba4\u200b\u4e3a\u200b ap-shanghai\uff0c\u200b\u817e\u8baf\u200b\u4e91\u200b\u73af\u5883\u200b\u586b\u200b ap-shanghai \u200b\u6216\u200b ap-guangzhou\uff1bVercel \u200b\u73af\u5883\u200b\u4e0d\u586b\u200b\n // path: location.pathname, // \u200b\u7528\u4e8e\u200b\u533a\u5206\u200b\u4e0d\u540c\u200b\u6587\u7ae0\u200b\u7684\u200b\u81ea\u5b9a\u4e49\u200b js \u200b\u8def\u5f84\u200b\uff0c\u200b\u5982\u679c\u200b\u60a8\u200b\u7684\u200b\u6587\u7ae0\u200b\u8def\u5f84\u200b\u4e0d\u662f\u200b location.pathname\uff0c\u200b\u9700\u4f20\u200b\u6b64\u53c2\u6570\u200b\n //lang: 'zh-CN', // \u200b\u7528\u4e8e\u200b\u624b\u52a8\u200b\u8bbe\u5b9a\u200b\u8bc4\u8bba\u200b\u533a\u200b\u8bed\u8a00\u200b\uff0c\u200b\u652f\u6301\u200b\u7684\u200b\u8bed\u8a00\u200b\u5217\u8868\u200b https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js\n onCommentLoaded: function () {\n console.log('\u200b\u8bc4\u8bba\u200b\u52a0\u8f7d\u200b\u5b8c\u6210\u200b');\n }\n})\n</script> \n
\u200b\u6211\u200b\u76ee\u524d\u200b\u5728\u200b\u7528\u200b\u7684\u200b\u5b57\u4f53\u200b\uff1a\u200b\u971e\u9e5c\u200b\u6587\u6977\u200b \u200b\u60f3\u5fc5\u200b\u4f60\u200b\u53ef\u4ee5\u200b\u76f4\u89c2\u200b\u4ece\u200b\u6211\u200b\u7684\u200b\u7f51\u7ad9\u200b\u611f\u53d7\u200b\u5230\u200b\uff0c\u200b\u8fd9\u200b\u6b3e\u200b\u5b57\u4f53\u200b\u7684\u200b\u7f8e\u89c2\u200b\u7a0b\u5ea6\u200b\u3002
\u200b\u5feb\u901f\u200b\u6559\u7a0b\u200b
\u200b\u4ee5\u4e0b\u200b\u662f\u200b\u6458\u5f55\u200b\u7684\u200b\u90e8\u5206\u200b\u5b57\u4f53\u200b\u5b98\u65b9\u200b\u4ecb\u7ecd\u200b\u6587\u6863\u200b
\u200b\u6ce8\u610f\u4e8b\u9879\u200b
An open-source Chinese font derived from Fontworks' Klee One. \u200b\u4e00\u6b3e\u200b\u5f00\u6e90\u200b\u4e2d\u6587\u5b57\u4f53\u200b\uff0c\u200b\u57fa\u4e8e\u200b FONTWORKS \u200b\u51fa\u54c1\u200b\u5b57\u4f53\u200b Klee One \u200b\u884d\u751f\u200b\u3002
2020 \u200b\u5e74\u200b 12 \u200b\u6708\u200b\uff0c\u200b\u65e5\u672c\u200b\u8457\u540d\u200b\u5b57\u4f53\u200b\u5382\u5546\u200b FONTWORKS \u200b\u5728\u200b GitHub \u200b\u4e0a\u200b\u53d1\u5e03\u200b\u4e86\u200b 7 \u200b\u6b3e\u65e5\u200b\u6587\u5b57\u200b\u4f53\u200b\uff0c\u200b\u5206\u522b\u200b\u4e3a\u200b Train\u3001Klee\u3001Stick\u3001Rock-n-Roll\u3001Reggae\u3001Rampart \u200b\u548c\u200b DotGothic16\uff0c\u200b\u6839\u636e\u200b SIL Open Font License 1.1 \u200b\u6388\u6743\u200b\u8bb8\u53ef\u200b\u5f00\u6e90\u200b\u30027 \u200b\u6b3e\u200b\u5f00\u6e90\u200b\u65e5\u200b\u6587\u5b57\u200b\u4f53\u5404\u6709\u200b\u5404\u200b\u7684\u200b\u7279\u70b9\u200b\uff0c\u200b\u800c\u200b\u8fd9\u200b 7 \u200b\u6b3e\u200b\u5b57\u4f53\u200b\u4e2d\u200b\uff0c\u200b\u5b57\u7b26\u200b\u6570\u91cf\u200b\u6700\u591a\u200b\u7684\u200b\u662f\u200b Klee\u3002
\u200b\u8fd9\u662f\u200b\u4e00\u6b3e\u200b\u6709\u7740\u200b\u65e5\u672c\u200b\u6559\u79d1\u4e66\u200b\u4f53\u200b\u98ce\u683c\u200b\u7684\u200b\u5b57\u4f53\u200b\uff0c\u200b\u517c\u6709\u200b\u4eff\u5b8b\u200b\u548c\u200b\u6977\u4f53\u200b\u7684\u200b\u7279\u70b9\u200b\uff0c\u200b\u53ef\u8bfb\u6027\u200b\u9ad8\u200b\u3002\u200b\u4e00\u4e9b\u200b DIY \u200b\u5b57\u4f53\u200b\u7231\u597d\u8005\u200b\u66fe\u200b\u5148\u540e\u200b\u7528\u200b\u4eff\u5b8b\u200b\u7b49\u200b\u5b57\u4f53\u200b\u8865\u5168\u200b\u8fd9\u200b\u6b3e\u200b\u5b57\u4f53\u200b\uff0c\u200b\u4f5c\u4e3a\u200b\u624b\u673a\u200b\u7cfb\u7edf\u200b\u7684\u200b\u7f8e\u5316\u200b\u5b57\u4f53\u200b\u79fb\u690d\u200b\u5728\u200b iOS\u3001Android \u200b\u7b49\u200b\u624b\u673a\u200b\u7cfb\u7edf\u200b\u4e2d\u200b\uff0c\u200b\u53d7\u5230\u200b\u5f88\u591a\u200b\u73a9\u673a\u200b\u53d1\u70e7\u53cb\u200b\u7684\u200b\u6b22\u8fce\u200b\u3002\u200b\u4e0d\u8fc7\u200b\u8fd9\u6837\u200b\u8865\u5168\u200b\u7684\u200b\u5b57\u4f53\u200b\u6709\u200b\u4e00\u4e9b\u200b\u4e0d\u8db3\u4e4b\u5904\u200b\u3002 \u200b\u7b2c\u4e00\u200b\uff0c\u200b\u539f\u6709\u200b\u5b57\u4f53\u200b\u548c\u200b\u540e\u200b\u8865\u200b\u5b57\u4f53\u200b\u4e4b\u95f4\u200b\u6709\u7740\u200b\u4e00\u5b9a\u200b\u7684\u200b\u5dee\u5f02\u200b\uff0c\u200b\u81f4\u4f7f\u200b\u4e00\u4e9b\u200b\u4e0d\u540c\u200b\u7684\u200b\u6587\u5b57\u200b\uff08\u200b\u5982\u200b Klee \u200b\u539f\u6709\u200b\u6c49\u5b57\u200b\u4e0e\u200b\u540e\u200b\u8865\u200b\u7b80\u4f53\u5b57\u200b\uff09\u200b\u6df7\u6392\u200b\u4e4b\u540e\u200b\u4f1a\u200b\u6709\u200b\u4e00\u5b9a\u200b\u7684\u200b\u8fdd\u548c\u611f\u200b\u3002 \u200b\u7b2c\u4e8c\u200b\uff0c\u200b\u7531\u4e8e\u200b\u8865\u5b57\u200b\u6240\u7528\u200b\u7684\u200b\u5b57\u4f53\u200b\u4e3a\u200b\u5546\u4e1a\u200b\u7248\u6743\u200b\u5b57\u4f53\u200b\uff0c\u200b\u8865\u5168\u200b\u4e4b\u540e\u200b\u4e0d\u53ef\u200b\u7528\u4e8e\u200b\u5546\u4e1a\u7528\u9014\u200b\uff0c\u200b\u8fd8\u4f1a\u200b\u6709\u200b\u4fb5\u6743\u200b\u7684\u200b\u98ce\u9669\u200b\u3002\u200b\u6b64\u5916\u200b\uff0c\u200b\u76ee\u524d\u200b\u73b0\u6709\u200b\u7684\u200b\u5f00\u6e90\u200b\u4e2d\u200b\u6587\u5b57\u200b\u5e93\u91cc\u200b\uff0c\u200b\u6977\u4f53\u200b\u7c7b\u200b\u5be5\u5be5\u65e0\u51e0\u200b\uff0c\u200b\u4eff\u5b8b\u200b\u7c7b\u5219\u200b\u51e0\u4e4e\u200b\u6ca1\u6709\u200b\u3002
\u200b\u9274\u4e8e\u200b\u6b64\u200b\uff0c\u200b\u4e5f\u200b\u4e3a\u4e86\u200b\u4e30\u5bcc\u200b\u5f00\u6e90\u200b\u4e2d\u6587\u5b57\u4f53\u200b\u4e2d\u200b\u7684\u200b\u6977\u4f53\u200b\u95e8\u7c7b\u200b\uff0c2021 \u200b\u5e74\u200b 1 \u200b\u6708\u200b 20 \u200b\u65e5\u8d77\u200b\uff0c\u200b\u672c\u4eba\u200b\u5f00\u59cb\u200b\u4e86\u200b\u4e3a\u200b Klee One \u200b\u8fd9\u4e00\u200b\u9ad8\u8d28\u91cf\u200b\u7684\u200b\u65e5\u6587\u200b\u5f00\u6e90\u200b\u5b57\u4f53\u200b\u8865\u5168\u200b\u7b80\u7e41\u200b\u5e38\u7528\u5b57\u200b\u7684\u200b\u5c1d\u8bd5\u200b\u3002\u200b\u56e0\u8be5\u200b\u5b57\u4f53\u200b\u5177\u6709\u200b\u4e00\u5b9a\u200b\u7684\u200b\u300c\u200b\u6587\u827a\u200b\u6c14\u606f\u200b\u300d\uff0c\u200b\u547d\u540d\u200b \u300c\u200b\u971e\u9e5c\u200b\u6587\u6977\u200b\u300d\uff08\u200b\u5176\u5b9e\u200b\u5f53\u521d\u200b\u662f\u200b\u611f\u89c9\u200b\u8fd9\u200b\u6b3e\u200b\u5b57\u4f53\u200b\u9002\u5408\u200b\u6b63\u6587\u200b\u9605\u8bfb\u200b\u5b9a\u540d\u200b\u300c\u200b\u6587\u6977\u200b\u300d\uff0c\u200b\u540e\u6765\u200b\u53d1\u73b0\u200b\u8fd9\u200b\u6b3e\u200b\u5b57\u4f53\u200b\u53ef\u80fd\u200b\u5e76\u200b\u4e0d\u200b\u592a\u200b\u9002\u5408\u200b\u5927\u6bb5\u200b\u6b63\u6587\u200b\u6392\u7248\u200b\uff0c\u200b\u76f8\u6bd4\u4e4b\u4e0b\u200b\u66f4\u52a0\u200b\u9002\u5408\u200b\u8bd7\u8bcd\u200b\u4e4b\u7c7b\u200b\u7684\u200b\u4e2d\u7b49\u200b\u957f\u5ea6\u200b\u6587\u672c\u200b\u6392\u7248\u200b\uff0c\u200b\u6216\u8005\u200b\u6ce8\u91ca\u200b\u6392\u7248\u200b\uff09\u3002\u200b\u7531\u4e8e\u200b Klee One \u200b\u5b57\u4f53\u200b\u7684\u200b Regular \u200b\u5b57\u91cd\u200b\u592a\u7ec6\u200b\u4e0d\u592a\u200b\u9002\u5408\u200b\u9605\u8bfb\u200b\uff0c\u200b\u9009\u53d6\u200b\u539f\u200b\u5b57\u4f53\u200b SemiBold \u200b\u5b57\u91cd\u200b\u4f5c\u4e3a\u200b Regular \u200b\u5b57\u91cd\u200b\u3002\u200b\u7ecf\u8fc7\u200b\u957f\u65f6\u95f4\u200b\u7684\u200b\u79ef\u7d2f\u200b\uff0c\u200b\u76ee\u524d\u200b\u5df2\u200b\u53d1\u5c55\u200b\u6210\u200b\u7b80\u7e41\u200b\u65e5\u200b\u97e9\u5747\u200b\u652f\u6301\u200b\u7684\u200b 3 \u200b\u5b57\u91cd\u200b\u5b57\u4f53\u200b\u5bb6\u65cf\u200b \uff08\u200b\u867d\u7136\u200b\u62d9\u52a3\u200b\u7c97\u7cd9\u200b\u4e86\u200b\u70b9\u200b\uff09 \u3002
\u200b\u6709\u5173\u200b\u8865\u5b57\u200b\u8fc7\u7a0b\u200b\u7684\u200b\u66f4\u200b\u591a\u200b\u4fe1\u606f\u200b\uff0c\u200b\u8bf7\u53c2\u9605\u200b\u672c\u4eba\u200b GitHub.io \u200b\u535a\u5ba2\u200b\u91cc\u200b\u7684\u200b\u6587\u7ae0\u200b\uff1a\u300a\u200b\u4e3a\u200b Klee \u200b\u8bd5\u5236\u200b\u7b80\u5316\u5b57\u200b\u300b\u3002
\u200b\u5386\u53f2\u200b\u7248\u672c\u200b\u7684\u200b Release\uff0c\u200b\u8bf7\u200b\u5728\u200b Release \u200b\u9875\u9762\u200b\u67e5\u770b\u200b\u3002\u200b\u6587\u5b57\u200b\u7248\u672c\u200b\u7684\u200b\u66f4\u65b0\u200b\u8bb0\u5f55\u200b HISTORY.MD \u200b\u4e0d\u518d\u200b\u7ef4\u62a4\u200b\uff0c\u200b\u656c\u8bf7\u200b\u8c05\u89e3\u200b\u3002
HISTORY.MD
\u200b\u8bf7\u53c2\u9605\u200b\u300c\u200b\u971e\u9e5c\u200b\u6587\u6977\u200b \u200b\u8f7b\u4fbf\u200b\u7248\u200b\u300d\u200b\u52a0\u5b57\u200b\u8ba1\u5212\u200b\u3002
\u200b\u70b9\u51fb\u200b\u6b64\u5904\u200b\u67e5\u770b\u200b\u540e\u7eed\u200b\u52a0\u5b57\u200b\u53ca\u200b\u8c03\u6574\u8ba1\u5212\u200b\u3002
fonts/TTF
brew tap homebrew/cask-fonts && brew install font-lxgw-wenkai
scoop bucket add nerd-fonts && scoop install LXGWWenKai
scoop bucket add nerd-fonts && scoop install LXGWWenKaiMono
\u200b\u8bf7\u200b\u8fd0\u884c\u200b ./sources/build.bat \u200b\u6216\u200b ./sources/build.sh\u3002\u200b\u9700\u8981\u200b\u5b89\u88c5\u200b fontmake\uff1apip3 install fontmake \u200b\u548c\u200b fontTools\uff1apip3 install fonttools\u3002
./sources/build.bat
./sources/build.sh
fontmake
pip3 install fontmake
fontTools
pip3 install fonttools
\u200b\u672c\u200b\u5b57\u4f53\u200b\u662f\u200b\u57fa\u4e8e\u200b SIL Open Font License 1.1 \u200b\u6539\u9020\u200b\u7684\u200b FONTWORKS \u200b\u5f00\u53d1\u200b\u5e76\u200b\u53d1\u5e03\u200b\u7684\u200b Klee \u200b\u5f00\u6e90\u200b\u9879\u76ee\u200b\u3002Klee \u200b\u662f\u200b FONTWORKS \u200b\u7684\u200b\u5546\u6807\u200b\u3002
\u200b\u732b\u200b\u5543\u200b\u7f51\u200b\u63d0\u4f9b\u200b SIL Open Font License 1.1 \u200b\u975e\u5b98\u65b9\u200b\u7b80\u4f53\u4e2d\u6587\u200b\u8bd1\u672c\u200b\u4fbf\u4e8e\u200b\u7406\u89e3\u200b\uff0c\u200b\u4ec5\u4f9b\u53c2\u8003\u200b\u3002
\u200b\u4ee5\u4e0a\u200b\u662f\u200b\u6458\u5f55\u200b\u7684\u200b\u90e8\u5206\u200b\u5b57\u4f53\u200b\u5b98\u65b9\u200b\u4ecb\u7ecd\u200b\u6587\u6863\u200b
extra_css:\n - https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.1.0/style.css\n # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-lite-webfont@1.1.0/style.css\n # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-tc-webfont@1.0.0/style.css\n # - https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css\n
\u200b\u7136\u540e\u200b\u5728\u200bextra.css\u200b\u4e2d\u200b\u6dfb\u52a0\u200b\u4ee5\u4e0b\u5185\u5bb9\u200b
body {\n font-family: \"LXGW WenKai\", sans-serif;\n /* Lite version */\n /* font-family: \"LXGW WenKai Lite\", sans-serif; */\n /* TC version */\n /* font-family: \"LXGW WenKai TC\", sans-serif; */\n /* Screen version */\n /* font-family: \"LXGW WenKai Screen\", sans-serif; */\n }\n
\u200b\u56db\u9009\u200b\u4e00\u200b\uff0cmkdocs.yml\u200b\u548c\u200bextra.css\u200b\u76f8\u4e92\u200b\u5bf9\u5e94\u200b
\u200b\u4e0d\u200b\u61c2\u200bextra_css\u200b\u7684\u200b\u7528\u6cd5\u200b\u7684\u200b\u53ef\u4ee5\u200b\u770b\u200b\u4e00\u4e0b\u200b\u6211\u200b\u5199\u200b\u7684\u200bextra_css\u200b\u90e8\u5206\u200b\u6559\u7a0b\u200b
Tip
\u200b\u5207\u6362\u200b\u5b57\u4f53\u200b\u540e\u200b\u53ef\u80fd\u200b\u8fd4\u56de\u200b\u9876\u90e8\u200b\u6309\u94ae\u200b\u4f1a\u200b\u5728\u200b\u4e2a\u522b\u200b\u6d4f\u89c8\u5668\u200b\u663e\u793a\u200b\u5f02\u5e38\u200b \u200b\u5efa\u8bae\u200b\u5728\u200bextra.css\u200b\u91cc\u200b\u52a0\u5165\u200b
button.md-top {\n font-family: LXGW WenKai; /* \u200b\u4fee\u6539\u200b\u5b57\u4f53\u200b */\n font-size: 16px; /* \u200b\u4fee\u6539\u200b\u5b57\u4f53\u5927\u5c0f\u200b */\n font-weight: bold; /* \u200b\u4fee\u6539\u200b\u5b57\u4f53\u200b\u7c97\u7ec6\u200b */\n color: #518FC1; /* \u200b\u4fee\u6539\u200b\u5b57\u4f53\u200b\u989c\u8272\u200b */\n}\n
\u200b\u4e0d\u200b\u5efa\u8bae\u200b\u66f4\u6539\u200b\uff0c\u200b\u56e0\u4e3a\u200b\u9ed8\u8ba4\u200b\u5c31\u662f\u200b\u6700\u200b\u7b80\u6d01\u200b
\u200b\u5728\u200bdocs/javascripts/extra.js\u200b\u4e0b\u200b\u590d\u5236\u7c98\u8d34\u200b\uff1a
var CURSOR;\n\nMath.lerp = (a, b, n) => (1 - n) * a + n * b;\n\nconst getStyle = (el, attr) => {\n try {\n return window.getComputedStyle\n ? window.getComputedStyle(el)[attr]\n : el.currentStyle[attr];\n } catch (e) {}\n return \"\";\n};\n\nclass Cursor {\n constructor() {\n this.pos = {curr: null, prev: null};\n this.pt = [];\n this.create();\n this.init();\n this.render();\n }\n\n move(left, top) {\n this.cursor.style[\"left\"] = `${left}px`;\n this.cursor.style[\"top\"] = `${top}px`;\n }\n\n create() {\n if (!this.cursor) {\n this.cursor = document.createElement(\"div\");\n this.cursor.id = \"cursor\";\n this.cursor.classList.add(\"hidden\");\n document.body.append(this.cursor);\n }\n\n var el = document.getElementsByTagName('*');\n for (let i = 0; i < el.length; i++)\n if (getStyle(el[i], \"cursor\") == \"pointer\")\n this.pt.push(el[i].outerHTML);\n\n document.body.appendChild((this.scr = document.createElement(\"style\")));\n // \u200b\u8fd9\u91cc\u200b\u6539\u53d8\u200b\u9f20\u6807\u200b\u6307\u9488\u200b\u7684\u200b\u989c\u8272\u200b \u200b\u7531\u200bsvg\u200b\u751f\u6210\u200b\n this.scr.innerHTML = `* {cursor: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8px' height='8px'><circle cx='4' cy='4' r='4' opacity='.5'/></svg>\") 4 4, auto}`;\n }\n\n refresh() {\n this.scr.remove();\n this.cursor.classList.remove(\"hover\");\n this.cursor.classList.remove(\"active\");\n this.pos = {curr: null, prev: null};\n this.pt = [];\n\n this.create();\n this.init();\n this.render();\n }\n\n init() {\n document.onmouseover = e => this.pt.includes(e.target.outerHTML) && this.cursor.classList.add(\"hover\");\n document.onmouseout = e => this.pt.includes(e.target.outerHTML) && this.cursor.classList.remove(\"hover\");\n document.onmousemove = e => {(this.pos.curr == null) && this.move(e.clientX - 8, e.clientY - 8); this.pos.curr = {x: e.clientX - 8, y: e.clientY - 8}; this.cursor.classList.remove(\"hidden\");};\n document.onmouseenter = e => this.cursor.classList.remove(\"hidden\");\n document.onmouseleave = e => this.cursor.classList.add(\"hidden\");\n document.onmousedown = e => this.cursor.classList.add(\"active\");\n document.onmouseup = e => this.cursor.classList.remove(\"active\");\n }\n\n render() {\n if (this.pos.prev) {\n this.pos.prev.x = Math.lerp(this.pos.prev.x, this.pos.curr.x, 0.15);\n this.pos.prev.y = Math.lerp(this.pos.prev.y, this.pos.curr.y, 0.15);\n this.move(this.pos.prev.x, this.pos.prev.y);\n } else {\n this.pos.prev = this.pos.curr;\n }\n requestAnimationFrame(() => this.render());\n }\n}\n\n(() => {\n CURSOR = new Cursor();\n // \u200b\u9700\u8981\u200b\u91cd\u65b0\u200b\u83b7\u53d6\u200b\u5217\u8868\u200b\u65f6\u200b\uff0c\u200b\u4f7f\u7528\u200b CURSOR.refresh()\n})();\n
* {cursor: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8px' height='8px'><circle cx='4' cy='4' r='4' opacity='1.0' fill='rgb(57, 197, 187)'/></svg>\") 4 4, auto}`\n
\u200b\u5728\u200bdocs/stylesheets/extra.css\u200b\u6dfb\u52a0\u200b\u5982\u4e0b\u200b\u4ee3\u7801\u200b\uff1a
/* \u200b\u9f20\u6807\u200b\u6837\u5f0f\u200b */\n#cursor {\n position: fixed;\n width: 16px;\n height: 16px;\n /* \u200b\u8fd9\u91cc\u200b\u6539\u53d8\u200b\u8ddf\u968f\u200b\u7684\u200b\u5e95\u8272\u200b */\n background: var(--theme-color);\n border-radius: 8px;\n opacity: 0.25;\n z-index: 10086;\n pointer-events: none;\n transition: 0.2s ease-in-out;\n transition-property: background, opacity, transform;\n}\n\n#cursor.hidden {\n opacity: 0;\n}\n\n#cursor.hover {\n opacity: 0.1;\n transform: scale(2.5);\n -webkit-transform: scale(2.5);\n -moz-transform: scale(2.5);\n -ms-transform: scale(2.5);\n -o-transform: scale(2.5);\n}\n\n#cursor.active {\n opacity: 0.5;\n transform: scale(0.5);\n -webkit-transform: scale(0.5);\n -moz-transform: scale(0.5);\n -ms-transform: scale(0.5);\n -o-transform: scale(0.5);\n}\n
#cursor {\n /* \u200b\u8fd9\u91cc\u200b\u6539\u53d8\u200b\u8ddf\u968f\u200b\u7684\u200b\u5e95\u8272\u200b */\n background: rgb(57, 197, 187);\n}\n
\u200b\u6ce8\u610f\u200b\u26a0\ufe0f
\u200b\u9700\u8981\u200b\u5728\u200bmkdocs.yml\u200b\u4e2d\u200b\u5f15\u5165\u200bjs\u200b\u548c\u200bcss
extra_javascript:\n - javascripts/extra.js\n - javascripts/mathjax.js\nextra_css:\n - stylesheets/extra.css\n
\u200b\u53c2\u8003\u200b\u65b9\u6cd5\u200b\uff1agit \u200b\u4fee\u8ba2\u200b\u65e5\u671f\u200b\u672c\u5730\u5316\u200b
\u200b\u5229\u7528\u200bgit -revision-date-localized\u200b\u63d2\u4ef6\u200b\u6dfb\u52a0\u200b\u4e86\u200b\u5bf9\u200b\u6dfb\u52a0\u200b\u4e0a\u6b21\u200b\u66f4\u65b0\u200b\u65e5\u671f\u200b\u548c\u200b\u5728\u200b\u6bcf\u4e2a\u200b\u9875\u9762\u200b\u5e95\u90e8\u200b\u521b\u5efa\u200b\u6587\u6863\u200b\u7684\u200b\u652f\u6301\u200b
pip install mkdocs-git-revision-date-localized-plugin\n
.github/workflows/\u200b\u4e0b\u200b\u7684\u200bci.yml\u200b\u589e\u52a0\u200b\u9ad8\u4eae\u200b\u7684\u200b\u51e0\u884c\u200b\uff1a
name: ci \non:\n push:\n branches:\n - master \n - main\npermissions:\n contents: write\njobs:\n deploy:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n - uses: actions/setup-python@v4\n with:\n python-version: 3.x\n - run: echo \"cache_id=$(date --utc '+%V')\" >> $GITHUB_ENV \n - uses: actions/cache@v3\n with:\n key: mkdocs-material-${ env.cache_id }\n path: .cache\n restore-keys: |\n mkdocs-material-\n - run: pip install mkdocs-git-revision-date-localized-plugin\n - run: pip install mkdocs-git-authors-plugin\n # - run: pip install mkdocs-rss-plugin \n - run: pip install mkdocs-material \n - run: mkdocs gh-deploy --force\n
\u200b\u7136\u540e\u200b\u5c06\u200b\u4ee5\u4e0b\u200b\u884c\u200b\u6dfb\u52a0\u200b\u5230\u200bmkdocs.yml\uff1a
plugins:\n - git-revision-date-localized:\n enable_creation_date: true\n
\u200b\u8be6\u7ec6\u200b\u7684\u200b\u914d\u7f6e\u200b\u8bf7\u200b\u770b\u200b\uff1amkdocs-git-revision-date-localized-plugin
\u200b\u53ef\u9009\u200b\u7684\u200b\u914d\u7f6e\u200b\u5f88\u591a\u200b\uff1a
plugins:\n - git-revision-date-localized:\n type: timeago #\u200b\u65f6\u95f4\u200b\u7c7b\u578b\u200b\n custom_format: \"%d. %B %Y\" # \u200b\u65f6\u95f4\u200b\u683c\u5f0f\u200b\n timezone: Europe/Amsterdam #\u200b\u65f6\u200b\u533a\u200b\n locale: en #\u200b\u9996\u9009\u200b\u8bed\u8a00\u200b\n fallback_to_build_date: false #\u200b\u8bb8\u56de\u200b\u9000\u200b\u5230\u200bgit \u200b\u4e0d\u53ef\u200b\u7528\u65f6\u200bmkdocs build\u200b\u6267\u884c\u200b\u7684\u200b\u65f6\u95f4\u200b\n enable_creation_date: true #\u200b\u662f\u5426\u200b\u542f\u7528\u200b\u521b\u5efa\u200b\u65f6\u95f4\u200b\n exclude: #\u200b\u6392\u9664\u200b\u7684\u200b\u9875\u9762\u200b\n - index.md\n enabled: true #\u200b\u662f\u5426\u200b\u542f\u7528\u200b\n strict: true\n
\u200b\u5bf9\u4e8e\u200b\u5927\u578b\u200b\u5355\u4e00\u200b\u7684\u200b\u6587\u6863\u200b\u5e93\u200b\uff0c\u200b\u6267\u884c\u200bmkdocs serve\u200b\u540e\u200b\u7684\u200b\u6e32\u67d3\u200b\u901f\u5ea6\u200b\u660e\u663e\u200b\u53d8\u6162\u200b\uff0c\u200b\u8fd9\u200b\u662f\u56e0\u4e3a\u200b\u6bcf\u6b21\u200b\u6e32\u67d3\u200b\u90fd\u200b\u4f1a\u200b\u68c0\u67e5\u200b\u6240\u6709\u200b\u6587\u4ef6\u200b\u7684\u200bgit\u200b\u5386\u53f2\u8bb0\u5f55\u200b\u3002\u200b\u5982\u679c\u200b\u60a8\u200b\u4e0d\u200b\u9700\u8981\u200b\u8fd9\u4e2a\u200b\u529f\u80fd\u200b\uff0c\u200b\u53ef\u4ee5\u200b\u901a\u8fc7\u200b\u5c06\u200benabled\u200b\u8bbe\u7f6e\u200b\u4e3a\u200bfalse\u200b\u6765\u200b\u7981\u7528\u200b\u5b83\u200b\u3002
enabled
false
\u200b\u4ee5\u200bTidio\u200b\u4e3a\u4f8b\u200b,Tidio\u200b\u514d\u8d39\u7248\u200b\u5df2\u7ecf\u200b\u5b8c\u5168\u200b\u591f\u7528\u200b\u4e14\u200b\u65e0\u9700\u200b\u68af\u5b50\u200b
\u200b\u8981\u200b\u5728\u200b\u60a8\u200b\u7684\u200b\u7f51\u7ad9\u200b\u4e0a\u200b\u4f7f\u7528\u200b javascript \u200b\u4ee3\u7801\u200b\u65b9\u6cd5\u200b\u5b89\u88c5\u200b Tidio\uff0c\u200b\u60a8\u200b\u9700\u8981\u200b\u521b\u5efa\u200b\u4e00\u4e2a\u200b Tidio \u200b\u5e10\u6237\u200b\u3002\u200b\u8981\u200b\u521b\u5efa\u200b Tidio \u200b\u5e10\u6237\u200b\uff0c\u200b\u8bf7\u200b\u8bbf\u95ee\u200b\u6211\u4eec\u200b\u7684\u200b\u7f51\u7ad9\u200b\uff0c\u200b\u7136\u540e\u200b\u5355\u51fb\u200b \u201c\u200b\u5f00\u59cb\u200b\u201d \u200b\u6309\u94ae\u200b\u521b\u5efa\u200b\u65b0\u200b\u7684\u200b Tidio \u200b\u5e10\u6237\u200b\u3002\u200b\u60a8\u200b\u8fd8\u200b\u53ef\u4ee5\u200b\u4f7f\u7528\u200b \u201c\u200b\u767b\u5f55\u200b\u201d \u200b\u9009\u9879\u200b\u6765\u200b\u4f7f\u7528\u200b\u60a8\u200b\u73b0\u6709\u200b\u7684\u200b\u5e10\u6237\u200b\u3002
\u200b\u5b89\u88c5\u200b\u8fc7\u7a0b\u200b\u5f88\u200b\u7b80\u5355\u200b\uff0c\u200b\u56e0\u4e3a\u200b\u5b83\u200b\u53ea\u200b\u9700\u8981\u200b\u60a8\u200b\u5c06\u200b\u4e00\u884c\u200b\u4ee3\u7801\u200b\u7c98\u8d34\u200b\u5230\u200b\u7f51\u7ad9\u200b\u4ee3\u7801\u200b\u7684\u200b\u9002\u5f53\u200b\u4f4d\u7f6e\u200b\u3002
\u200b\u53ef\u4ee5\u200b\u524d\u5f80\u200b\u201c\u200b\u8bbe\u7f6e\u200b\u201d>\u201c\u200b\u9891\u9053\u200b\u201d>\u201c\u200b\u5b9e\u65f6\u200b\u804a\u5929\u200b\u201d> \u201c\u200b\u5b89\u88c5\u200b\u201d \u200b\u90e8\u5206\u200b\u627e\u5230\u200b\u60a8\u200b\u72ec\u7279\u200b\u7684\u200b Tidio javascript \u200b\u4ee3\u7801\u200b\u3002\u200b\u8fd8\u200b\u5c06\u200b\u5728\u200b\u5e10\u6237\u200b\u521b\u5efa\u200b\u4e4b\u65c5\u200b\u7684\u200b\u6700\u540e\u200b\u9636\u6bb5\u200b\u770b\u5230\u200b\u4ee3\u7801\u200b\u3002 \u200b\u6bd4\u5982\u200b\uff1a
<script src=\"//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js\" async></script>\n
\u200b\u65b0\u5efa\u200bcss\u200b\u6587\u4ef6\u200b\uff0c\u200b\u5728\u200bmkdocs.yml\u200b\u5f15\u5165\u200bcss
:root {\n --admonition-border-left-width: 0.2rem;\n --base-border-radius: 0.5rem;\n}\n\n/* Change font family of filename present on top of code block. */\n/* .highlight span.filename {\n border-bottom: none;\n border-radius: var(--base-border-radius);\n display: inline;\n font-family: var(--md-code-font-family);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n margin-bottom: 5px;\n text-align: center;\n}\n.highlight span.filename + pre > code {\n border-radius: var(--base-border-radius);\n border-top-left-radius: 0;\n}\n.md-typeset pre > code {\n border-radius: var(--base-border-radius);\n} */\n\n/* Customize admonition layout */\n/* .md-typeset .admonition {\n border-width: 0px;\n border-left-width: var(--admonition-border-left-width);\n}\n\n[dir=\"ltr\"] .md-typeset blockquote {\n border-radius: 0.2rem;\n border-left-width: var(--admonition-border-left-width);\n} */\n\n/* Grid Cards */\n.md-typeset .grid.cards > ul > li {\n border-radius: var(--base-border-radius);\n}\n.md-typeset .grid.cards > ul > li:hover {\n box-shadow: 0 0 0.2rem #ffffff40;\n}\n\n/* Markdown Button */\n.md-typeset .md-button {\n border-radius: var(--base-border-radius);\n}\n\n/* Footer: Social Links */\n.md-social__link svg {\n max-height: 1rem;\n}\n\n\n/* Forms */\n.md-search__form {\n border-radius: var(--base-border-radius);\n}\n\n[data-md-toggle=\"search\"]:checked ~ .md-header .md-search__form {\n border-top-right-radius: var(--base-border-radius);\n border-top-left-radius: var(--base-border-radius);\n}\n\n[dir=\"ltr\"] .md-search__output {\n border-bottom-right-radius: var(--base-border-radius);\n border-bottom-left-radius: var(--base-border-radius);\n}\n\n/* Blog - index.md */\n/* div.md-content header {\n display: none;\n}\n\n.md-post--excerpt {\n background-color: var(--md-accent-fg-color--transparent);\n box-shadow: 0 0 0 1rem var(--md-accent-fg-color--transparent);\n border-radius: var(--base-border-radius);\n}\n\n.md-post--excerpt .md-post__header {\n justify-content: center;\n}\n\n.md-post--excerpt .md-post__content > h2,\n.md-post__action {\n text-align: center;\n} */\n\n/* Table */\n.md-typeset table:not([class]) {\n border-radius: var(--base-border-radius);\n}\n\n\n\n\n\n.carousel {\n width: 60%;\n height: 100%;\n\n border-radius: 0.4rem;\n overflow: hidden;\n position: relative;\n\n /* \u200b\u5c45\u4e2d\u200b */\n margin-left: auto;\n margin-right: auto;\n\n border: 0.075rem solid #7b7b7b7a;\n box-shadow: var(--md-shadow-z1);\n}\n\n.carousel-container {\n width: 100%;\n height: 100%;\n\n position: relative;\n left: 0;\n\n display: flex;\n\n /* \u200b\u8fc7\u6e21\u200b\u52a8\u753b\u200b 1s */\n transition: all 1s;\n}\n\n.carousel-hover {\n height: 100%;\n width: 10%;\n position: absolute;\n top: 0;\n\n /* \u200b\u5b50\u200b\u5143\u7d20\u200b\u5782\u76f4\u200b\u5c45\u4e2d\u200b */\n display: flex;\n flex-flow: column nowrap;\n align-items: center;\n justify-content: center;\n}\n.carousel-hover.left {\n left: 0;\n}\n.carousel-hover.right {\n right: 0;\n}\n\n.carousel-hover button {\n background-color: var(--md-accent-fg-color);\n border-radius: 50%;\n\n cursor: pointer;\n\n opacity: 0;\n transition: opacity 0.3s;\n}\n.carousel-hover button::after {\n display: block;\n height: 1.5rem;\n width: 1.5rem;\n\n background-color: white;\n content: \"\";\n mask-position: center;\n -webkit-mask-position: center;\n}\n.carousel-hover.left button::after {\n mask-image: var(--md-tabbed-icon--prev);\n -webkit-mask-image: var(--md-tabbed-icon--prev);\n}\n.carousel-hover.right button::after {\n mask-image: var(--md-tabbed-icon--next);\n -webkit-mask-image: var(--md-tabbed-icon--next);\n}\n\n/* hover \u200b\u5916\u5c42\u200b */\n.carousel-hover:hover button {\n opacity: 0.5;\n transition: opacity 0.3s;\n}\n/* hover \u200b\u5185\u5c42\u200b */\n.carousel-hover button:hover {\n opacity: 0.8;\n transition: opacity 0.3s;\n}\n\n.carousel-container a {\n width: 100%;\n height: 100%;\n\n flex-shrink: 0;\n}\n\n.carousel-container img {\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n display: block;\n}\n\n.carousel-bottom {\n position: absolute;\n /* \u200b\u5bbd\u5ea6\u200b\u7b49\u540c\u4e8e\u200b\u5185\u5bb9\u200b\u5bbd\u5ea6\u200b */\n width: 100%;\n padding: 20px;\n\n bottom: 0;\n\n display: flex;\n justify-content: center;\n /* \u200b\u6307\u793a\u5668\u200b\u95f4\u8ddd\u200b */\n gap: 10px;\n\n opacity: 0;\n transition: opacity 0.3s;\n}\n.carousel-bottom:hover {\n opacity: 0.8;\n transition: opacity 0.3s;\n}\n\n.carousel-bottom .indicator {\n height: 5px;\n width: 20px;\n\n background-color: var(--md-accent-fg-color);\n\n opacity: 0.5;\n cursor: pointer;\n}\n\n.carousel:hover .bottom .indicator {\n opacity: 1;\n}\n.carousel:hover .shift .btn {\n opacity: 1;\n}\n\n@media screen and (max-width: 600px) {\n .carousel {\n width: 100%;\n }\n\n .carousel-hover button {\n opacity: 1;\n }\n}\n
<div class=\"grid cards\" markdown>\n\n- :simple-materialformkdocs:{ .lg .middle } __Mkdocs\u200b\u6559\u7a0b\u200b__\n\n ---\n\n - [\u200b\u5229\u7528\u200bMkdocs\u200b\u90e8\u7f72\u200b\u9759\u6001\u200b\u7f51\u9875\u200b\u81f3\u200bGitHub pages](blog/Mkdocs/mkdocs1.md)\n - [Mkdocs\u200b\u90e8\u7f72\u200b\u914d\u7f6e\u200b\u8bf4\u660e\u200b(mkdocs.yml)](blog/Mkdocs/mkdocs2.md)\n - [\u200b\u5982\u4f55\u200b\u7ed9\u200bMKdocs\u200b\u6dfb\u52a0\u200b\u53cb\u94fe\u200b](blog/websitebeauty/linktech.md)\n - [\u200b\u7f51\u7ad9\u200b\u6dfb\u52a0\u200bMkdocs\u200b\u535a\u5ba2\u200b](blog/Mkdocs/mkdocsblog.md)\n - [Blogger](blog/index.md)\n</div>\n
\u200b\u6548\u679c\u200b\uff1a
\u200b\u793a\u4f8b\u200b\u6587\u5b57\u200b
[Send Email :fontawesome-solid-paper-plane:](mailto:<wangkewen821@gmail.com>){.md-button}\n
\u200b\u539f\u6587\u200b\u5730\u5740\u200b:Git \u200b\u5b9e\u7528\u6280\u5de7\u200b
git init\n
git init -b main\n\ngit config --global init.defaultBranch main\n\ngit branch -m main\n
git clone http://git.example.com/someone/test.git\n\ngit clone http://git.example.com/someone/test.git test\n\ngit clone http://git.example.com/someone/test.git --depth=1 -b main\n
git add -a\n\ngit add -u\n\ngit add .\n\ngit commit\n\ngit commit -m \"first commit\"\n\ngit commit -am \"first commit\"\n
git status\n
git status -s\n
https://git-scm.com/docs/git-log
git log\n
git branch test\n\ngit checkout test\n\ngit checkout -b test\n
git checkout main\n\ngit merge test\n
git branch -d test-not-need\n
\u200b\u5f53\u200b\u4e24\u4e2a\u200b\u5206\u652f\u200b\u90fd\u200b\u5bf9\u200b\u540c\u4e00\u200b\u884c\u200b\u8fdb\u884c\u200b\u4e86\u200b\u4fee\u6539\u200b\uff0cgit \u200b\u4fbf\u4f1a\u200b\u4ea7\u751f\u200b\u51b2\u7a81\u200b\uff0c\u200b\u5e76\u200b\u6807\u8bb0\u200b\u4e3a\u200b\u672a\u200b\u5408\u5e76\u200b
\u200b\u6b64\u65f6\u200b\u5c06\u200b\u6bcf\u4e2a\u200b\u6587\u4ef6\u200b\u8fdb\u884c\u200b\u4fee\u6539\u200b\uff0c\u200b\u786e\u8ba4\u200b\u6700\u540e\u200b\u7684\u200b\u5185\u5bb9\u200b\uff0c\u200b\u4f7f\u7528\u200b git add \u200b\u65b9\u6cd5\u200b\u6807\u8bb0\u200b\u4e3a\u200b\u51b2\u7a81\u200b\u5df2\u200b\u89e3\u51b3\u200b
git add .\\A.txt\n
git merge --abort\n
git remote\n
\u200b\u9ed8\u8ba4\u200b\u5e94\u8be5\u200b\u4e3a\u7a7a\u200b
git remote add origin http://git.example.com/someone/test.git\n\ngit push origin main\n\ngit fetch --all\n\ngit fetch origin\n\ngit branch --set-upstream-to=origin/main main\n\ngit branch -u origin/main main\n
git push -u origin main\n\ngit pull\n\ngit pull origin main\n
git stash\n
git stash pop\n
git merge test\n\ngit rebase test\n
\u200b\u9002\u5408\u200b hotfix
git cherry-pick 12d654f1d701cbf7cd9abb98ce84eeef460a24a7\n
git commit --amend\n
\u200b\u4f1a\u200b\u540c\u65f6\u200b\u63d0\u4ea4\u200b\u6682\u5b58\u200b\u7684\u200b\u6587\u4ef6\u200b
git checkout .\\C.txt\n
\u200b\u4fdd\u7559\u200b\u6587\u4ef6\u200b\ngit reset --soft 12d654f1d701cbf7cd9abb98ce84eeef460a24a7\n\n\u200b\u4e22\u5f03\u200b\u4fee\u6539\u200b\ngit reset --hard 12d654f1d701cbf7cd9abb98ce84eeef460a24a7\n
git\ngit diff [file] > a.patch\ngit apply a.patch\n
\u200b\u6253\u5f00\u200b\u8c37\u6b4c\u200b\u6216\u8005\u200bEdge\u200b\u6d4f\u89c8\u5668\u200b\uff0c\u200b\u6309\u200bF12\uff0c\u200b\u5728\u200b\u53f3\u4fa7\u200b\u70b9\u200b\"\u2795\"\u200b\u627e\u5230\u200bLighthouse,\u200b\u70b9\u51fb\u200b\u5206\u6790\u200b\u9875\u9762\u200b\u8f7d\u200b\u5373\u53ef\u200b
\u200b\u5982\u4f55\u200b\u5c06\u200b github pages \u200b\u8fc1\u79fb\u200b\u5230\u200b vercel \u200b\u4e0a\u200b\u6258\u7ba1\u200b
MWeb Pro \u200b\u662f\u200b\u4e00\u6b3e\u200b\u9002\u7528\u200b\u4e8e\u200bmacOS\u200b\u7684\u200b\u4e13\u4e1a\u200bMarkdown\u200b\u5199\u4f5c\u200b\u3001\u200b\u7b14\u8bb0\u672c\u200b\u5e94\u7528\u8f6f\u4ef6\u200b\u3002\u200b\u559c\u6b22\u200b\u5199\u200b\u535a\u5ba2\u200b\u7684\u200b\u670b\u53cb\u200b\uff0c\u200b\u90a3\u200b\u4f60\u200b\u4e00\u5b9a\u200b\u4f1a\u200b\u9700\u8981\u200b MWeb Pro \u200b\u8fd9\u200b\u6b3e\u200b\u8f6f\u4ef6\u200b\u3002\u200b\u4e3a\u200b\u60a8\u200b\u63d0\u4f9b\u200b\u6700\u4f73\u200b\u7684\u200b\u5199\u4f5c\u200b\u4f53\u9a8c\u200b\u3002
Markdown \u200b\u8bed\u6cd5\u200b\u652f\u6301\u200b\uff1a
\u200b\u4f7f\u7528\u200b Github Flavored Markdown \u200b\u8bed\u6cd5\u200b\uff0c\u200b\u7b80\u79f0\u200b GFM \u200b\u8bed\u6cd5\u200b\u3002\u200b\u652f\u6301\u200b\u8868\u683c\u200b\u3001TOC\u3001LaTeX\u3001\u200b\u4ee3\u7801\u200b\u5757\u200b\u3001\u200b\u4efb\u52a1\u200b\u5217\u8868\u200b\u3001\u200b\u811a\u6ce8\u200b\u7b49\u200b\u3002\u200b\u753b\u200b\u56fe\u5e93\u200b\u652f\u6301\u200b mermaid, viz, echarts, plantuml, sequence, flow\u3002
\u200b\u8f85\u52a9\u200b\u529f\u80fd\u200b
\u200b\u652f\u6301\u200b\u622a\u56fe\u200b\u5e76\u200b\u7c98\u8d34\u200b\u3001\u200b\u590d\u5236\u200b\u5e76\u200b\u7c98\u8d34\u200b\u3001\u200b\u62d6\u62fd\u200b\u7b49\u200b\u65b9\u5f0f\u200b\u63d2\u5165\u200b\u56fe\u7247\u200b\u5e76\u200b\u76f4\u63a5\u200b\u663e\u793a\u200b\u5728\u200b\u7f16\u8f91\u5668\u200b\u5185\u200b\u3002\u200b\u5728\u200b\u517c\u5bb9\u200b Markdown \u200b\u8bed\u6cd5\u200b\u7684\u200b\u60c5\u51b5\u200b\u4e0b\u200b\u652f\u6301\u200b\u8bbe\u7f6e\u200b\u56fe\u7247\u200b\u5bbd\u5ea6\u200b\u3002\u200b\u597d\u7528\u200b\u7684\u200b\u8868\u683c\u200b\u63d2\u5165\u200b\u548c\u200b LaTeX \u200b\u4e66\u5199\u200b\u8f85\u52a9\u200b\u3002
\u200b\u8f93\u51fa\u200b\u529f\u80fd\u200b
\u200b\u652f\u6301\u200b\u5bfc\u51fa\u200b\u4e3a\u200b\u56fe\u7247\u200b\u3001HTML\u3001Epub\u3001PDF\u3001RTF\u3001Docx\u3002\u200b\u652f\u6301\u200b\u53d1\u5e03\u200b\u5230\u200b Wordpress\u3001\u200b\u5370\u8c61\u200b\u7b14\u8bb0\u200b\u3001Blogger\u3001Medium\u3001Tumblr\u200b\u7b49\u200b\u3002\u200b\u652f\u6301\u200b\u4e03\u725b\u4e91\u200b\u3001\u200b\u53c8\u200b\u62cd\u4e91\u200b\u7b49\u200b\u4ee5\u53ca\u200b\u81ea\u5b9a\u4e49\u200b\u7684\u200b\u56fe\u5e8a\u200b\u670d\u52a1\u200b\u3002
\u200b\u5f3a\u5927\u200b\u7684\u200b\u7b14\u8bb0\u200b\u529f\u80fd\u200b
\u200b\u5f3a\u5927\u200b\u7684\u200b\u6587\u6863\u200b\u5e93\u200b\u652f\u6301\u200b\u5206\u7c7b\u200b\u6811\u200b\u548c\u200b\u6807\u7b7e\u200b\u7ba1\u7406\u200b\u6587\u6863\u200b\uff0c\u200b\u6587\u6863\u200b\u53ef\u200b\u5f52\u7c7b\u200b\u4e8e\u200b\u591a\u4e2a\u200b\u5206\u7c7b\u200b\uff0c\u200b\u53ef\u4ee5\u200b\u628a\u200b\u5206\u7c7b\u200b\u6574\u4e2a\u200b\u5bfc\u51fa\u200b\u4e3a\u200b Epub\u3001PDF \u200b\u548c\u200b\u751f\u6210\u200b\u9759\u6001\u200b\u7f51\u7ad9\u200b\u3002\u200b\u975e\u5e38\u200b\u5408\u9002\u200b\u7528\u4e8e\u200b\u7b14\u8bb0\u200b\u3001\u200b\u4e2a\u4eba\u200b\u77e5\u8bc6\u200b\u6536\u96c6\u200b\u3001\u200b\u7ba1\u7406\u200b\u548c\u200b\u8f93\u51fa\u200b\u3002 \u200b\u5feb\u901f\u200b\u7b14\u8bb0\u200b\uff1a\u200b\u968f\u610f\u200b\u589e\u52a0\u200b\u7b14\u8bb0\u200b\u53ca\u200b\u56fe\u7247\u200b\u7b49\u200b\u7d20\u6750\u200b\uff0c\u200b\u652f\u6301\u200b\u4ee5\u5929\u200b\u4e3a\u200b\u5355\u4f4d\u200b\u628a\u200b\u589e\u52a0\u200b\u7684\u200b\u7d20\u6750\u200b\u7ec4\u5408\u200b\u5728\u200b\u4e00\u4e2a\u200b\u6587\u6863\u200b\u5185\u200b\uff0c\u200b\u65b9\u4fbf\u200b\u6574\u7406\u200b\u53ca\u200b\u8bb0\u5f55\u200b\u5386\u53f2\u200b\u6536\u96c6\u200b\u60c5\u51b5\u200b\u3002\u200b\u5feb\u901f\u200b\u641c\u7d22\u200b\uff1a\u200b\u76ee\u524d\u200b\u5df2\u200b\u652f\u6301\u200b\u5168\u5c40\u200b\u5feb\u6377\u952e\u200b\u8c03\u51fa\u200b\u641c\u7d22\u200b\u3002
\u200b\u4ee5\u4e0b\u200b\u6458\u81ea\u200bMWeb\u200b\u5173\u4e8e\u200bMarkdown\u200b\u7684\u200b\u4ecb\u7ecd\u200b
MWeb \u200b\u662f\u200b\u4e13\u4e1a\u200b\u7684\u200b Markdown \u200b\u5199\u4f5c\u200b\u3001\u200b\u8bb0\u7b14\u8bb0\u200b\u3001\u200b\u9759\u6001\u200b\u535a\u5ba2\u200b\u751f\u6210\u200b\u8f6f\u4ef6\u200b\uff0c\u200b\u76ee\u524d\u200b\u5df2\u200b\u652f\u6301\u200b Mac\uff0ciPad \u200b\u548c\u200b iPhone\u3002MWeb \u200b\u6709\u200b\u4ee5\u4e0b\u200b\u7279\u8272\u200b\uff1a
\u200b\u5982\u679c\u200b\u8981\u200b\u66f4\u200b\u8be6\u7ec6\u200b\u4e86\u89e3\u200b MWeb\uff0c\u200b\u5efa\u8bae\u200b\u4f60\u200b\u4e00\u5b9a\u200b\u8981\u200b\u53bb\u200b\u770b\u200b\u4e00\u4e0b\u200b\u5b98\u7f51\u200b\u7684\u200b\u5e2e\u52a9\u200b\u6587\u6863\u200b\uff0c\u200b\u7f51\u5740\u200b\u4e3a\u200b\uff1ahttps://zh.mweb.im/help.html\u3002\u200b\u6211\u4eec\u200b\u5efa\u8bae\u200b\u5728\u200b\u4f7f\u7528\u200b\u6587\u6863\u200b\u5e93\u200b\u4e4b\u524d\u200b\uff0c\u200b\u4e00\u5b9a\u200b\u8981\u200b\u9605\u8bfb\u200b\u4e00\u4e0b\u200b MWeb \u200b\u6587\u6863\u200b\u5e93\u200b\u8be6\u7ec6\u200b\u4ecb\u7ecd\u200b \u200b\u8fd9\u200b\u7bc7\u6587\u7ae0\u200b\uff0c\u200b\u4ee5\u4fbf\u200b\u66f4\u597d\u200b\u7684\u200b\u4f7f\u7528\u200b\u6587\u6863\u200b\u5e93\u200b\u3002
\u200b\u5982\u679c\u200b\u4f60\u200b\u559c\u6b22\u200b MWeb\uff0c\u200b\u60f3\u200b\u8ba9\u200b\u5b83\u200b\u53d8\u5f97\u200b\u66f4\u597d\u200b\uff0c\u200b\u4f60\u200b\u53ef\u4ee5\u200b\uff1a
\u200b\u5b98\u65b9\u200b\u7684\u200b\u8bed\u6cd5\u200b\u89c4\u5b9a\u200b\u7ed3\u5c3e\u200b\u52a0\u200b 2 \u200b\u4e2a\u200b\u4ee5\u4e0a\u200b\u7a7a\u683c\u200b\u52a0\u200b\u6362\u884c\u200b\u624d\u200b\u4f1a\u200b\u8f6c\u6210\u200b\u6362\u884c\u200b\uff0c\u200b\u4e5f\u200b\u5c31\u662f\u200b <br /> \u200b\u6807\u7b7e\u200b\u3002MWeb \u200b\u4e2d\u6709\u200b\u4e2a\u200b\u9009\u9879\u200b\u53ef\u4ee5\u200b\u76f4\u63a5\u200b\u628a\u200b\u6362\u884c\u200b\u8f6c\u200b\u6210\u200b <br />\uff0c\u200b\u4e0d\u7528\u200b\u52a0\u4e0a\u200b 2 \u200b\u4e2a\u200b\u4ee5\u4e0a\u200b\u7a7a\u683c\u200b\uff0c\u200b\u8fd9\u4e2a\u200b\u9009\u9879\u200b\u9ed8\u8ba4\u200b\u662f\u200b\u5f00\u542f\u200b\u7684\u200b\u3002\u200b\u5982\u679c\u200b\u8981\u200b\u5173\u95ed\u200b\uff0c\u200b\u8bf7\u200b\u5728\u200b\u8bbe\u7f6e\u200b\u9875\u9762\u200b\u5173\u95ed\u200b\u3002
<br />
Markdown \u200b\u8bed\u6cd5\u200b\uff1a
- [ ] \u200b\u4efb\u52a1\u200b\u4e00\u200b \u200b\u672a\u200b\u505a\u200b\u4efb\u52a1\u200b `- + \u200b\u7a7a\u683c\u200b + [ ]`\n- [x] \u200b\u4efb\u52a1\u200b\u4e8c\u200b \u200b\u5df2\u200b\u505a\u200b\u4efb\u52a1\u200b `- + \u200b\u7a7a\u683c\u200b + [x]`\n
\u200b\u6548\u679c\u200b\u5982\u4e0b\u200b\uff1a
- + \u200b\u7a7a\u683c\u200b + [ ]
- + \u200b\u7a7a\u683c\u200b + [x]
\u200b\u5b98\u65b9\u200b\u548c\u200b GFM \u200b\u90fd\u200b\u4e0d\u200b\u652f\u6301\u200b\u56fe\u7247\u5927\u5c0f\u200b\u8bbe\u7f6e\u200b\uff0cMWeb \u200b\u5f15\u5165\u200b\u7684\u200b\u7279\u522b\u200b\u7684\u200b\u8bed\u6cd5\u200b\u6765\u200b\u8bbe\u7f6e\u200b\u56fe\u7247\u200b\u5bbd\u5ea6\u200b\u3002\u200b\u5982\u200b\uff1a \u200b\u8fd9\u6837\u200b\u8868\u793a\u200b\u8bbe\u7f6e\u200b\u56fe\u7247\u200b\u5bbd\u5ea6\u200b\u4e3a\u200b 450\u3002\u200b\u5176\u4e2d\u200b -w450 \u200b\u4e3a\u200b\u8bbe\u7f6e\u200b\u8bed\u6cd5\u200b\uff0c\u200b\u751f\u6210\u200b HTML \u200b\u65f6\u4f1a\u200b\u81ea\u52a8\u200b\u79fb\u9664\u200b\u3002w \u200b\u8868\u793a\u200b\u8bbe\u7f6e\u200b\u5bbd\u5ea6\u200b\u3002 \u200b\u53ef\u4ee5\u200b\u770b\u51fa\u200b\uff0cMWeb \u200b\u5f15\u5165\u200b\u7684\u200b\u8bed\u6cd5\u200b\u7684\u200b\u7279\u70b9\u200b\u662f\u200b\u517c\u5bb9\u200b\u539f\u6765\u200b\u7684\u200b\u8bed\u6cd5\u200b\u548c\u200b\u4ec5\u200b\u652f\u6301\u200b\u8bbe\u7f6e\u200b\u5bbd\u5ea6\u200b\u3002
```js\nfunction fancyAlert(arg) {\n if(arg) {\n $.facebox({div:'#foo'})\n }\n\n}\n```\n
function fancyAlert(arg) {\n if(arg) {\n $.facebox({div:'#foo'})\n }\n\n}\n
\u200b\u8fd9\u4e2a\u200b\u8bed\u6cd5\u200b\u76ee\u524d\u200b\u5728\u200b MWeb \u200b\u4e2d\u200b\u4f7f\u7528\u200b\uff0c\u200b\u5fc5\u987b\u200b\u524d\u540e\u200b\u7a7a\u200b\u4e00\u884c\u200b\uff0c\u200b\u624d\u200b\u4f1a\u200b\u6b63\u786e\u200b\u89e3\u6790\u200b\u3002\u200b\u6211\u200b\u89c9\u5f97\u200b\uff0c\u200b\u5728\u200b\u5199\u200b Markdown \u200b\u6587\u6863\u200b\u8fc7\u7a0b\u200b\u4e2d\u200b\uff0c\u200b\u8fd0\u7528\u200b\u7a7a\u884c\u200b\u5f88\u200b\u6709\u200b\u5fc5\u8981\u200b\uff0c\u200b\u57fa\u672c\u4e0a\u200b\uff0c\u200b\u5757\u7ea7\u200b\u5143\u7d20\u200b\uff08\u200b\u6807\u9898\u200b\u3001\u200b\u5217\u8868\u200b\u3001\u200b\u5f15\u7528\u200b\u3001\u200b\u4ee3\u7801\u200b\u5757\u200b\u3001\u200b\u8868\u683c\u200b\u3001\u200b\u6bb5\u843d\u200b\u7b49\u200b\uff09\uff0c\u200b\u90fd\u200b\u5efa\u8bae\u200b\u524d\u540e\u200b\u7a7a\u200b\u4e00\u884c\u200b\u3002
\u200b\u7b2c\u4e00\u200b\u683c\u200b\u8868\u5934\u200b | \u200b\u7b2c\u4e8c\u200b\u683c\u200b\u8868\u5934\u200b\n--------- | -------------\n\u200b\u5185\u5bb9\u200b\u5355\u5143\u683c\u200b \u200b\u7b2c\u4e00\u5217\u200b\u7b2c\u4e00\u200b\u683c\u200b | \u200b\u5185\u5bb9\u200b\u5355\u5143\u683c\u200b\u7b2c\u4e8c\u5217\u200b\u7b2c\u4e00\u200b\u683c\u200b\n\u200b\u5185\u5bb9\u200b\u5355\u5143\u683c\u200b \u200b\u7b2c\u4e00\u5217\u200b\u7b2c\u4e8c\u200b\u683c\u200b \u200b\u591a\u52a0\u200b\u6587\u5b57\u200b | \u200b\u5185\u5bb9\u200b\u5355\u5143\u683c\u200b\u7b2c\u4e8c\u5217\u200b\u7b2c\u4e8c\u200b\u683c\u200b\n
\u200b\u52a0\u200b\u5220\u9664\u200b\u7ebf\u200b\u50cf\u200b\u8fd9\u6837\u200b\u7528\u200b\uff1a ~~\u200b\u5220\u9664\u200b\u8fd9\u4e9b\u200b~~\n
\u200b\u52a0\u200b\u5220\u9664\u200b\u7ebf\u200b\u50cf\u200b\u8fd9\u6837\u200b\u7528\u200b\uff1a \u200b\u5220\u9664\u200b\u8fd9\u4e9b\u200b
\u200b\u5757\u7ea7\u200b\u516c\u5f0f\u200b\uff1a\n```math\nx = \\dfrac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}\n```\n\n\u200b\u884c\u5185\u200b\u516c\u5f0f\u200b\uff1a ``\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N``\n
\u200b\u6548\u679c\u200b\u5982\u4e0b\u200b\uff08\u200b\u5728\u200b\u8bbe\u7f6e\u200b\u9875\u9762\u200b\u4e2d\u200b\u542f\u7528\u200b LaTeX \u200b\u624d\u200b\u4f1a\u200b\u770b\u5230\u200b\u6548\u679c\u200b\uff09\uff1a
\u200b\u5757\u7ea7\u200b\u516c\u5f0f\u200b\uff1a
x = \\dfrac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}\n
\u200b\u884c\u5185\u200b\u516c\u5f0f\u200b\uff1a \\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N
\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N
mermaid \u200b\u662f\u200b\u6bd4\u8f83\u200b\u6d41\u884c\u200b\u7684\u200b\u753b\u200b\u56fe\u5e93\u200b\uff0c\u200b\u5b83\u200b\u652f\u6301\u200b\u6d41\u7a0b\u56fe\u200b\u3001\u200b\u987a\u5e8f\u200b\u56fe\u200b\u548c\u200b\u7518\u7279\u56fe\u200b\uff0c\u200b\u5b83\u200b\u7684\u200b\u5b98\u7f51\u200b\u4e3a\u200b\uff1ahttps://mermaidjs.github.io/ \uff0c\u200b\u5728\u200b MWeb \u200b\u4e2d\u200b\u4f7f\u7528\u200b mermaid \u200b\u7684\u200b\u8bed\u6cd5\u200b\u5c31\u662f\u200b\u58f0\u660e\u200b\u4ee3\u7801\u200b\u5757\u200b\u7684\u200b\u8bed\u8a00\u200b\u4e3a\u200b mermaid\uff0c\u200b\u4ee3\u7801\u200b\u5757\u200b\u4e2d\u200b\u518d\u200b\u5199\u200b\u4e0a\u200b mermaid \u200b\u7684\u200b\u753b\u56fe\u200b\u8bed\u6cd5\u200b\u5373\u53ef\u200b\uff0c\u200b\u4f60\u200b\u53ef\u4ee5\u200b\u628a\u200b\u4e0b\u9762\u200b\u7684\u200b\u8bed\u6cd5\u200b\u590d\u5236\u5230\u200b MWeb \u200b\u4e2d\u200b\u67e5\u770b\u200b\u6548\u679c\u200b\u3002
```mermaid\nsequenceDiagram\n participant Alice\n participant Bob\n Alice->John: Hello John, how are you?\n loop Healthcheck\n John->John: Fight against hypochondria\n end\n Note right of John: Rational thoughts <br/>prevail...\n John-->Alice: Great!\n John->Bob: How about you?\n Bob-->John: Jolly good!\n```\n
sequenceDiagram\n participant Alice\n participant Bob\n Alice->John: Hello John, how are you?\n loop Healthcheck\n John->John: Fight against hypochondria\n end\n Note right of John: Rational thoughts <br/>prevail...\n John-->Alice: Great!\n John->Bob: How about you?\n Bob-->John: Jolly good!
echarts \u200b\u662f\u200b\u767e\u5ea6\u200b\u51fa\u54c1\u200b\u7684\u200b js \u200b\u753b\u200b\u56fe\u5e93\u200b\uff0c\u200b\u5b83\u200b\u7684\u200b\u7f51\u5740\u200b\u4e3a\u200b\uff1ahttps://echarts.apache.org/zh/index.html\uff0c\u200b\u529f\u80fd\u200b\u975e\u5e38\u200b\u5f3a\u5927\u200b\uff0cMWeb \u200b\u652f\u6301\u200b echarts \u200b\u7684\u200b\u4e00\u4e9b\u200b\u57fa\u672c\u200b\u7684\u200b\u7528\u6cd5\u200b\uff0c\u200b\u592a\u200b\u9ad8\u7ea7\u200b\u7684\u200b\u4e0d\u200b\u652f\u6301\u200b\u3002\u200b\u4f60\u200b\u53ef\u4ee5\u200b\u5c06\u200b\u4ee5\u4e0b\u200b\u8bed\u6cd5\u200b\u590d\u5236\u5230\u200b MWeb \u200b\u4e2d\u200b\u8fdb\u884c\u200b\u5c1d\u8bd5\u200b\u3002\u200b\u4f60\u200b\u4e5f\u200b\u53ef\u4ee5\u200b\u53bb\u200b https://echarts.apache.org/examples/zh/index.html \u200b\u8fd9\u4e2a\u200b\u7f51\u5740\u200b\u67e5\u770b\u200b\u4e00\u4e9b\u200b\u4f8b\u5b50\u200b\uff0c\u200b\u8981\u200b\u6ce8\u610f\u200b\u7684\u200b\u662f\u200b MWeb \u200b\u53ea\u80fd\u200b\u89e3\u6790\u200b option = {} \u200b\u8fd9\u79cd\u200b\u7b80\u5355\u200b\u7684\u200b\uff0c\u200b\u4e0d\u8fc7\u200b\u5e94\u8be5\u200b\u662f\u200b\u8db3\u591f\u200b\u4f7f\u7528\u200b\u4e86\u200b\u3002
option = {}
```echarts\noption = {\n xAxis: {\n type: 'category',\n data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\n },\n yAxis: {\n type: 'value'\n },\n series: [{\n data: [820, 932, 901, 934, 1290, 1330, 1320],\n type: 'line'\n }]\n};\n```\n
option = {\n xAxis: {\n type: 'category',\n data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\n },\n yAxis: {\n type: 'value'\n },\n series: [{\n data: [820, 932, 901, 934, 1290, 1330, 1320],\n type: 'line'\n }]\n};\n
\u200b\u8fd9\u662f\u200b\u4e00\u4e2a\u200b\u811a\u6ce8\u200b\uff1a[^1]\n
\u200b\u8fd9\u662f\u200b\u4e00\u4e2a\u200b\u811a\u6ce8\u200b\uff1a1
\u200b\u6ce8\u200b \u200b\u9605\u8bfb\u200b\u66f4\u200b\u591a\u200b\u7684\u200b\u529f\u80fd\u200b\u53ea\u7528\u200b\u5728\u200b\u6587\u6863\u200b\u5e93\u200b\u751f\u6210\u200b\u9759\u6001\u200b\u7f51\u7ad9\u200b\u6216\u200b\u53d1\u5e03\u200b\u5230\u200b Wordpress \u200b\u535a\u5ba2\u200b\u65f6\u200b\uff0c\u200b\u63d2\u5165\u200b\u65f6\u200b\u6ce8\u610f\u200b\u8981\u200b\u540e\u7a7a\u200b\u4e00\u884c\u200b\u3002
\u200b\u8fd9\u91cc\u200b\u662f\u200b\u811a\u6ce8\u200b\u4fe1\u606f\u200b\u00a0\u21a9
\u200b\u6587\u7ae0\u200b\u5f00\u5934\u200b
\u200b\u4ecb\u7ecd\u200b\u4e00\u4e0b\u200bMarkdown\uff1a Markdown \u200b\u662f\u200b\u4e00\u79cd\u200b\u8f7b\u91cf\u7ea7\u200b\u6807\u8bb0\u200b\u8bed\u8a00\u200b\uff0c\u200b\u5b83\u200b\u5141\u8bb8\u200b\u4eba\u4eec\u200b\u4f7f\u7528\u200b\u6613\u8bfb\u6613\u5199\u200b\u7684\u200b\u7eaf\u200b\u6587\u672c\u683c\u5f0f\u200b\u7f16\u5199\u200b\u6587\u6863\u200b\u3002Markdown \u200b\u8bed\u8a00\u200b\u5728\u200b 2004 \u200b\u7531\u7ea6\u7ff0\u200b\u00b7\u200b\u683c\u9c81\u4f2f\u200b\uff08\u200b\u82f1\u8bed\u200b\uff1aJohn Gruber\uff09\u200b\u521b\u5efa\u200b\u3002 Markdown \u200b\u7f16\u5199\u200b\u7684\u200b\u6587\u6863\u200b\u53ef\u4ee5\u200b\u5bfc\u51fa\u200b HTML \u3001Word\u3001\u200b\u56fe\u50cf\u200b\u3001PDF\u3001Epub \u200b\u7b49\u200b\u591a\u79cd\u200b\u683c\u5f0f\u200b\u7684\u200b\u6587\u6863\u200b\u3002Markdown \u200b\u7f16\u5199\u200b\u7684\u200b\u6587\u6863\u200b\u540e\u7f00\u200b\u4e3a\u200b .md, .markdown\u3002
\u200b\u6b64\u200b\u7b14\u8bb0\u200b\u5b66\u4e60\u200b\u6458\u6284\u200b\u81ea\u200bMarkdown\u200b\u8bed\u6cd5\u200b\u5b66\u4e60\u200b \u200b\u7cbe\u7b80\u7248\u200b\uff0c\u200b\u5b66\u4e60\u200b\u501f\u9274\u200b\u5927\u4f6c\u200b\u4e4b\u200b\u7ecf\u9a8c\u200b\uff08Ctrl C+V\uff09
\u200b\u4e5f\u200b\u63a8\u8350\u200b\u770b\u200b:Markdown\u200b\u4e2d\u6587\u200b\u6307\u5357\u200b
\u200b\u4e00\u4e9b\u200bMarkdown\u200b\u6587\u6863\u200b\u521b\u4f5c\u200b\u5de5\u5177\u200b\uff1a
# \u200b\u4e00\u7ea7\u200b\u6807\u9898\u200b (\u200b\u6ce8\u610f\u200b\u6709\u200b\u7a7a\u683c\u200b)\n## \u200b\u4e8c\u7ea7\u200b\u6807\u9898\u200b\n### \u200b\u4e09\u7ea7\u200b\u6807\u9898\u200b\n#### \u200b\u56db\u7ea7\u200b\u6807\u9898\u200b\n##### \u200b\u4e94\u7ea7\u200b\u6807\u9898\u200b\n###### \u200b\u516d\u7ea7\u200b\u6807\u9898\u200b <!--\u200b\u6700\u200b\u591a\u200b6\u200b\u7ea7\u200b\u6807\u9898\u200b-->\n
\u200b\u5728\u200b\u4efb\u610f\u200b\u4f4d\u7f6e\u200b\u63d2\u5165\u200b [toc] \u200b\u663e\u793a\u200b\u5168\u6587\u200b\u76ee\u5f55\u200b\u7ed3\u6784\u200b
[toc]
\u200b\u793a\u4f8b\u200b\u89c1\u200b\u6587\u7ae0\u200b\u5f00\u5934\u200b\uff08\u200b\u70b9\u51fb\u200b\u8fd9\u91cc\u200b\u8df3\u8f6c\u200b\u5230\u200b\u5f00\u5934\u200b\u67e5\u770b\u200b\u76ee\u5f55\u200b\uff09
*\u200b\u659c\u4f53\u200b* _\u200b\u659c\u4f53\u200b_\n**\u200b\u7c97\u4f53\u200b** __\u200b\u7c97\u4f53\u200b__\n***\u200b\u52a0\u7c97\u200b\u659c\u4f53\u200b*** ___\u200b\u52a0\u7c97\u200b\u659c\u4f53\u200b___\n~~\u200b\u5220\u9664\u200b\u7ebf\u200b~~\n<u>\u200b\u4e0b\u5212\u7ebf\u200b</u>\n==\u200b\u80cc\u666f\u200b\u9ad8\u4eae\u200b==\n
\u200b\u659c\u4f53\u200b \u200b\u659c\u4f53\u200b
\u200b\u7c97\u4f53\u200b \u200b\u7c97\u4f53\u200b
\u200b\u52a0\u7c97\u200b\u659c\u4f53\u200b \u200b\u52a0\u7c97\u200b\u659c\u4f53\u200b
\u200b\u5220\u9664\u200b\u7ebf\u200b
\u200b\u4e0b\u5212\u7ebf\u200b
\u200b\u80cc\u666f\u200b\u9ad8\u4eae\u200b
* \u200b\u65e0\u5e8f\u200b\u5217\u8868\u200b\u9879\u200b \u200b\u4e00\u200b\n+ \u200b\u65e0\u5e8f\u200b\u5217\u8868\u200b\u9879\u200b \u200b\u4e8c\u200b\n- \u200b\u65e0\u5e8f\u200b\u5217\u8868\u200b\u9879\u200b \u200b\u4e09\u200b\n
* \u200b\u4eca\u5929\u200b`* + \u200b\u7a7a\u683c\u952e\u200b`\n* \u200b\u660e\u5929\u200b\n * \u200b\u5b66\u4e60\u200b `TAB(\u200b\u6216\u200b4\u200b\u4e2a\u200b\u7a7a\u683c\u200b) + * + \u200b\u7a7a\u683c\u952e\u200b`\n * \u200b\u8d2d\u7269\u200b\n * \u200b\u9762\u5305\u200b\n * \u200b\u725b\u5976\u200b\n* \u200b\u540e\u5929\u200b\n
* + \u200b\u7a7a\u683c\u952e\u200b
TAB(\u200b\u6216\u200b4\u200b\u4e2a\u200b\u7a7a\u683c\u200b) + * + \u200b\u7a7a\u683c\u952e\u200b
1. \u200b\u6709\u200b\u5e8f\u5217\u8868\u200b\u9879\u200b \u200b\u4e00\u200b `\u200b\u6570\u5b57\u200b + . + \u200b\u7a7a\u683c\u952e\u200b`\n2. \u200b\u6709\u200b\u5e8f\u5217\u8868\u200b\u9879\u200b \u200b\u4e8c\u200b\n 1. \u200b\u6709\u200b\u5e8f\u5217\u8868\u200b\u9879\u200b \u200b\u4e8c\u200b(1) `TAB(\u200b\u6216\u200b4\u200b\u4e2a\u200b\u7a7a\u683c\u200b) + \u200b\u6570\u5b57\u200b + . + \u200b\u7a7a\u683c\u952e\u200b`\n 2. \u200b\u6709\u200b\u5e8f\u5217\u8868\u200b\u9879\u200b \u200b\u4e8c\u200b(2)\n 1. \u200b\u6709\u200b\u5e8f\u5217\u8868\u200b\u9879\u200b \u200b\u4e8c\u200b(2).1\n3. \u200b\u6709\u200b\u5e8f\u5217\u8868\u200b\u9879\u200b \u200b\u4e09\u200b\n
\u200b\u6570\u5b57\u200b + . + \u200b\u7a7a\u683c\u952e\u200b
TAB(\u200b\u6216\u200b4\u200b\u4e2a\u200b\u7a7a\u683c\u200b) + \u200b\u6570\u5b57\u200b + . + \u200b\u7a7a\u683c\u952e\u200b
\u200b\u7b2c\u4e00\u200b\u884c\u4e3a\u200b\u8868\u5934\u200b\uff0c\u200b\u7b2c\u4e8c\u884c\u200b\u5206\u9694\u200b\u8868\u5934\u200b\u548c\u200b\u4e3b\u4f53\u200b\u90e8\u5206\u200b(\u200b\u5982\u679c\u200b\u8868\u683c\u200b\u65e0\u6cd5\u200b\u663e\u793a\u200b\u53ef\u4ee5\u200b\u5c1d\u8bd5\u200b\u628a\u200b\u7b2c\u4e8c\u884c\u200b\u7684\u200b - \u200b\u53d8\u4e3a\u200b --- )\uff0c\u200b\u53ef\u4ee5\u200b\u6307\u5b9a\u200b\u6240\u5728\u200b\u5217\u200b\u7684\u200b\u5bf9\u9f50\u200b\u65b9\u5f0f\u200b\uff0c\u200b\u7b2c\u4e09\u884c\u200b\u5f00\u59cb\u200b\u6bcf\u4e00\u200b\u884c\u4e3a\u200b\u4e00\u4e2a\u200b\u8868\u683c\u200b\u884c\u200b\u3002\u200b\u5217\u4e0e\u5217\u200b\u4e4b\u95f4\u200b\u7528\u200b | \u200b\u9694\u5f00\u200b\u3002(\u200b\u6ce8\u200b\uff1a\u200b\u539f\u751f\u200b\u65b9\u5f0f\u200b\u7684\u200b\u8868\u683c\u200b\u6bcf\u200b\u4e00\u884c\u200b\u7684\u200b\u4e24\u8fb9\u200b\u4e5f\u200b\u8981\u200b\u6709\u200b | )
-
---
|
\u200b\u5bf9\u9f50\u200b\u65b9\u5f0f\u200b :- \u200b\u5de6\u200b\u5bf9\u9f50\u200b - \u200b\u4e2d\u5fc3\u200b\u5bf9\u9f50\u200b -: \u200b\u53f3\u200b\u5bf9\u9f50\u200b
:- \u200b\u5de6\u200b\u5bf9\u9f50\u200b
- \u200b\u4e2d\u5fc3\u200b\u5bf9\u9f50\u200b
-: \u200b\u53f3\u200b\u5bf9\u9f50\u200b
\u200b\u7b2c\u4e00\u5217\u200b|\u200b\u7b2c\u4e8c\u5217\u200b|\u200b\u7b2c\u4e09\u5217\u200b\n:-|-|-:\na11|a12|a13\na21|a22|a33\na31|a32|a33\n
[ ]\u200b\u91cc\u200b\u5199\u200b\u94fe\u63a5\u200b\u6587\u5b57\u200b\uff0c( )\u200b\u91cc\u200b\u5199\u200b\u94fe\u63a5\u200b\u5730\u5740\u200b, ( )\u200b\u4e2d\u200b\u7684\u200b\" \"\u200b\u4e2d\u200b\u53ef\u4ee5\u200b\u4e3a\u200b\u94fe\u63a5\u200b\u6307\u5b9a\u200btitle\u200b\u5c5e\u6027\u200b\uff0ctitle\u200b\u5c5e\u6027\u200b\u53ef\u200b\u52a0\u200b\u53ef\u4e0d\u200b\u52a0\u200b\u3002title\u200b\u5c5e\u6027\u200b\u7684\u200b\u6548\u679c\u200b\u662f\u200b\u9f20\u6807\u60ac\u505c\u200b\u5728\u200b\u94fe\u63a5\u200b\u4e0a\u200b\u4f1a\u200b\u51fa\u73b0\u200b\u6307\u5b9a\u200b\u7684\u200b title\u200b\u6587\u5b57\u200b\uff0c\u200b\u94fe\u63a5\u200b\u5730\u5740\u200b\u4e0e\u200btitle\u200b\u524d\u6709\u200b\u4e00\u4e2a\u200b\u7a7a\u683c\u200b\u3002
\u200b\u53f3\u8fb9\u200b\u662f\u200b\u94fe\u63a5\u200b[\u200b\u94fe\u63a5\u200b\u6587\u5b57\u200b](\u200b\u94fe\u63a5\u200b \"title\")\n
\u200b\u53f3\u8fb9\u200b\u662f\u200b\u94fe\u63a5\u200b[GitHub](https://github.com \"GitHub\")\n
\u200b\u53f3\u8fb9\u200b\u662f\u200b\u94fe\u63a5\u200bGitHub
\u200b\u683c\u5f0f\u200b\uff1a! [\u200b\u56fe\u7247\u200b\u6807\u9898\u200b] (\u200b\u56fe\u7247\u200b\u5730\u5740\u200b \"\u200b\u56fe\u7247\u200bTitle\u201d)
!
[\u200b\u56fe\u7247\u200b\u6807\u9898\u200b]
(\u200b\u56fe\u7247\u200b\u5730\u5740\u200b \"\u200b\u56fe\u7247\u200bTitle\u201d)
\u200b\u5176\u4e2d\u200b\u200b\u56fe\u7247\u200b\u6807\u9898\u200b\u200b\u4f1a\u200b\u88ab\u200b\u67d0\u4e9b\u200b\u7f51\u7ad9\u200b\u548c\u200b\u7f16\u8f91\u5668\u200b\u663e\u793a\u200b\u5728\u200b\u56fe\u7247\u200b\u4e0b\u65b9\u200b
\u200b\u56fe\u7247\u200b\u6807\u9898\u200b
\u200b\u683c\u5f0f\u200b\uff1a
<iframe height= width= src=\"\u200b\u94fe\u63a5\u200b\">\n
\u200b\u7528\u200b\u201c ` \u201d\u200b\u5de6\u53f3\u200b\u5305\u88f9\u200b\u4ee3\u7801\u200b
`printf()` \u200b\u51fd\u6570\u200b \n
printf()
\u200b\u7528\u200b\u201c ``` \u201d\u200b\u4e0a\u4e0b\u200b\u5305\u88f9\u200b\u4ee3\u7801\u200b\uff0c\u200b\u5728\u200b\u7b2c\u4e00\u4e2a\u200b\u201c ``` \u201d\u200b\u540e\u200b\u6dfb\u52a0\u200b\u8bed\u8a00\u200b\u540d\u79f0\u200b\u83b7\u5f97\u200b\u4e0d\u540c\u200b\u7684\u200b\u9ad8\u4eae\u200b\u6548\u679c\u200b
\u200b\u5982\u200b\uff1acpp\uff0cpython\uff0cswift
<center>\u200b\u884c\u200b\u4e2d\u5fc3\u200b\u5bf9\u9f50\u200b</center>\n<p align=\"left\">\u200b\u884c\u200b\u5de6\u200b\u5bf9\u9f50\u200b</p>\n<p align=\"right\">\u200b\u884c\u53f3\u200b\u5bf9\u9f50\u200b</p>\n
\u200b\u884c\u200b\u4e2d\u5fc3\u200b\u5bf9\u9f50\u200b
\u200b\u884c\u200b\u5de6\u200b\u5bf9\u9f50\u200b
\u200b\u884c\u53f3\u200b\u5bf9\u9f50\u200b
* * *\n***\n- - -\n---\n
\u200b\u4e0d\u540c\u200bmarkdown\u200b\u7f16\u8f91\u5668\u200b\u53ef\u80fd\u200b\u6709\u200b\u4e0d\u540c\u200b\u7684\u200b\u6362\u884c\u200b\u65b9\u5f0f\u200b\uff0c\u200b\u6700\u200b\u7b80\u5355\u200b\u4e3a\u200b\u76f4\u63a5\u200b\u6572\u200b\u56de\u8f66\u200b
markdown\u200b\u6587\u672c\u200b\u5185\u200b\u7684\u200b\u8fde\u7eed\u200b\u4e24\u4e2a\u200b\u6216\u200b\u591a\u4e2a\u200b\u56de\u8f66\u200b\u4f1a\u200b\u88ab\u200b\u66ff\u6362\u200b\u4e3a\u200b\u4e00\u4e2a\u200b\u56de\u8f66\u200b
<font face=\"\u200b\u5b8b\u4f53\u200b\" color=blue size=5>\u200b\u84dd\u8272\u200b\u7684\u200b\u5b57\u200b\uff5e</font>\n
\u200b\u84dd\u8272\u200b\u7684\u200b\u5b57\u200b\uff5e
\u200b\u6d4f\u89c8\u5668\u200b\u652f\u6301\u200b\u7684\u200b\u6240\u6709\u200b\u989c\u8272\u200b\u8bf7\u200b\u8df3\u8f6c\u200b\u53c2\u8003\u200b
\u200b\u73b0\u4ee3\u200b\u6d4f\u89c8\u5668\u200b\u652f\u6301\u200b\u7684\u200b140\u200b\u79cd\u200b\u5df2\u200b\u547d\u540d\u200b\u7684\u200b\u989c\u8272\u200b
\u200b\u5e38\u7528\u200b\u989c\u8272\u200b\u540d\u79f0\u200b: * \u200b\u6309\u200b\u7f51\u7ad9\u200b\u987a\u5e8f\u6392\u5217\u200b * orange pink gold yellow purple greenyellow lightgreen green aqua lightblue blue wheat brown white snow linen silver gray black
\u200b\u4e5f\u200b\u5c31\u662f\u200b \u200b\u8df3\u8f6c\u200b
\u200b\u8df3\u8f6c\u200b
1. [\u200b\u70b9\u51fb\u200b\u8fd9\u91cc\u200b\u8df3\u200b\u8f6c\u5230\u7b2c\u200b\u4e00\u6bb5\u200b](#jump1)\n2. [\u200b\u70b9\u51fb\u200b\u8fd9\u91cc\u200b\u8df3\u8f6c\u200b\u5230\u200b\u7b2c\u4e8c\u6bb5\u200b](#jump2\uff09\n\n### <span id=\"jump1\">\u200b\u7b2c\u4e00\u6bb5\u200b</span>\n\n### <span id=\"jump2\">\u200b\u7b2c\u4e8c\u6bb5\u200b</span>\n
<span id=\"now\">\u200b\u5f53\u524d\u200b\u4f4d\u7f6e\u200b</span>\n\u200b\u70b9\u51fb\u200b[\u200b\u8fd9\u91cc\u200b](#top)\u200b\u8df3\u8f6c\u200b\u5230\u200b\u5f00\u5934\u200b\n\u200b\u70b9\u51fb\u200b[\u200b\u8fd9\u91cc\u200b](#bottom)\u200b\u8df3\u8f6c\u200b\u5230\u200b\u7ed3\u5c3e\u200b\n
\u200b\u5f53\u524d\u200b\u4f4d\u7f6e\u200b
\u200b\u70b9\u51fb\u200b\u8fd9\u91cc\u200b\u8df3\u8f6c\u200b\u5230\u200b\u5f00\u5934\u200b
\u200b\u70b9\u51fb\u200b\u8fd9\u91cc\u200b\u8df3\u8f6c\u200b\u5230\u200b\u7ed3\u5c3e\u200b
\u200b\u4f7f\u7528\u200b Markdown[^1]\u200b\u53ef\u4ee5\u200b\u6548\u7387\u200b\u7684\u200b\u4e66\u5199\u200b\u6587\u6863\u200b, \u200b\u76f4\u63a5\u200b\u8f6c\u6362\u6210\u200b HTML[^2]\u3002\n\n[^1]:Markdown\u200b\u662f\u200b\u4e00\u79cd\u200b\u7eaf\u200b\u6587\u672c\u200b\u6807\u8bb0\u200b\u8bed\u8a00\u200b\n[^2]:HyperText Markup Language \u200b\u8d85\u6587\u672c\u200b\u6807\u8bb0\u200b\u8bed\u8a00\u200b\n
\u200b\u4f7f\u7528\u200b Markdown1\u200b\u53ef\u4ee5\u200b\u6548\u7387\u200b\u7684\u200b\u4e66\u5199\u200b\u6587\u6863\u200b, \u200b\u76f4\u63a5\u200b\u8f6c\u6362\u6210\u200b HTML2\u3002
\u200b\u70b9\u51fb\u200b\u8fd9\u91cc\u200b\u8df3\u8f6c\u200b\u5230\u200b\u7ed3\u5c3e\u200b\u67e5\u770b\u200b\u6ce8\u811a\u200b\u7684\u200b\u663e\u793a\u200b\u6548\u679c\u200b
>>> \u200b\u8bf7\u95ee\u200b Markdwon \u200b\u600e\u4e48\u200b\u7528\u200b\uff1f - \u200b\u5c0f\u767d\u200b\n\n>> \u200b\u81ea\u5df1\u200b\u770b\u200b\u6559\u7a0b\u200b\uff01 - \u200b\u6124\u9752\u200b\n\n> \u200b\u6559\u7a0b\u200b\u5728\u200b\u54ea\u200b\uff1f - \u200b\u5c0f\u767d\u200b\n\n`[^_^]: # \u200b\u65e0\u6cd5\u200b\u663e\u793a\u200b\u65f6\u200b\u8bb0\u5f97\u200b\u7a7a\u884c\u200b`\n
\u200b\u4e0d\u540c\u200b\u7f16\u8f91\u5668\u200b\u7684\u200b\u663e\u793a\u200b\u60c5\u51b5\u200b\u4e0d\u540c\u200b
\u200b\u8bf7\u95ee\u200b Markdwon \u200b\u600e\u4e48\u200b\u7528\u200b\uff1f - \u200b\u5c0f\u767d\u200b
\u200b\u81ea\u5df1\u200b\u770b\u200b\u6559\u7a0b\u200b\uff01 - \u200b\u6124\u9752\u200b
\u200b\u6559\u7a0b\u200b\u5728\u200b\u54ea\u200b\uff1f - \u200b\u5c0f\u767d\u200b
$
\u200b\u6211\u4eec\u200b\u5728\u200b\u521d\u4e2d\u200b\u6570\u5b66\u8bfe\u200b\u4e0a\u200b\u5df2\u7ecf\u200b\u5bf9\u200b\u4e00\u6b21\u51fd\u6570\u200b$y=x+a$\u200b\u6709\u6240\u200b\u4e86\u89e3\u200b\u3002\n
\u200b\u6211\u4eec\u200b\u5728\u200b\u521d\u4e2d\u200b\u6570\u5b66\u8bfe\u200b\u4e0a\u200b\u5df2\u7ecf\u200b\u5bf9\u200b\u4e00\u6b21\u51fd\u6570\u200b\\(y=x+a\\)\u200b\u6709\u6240\u200b\u4e86\u89e3\u200b\u3002
$$
\u200b\u4e0b\u9762\u200b\u6211\u4eec\u200b\u6765\u200b\u8ba4\u8bc6\u4e00\u4e0b\u200b\u4e8c\u6b21\u200b\u51fd\u6570\u200b$$y=ax^2+bx+c$$\n
\u200b\u884c\u5185\u200b\u516c\u5f0f\u200b\uff1a$\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$\n\u200b\u5757\u7ea7\u200b\u516c\u5f0f\u200b\uff1a\n$$ x = \\dfrac{-b \\pm \\sqrt{b^2 - 4ac}}{2a} $$\n$$ \\frac{1}{\\Bigl(\\sqrt{\\phi \\sqrt{5}}-\\phi\\Bigr) e^{\\frac25 \\pi}} =\n1+\\frac{e^{-2\\pi}} {1+\\frac{e^{-4\\pi}} {1+\\frac{e^{-6\\pi}}\n{1+\\frac{e^{-8\\pi}} {1+\\ldots} } } } $$\n
\u200b\u884c\u5185\u200b\u516c\u5f0f\u200b\uff1a\\(\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N\\)
\u200b\u901a\u8fc7\u200b\u5728\u200bMarkdown\u200b\u5b57\u7b26\u200b\u524d\u200b\u4f7f\u7528\u200b\\\u200b\u6765\u200b\u5ffd\u7565\u200b\uff08\u200b\u6216\u200b\u8f6c\u4e49\u200b\uff09Markdown\u200b\u683c\u5f0f\u200b\u3002
Markdown\u200b\u5141\u8bb8\u200b\u60a8\u200b\u4f7f\u7528\u200b\u53cd\u200b\u659c\u6760\u200b\u8f6c\u4e49\u200b\u6765\u200b\u751f\u6210\u200b\u6587\u5b57\u200b\u5b57\u7b26\u200b\uff0c\u200b\u5426\u5219\u200b\u8fd9\u4e9b\u200b\u5b57\u7b26\u200b\u5728\u200bMarkdown\u200b\u7684\u200b\u683c\u5f0f\u5316\u200b\u8bed\u6cd5\u200b\u4e2d\u200b\u5177\u6709\u200b\u7279\u6b8a\u200b\u542b\u4e49\u200b\u3002 \u200b\u4f8b\u5982\u200b\uff0c\u200b\u5982\u679c\u200b\u60a8\u200b\u60f3\u200b\u7528\u200b\u6587\u5b57\u200b\u661f\u53f7\u200b\u5305\u56f4\u200b\u4e00\u4e2a\u200b\u5355\u8bcd\u200b\uff0c\u200b\u5219\u200b\u53ef\u4ee5\u200b\u5728\u200b\u661f\u53f7\u200b\u4e4b\u524d\u200b\u4f7f\u7528\u200b\u53cd\u200b\u659c\u6760\u200b\uff0c\u200b\u5982\u200b\\*literal asterisks\\* *literal asterisks*
\\*literal asterisks\\*
Markdown\u200b\u4e3a\u200b\u4ee5\u4e0b\u200b\u5b57\u7b26\u200b\u63d0\u4f9b\u200b\u53cd\u200b\u659c\u6760\u200b\u8f6c\u4e49\u200b(\u200b\u4f46\u662f\u200bCSDN\u200b\u4e0d\u592a\u200b\u652f\u6301\u200b)\uff1a
\\\u200b\u53cd\u200b\u659c\u6760\u200b\u2003`\u200b\u53cd\u200b\u5f15\u53f7\u200b\u2003*\u200b\u661f\u53f7\u200b\u2003_\u200b\u4e0b\u5212\u7ebf\u200b\u2003{}\u200b\u5927\u62ec\u53f7\u200b\u2003[]\u200b\u4e2d\u62ec\u53f7\u200b\u2003()\u200b\u5c0f\u62ec\u53f7\u200b\u2003 #\u200b\u4e95\u53f7\u200b\u2003+\u200b\u52a0\u53f7\u200b\u2003-\u200b\u51cf\u53f7\u200b\u2003.\u200b\u82f1\u6587\u200b\u53e5\u53f7\u200b\u2003!\u200b\u82f1\u6587\u200b\u611f\u53f9\u53f7\u200b
\u200b\u5bf9\u4e8e\u200b Markdown \u200b\u4e2d\u672a\u200b\u5305\u542b\u200b\u7684\u200b\u6807\u7b7e\u200b, \u200b\u53ef\u4ee5\u200b\u76f4\u63a5\u200b\u4f7f\u7528\u200b HTML\u200b\u6807\u7b7e\u200b\uff0c\u200b\u4f8b\u5982\u200b\u7528\u200b HTML <a> \u200b\u6807\u7b7e\u200b\u66ff\u4ee3\u200b Markdown \u200b\u7684\u200b\u94fe\u63a5\u200b\u8bed\u6cd5\u200b
<a>
\u200b\u5728\u200b HTML \u200b\u4e2d\u200b, \u200b\u6709\u200b\u4e00\u4e9b\u200b\u5b57\u7b26\u200b\u9700\u8981\u200b\u7279\u6b8a\u200b\u5bf9\u5f85\u200b\uff0c\u200b\u5982\u679c\u200b\u4f60\u200b\u60f3\u200b\u5c06\u200b\u5b83\u4eec\u200b\u7528\u4f5c\u200b\u5b57\u9762\u200b\u91cf\u200b, \u200b\u5219\u200b\u9700\u8981\u200b\u5c06\u200b\u5b83\u4eec\u200b\u8f6c\u4e49\u200b\u4e3a\u200b\u5b57\u7b26\u200b\u5b9e\u4f53\u200b
&
<
>
"
"
'
'
<div style='display: none'>\n\u200b\u6ce8\u91ca\u200b\n</div>\n
<!-- \u200b\u6ce8\u91ca\u200b -->\n
[//]: # (\u200b\u54c8\u54c8\u200b\u6211\u200b\u662f\u200b\u6700\u5f3a\u200b\u6ce8\u91ca\u200b1\uff0c\u200b\u4e0d\u4f1a\u200b\u5728\u200b\u6d4f\u89c8\u5668\u200b\u4e2d\u200b\u663e\u793a\u200b\u3002)\n[^_^]: # (\u200b\u54c8\u54c8\u200b\u6211\u200b\u662f\u200b\u6700\u840c\u200b\u6ce8\u91ca\u200b2\uff0c\u200b\u4e0d\u4f1a\u200b\u5728\u200b\u6d4f\u89c8\u5668\u200b\u4e2d\u200b\u663e\u793a\u200b\u3002)\n
\u30101\u3011 \u200b\u534a\u89d2\u200b\u7684\u200b\u4e0d\u65ad\u200b\u884c\u200b\u7684\u200b\u7a7a\u767d\u200b\u683c\u200b\uff08\u200b\u63a8\u8350\u200b\u4f7f\u7528\u200b\uff09\n\u30102\u3011   \u200b\u534a\u89d2\u200b\u7684\u200b\u7a7a\u683c\u200b\n\u30103\u3011   \u200b\u5168\u89d2\u200b\u7684\u200b\u7a7a\u683c\u200b\n
\u200b\u540c\u65f6\u200b\u63a8\u8350\u200b\u8fd9\u4e2a\u200b\u7f51\u7ad9\u200b\u53bb\u200b\u5b66\u4e60\u200b\u57fa\u7840\u200bmarkdown\u200b\u8bed\u6cd5\u200b\uff1arunoob.com
Markdown\u200b\u662f\u200b\u4e00\u79cd\u200b\u7eaf\u200b\u6587\u672c\u200b\u6807\u8bb0\u200b\u8bed\u8a00\u200b\u00a0\u21a9
HyperText Markup Language \u200b\u8d85\u6587\u672c\u200b\u6807\u8bb0\u200b\u8bed\u8a00\u200b\u00a0\u21a9
\u200b\u539f\u6587\u200b\uff1aNorman's Three Levels of Design
\u200b\u5728\u200b\u4eba\u7c7b\u200b\u7684\u200b\u5185\u5fc3\u4e16\u754c\u200b\uff0c\u200b\u6709\u200b\u8bb8\u591a\u200b\u90e8\u5206\u200b\u8d1f\u8d23\u200b\u6211\u4eec\u200b\u6240\u8bf4\u200b\u7684\u200b\u60c5\u611f\u200b\uff0c\u200b\u603b\u7684\u6765\u8bf4\u200b\uff0c\u200b\u8fd9\u4e9b\u200b\u533a\u57df\u200b\u5171\u540c\u200b\u6784\u6210\u200b\u4e86\u200b\u60c5\u611f\u200b\u7cfb\u7edf\u200b\u3002\u200b\u5510\u200b\u00b7\u200b\u8bfa\u66fc\u200b\uff08Don Norman\uff09\u200b\u63d0\u51fa\u200b\uff0c\u200b\u60c5\u611f\u200b\u7cfb\u7edf\u200b\u7531\u200b\u4e09\u4e2a\u200b\u4e0d\u540c\u200b\u4f46\u200b\u76f8\u4e92\u200b\u8054\u7cfb\u200b\u7684\u200b\u5c42\u6b21\u200b\u7ec4\u6210\u200b\uff0c\u200b\u6bcf\u4e2a\u200b\u5c42\u6b21\u200b\u90fd\u200b\u4ee5\u200b\u4e00\u79cd\u200b\u7279\u6b8a\u200b\u7684\u200b\u65b9\u5f0f\u200b\u5f71\u54cd\u200b\u7740\u200b\u6211\u4eec\u200b\u5bf9\u200b\u4e16\u754c\u200b\u7684\u200b\u4f53\u9a8c\u200b\u3002\u200b\u8fd9\u200b\u4e09\u4e2a\u200b\u5c42\u6b21\u200b\u662f\u200b\u672c\u80fd\u200b\u5c42\u200b\uff0c\u200b\u884c\u4e3a\u200b\u5c42\u200b\u548c\u200b\u53cd\u601d\u200b\u5c42\u200b\u3002\u200b\u672c\u80fd\u200b\u5c42\u200b\u4e0e\u200b\u4eba\u7c7b\u200b\u60c5\u7eea\u200b\u4e2d\u200b\u56fa\u6709\u200b\u7684\u200b\u3001\u200b\u81ea\u53d1\u200b\u7684\u200b\u4ee5\u53ca\u200b\u7b26\u5408\u200b\u52a8\u7269\u6027\u200b\u7684\u200b\u7279\u6027\u200b\u76f8\u5173\u200b\uff0c\u200b\u8fd9\u4e9b\u200b\u57fa\u672c\u4e0a\u200b\u662f\u200b\u4e0d\u53d7\u200b\u4eba\u7c7b\u200b\u672c\u8eab\u200b\u63a7\u5236\u200b\u7684\u200b\u3002\u200b\u884c\u4e3a\u200b\u5c42\u6307\u200b\u7684\u200b\u662f\u200b\u4eba\u7c7b\u200b\u884c\u4e3a\u200b\u4e2d\u200b\u90a3\u4e9b\u200b\u53ef\u63a7\u200b\u7684\u200b\u65b9\u9762\u200b\uff0c\u200b\u5728\u200b\u8fd9\u79cd\u200b\u60c5\u51b5\u200b\u4e0b\u200b\uff0c\u200b\u6211\u4eec\u200b\u4e0b\u610f\u8bc6\u200b\u7684\u200b\u5206\u6790\u200b\u6240\u200b\u5904\u200b\u60c5\u51b5\u200b\u5e76\u4e14\u200b\u5236\u5b9a\u200b\u4ee5\u200b\u76ee\u6807\u200b\u4e3a\u200b\u5bfc\u5411\u200b\u7684\u200b\u7b56\u7565\u200b\uff0c\u200b\u4ece\u800c\u200b\u80fd\u591f\u200b\u5728\u200b\u6700\u200b\u77ed\u65f6\u95f4\u200b\u5185\u200b\u6216\u662f\u200b\u4ee5\u200b\u6700\u5c11\u200b\u7684\u200b\u884c\u52a8\u200b\u8fbe\u5230\u200b\u6548\u679c\u200b\u3002\u200b\u6b63\u5982\u200b\u5510\u200b\u00b7\u200b\u8bfa\u66fc\u200b\u6240\u200b\u8a00\u200b\uff0c\u200b\u53cd\u601d\u200b\u5c42\u200b\u662f\u200b\u6307\u200b\u201c\u200b\u6709\u610f\u8bc6\u200b\u7684\u200b\u601d\u8003\u200b\uff0c\u200b\u5bf9\u200b\u65b0\u200b\u6982\u5ff5\u200b\u8fdb\u884c\u200b\u5b66\u4e60\u200b\uff0c\u200b\u548c\u200b\u5bf9\u200b\u4e16\u754c\u200b\u8fdb\u884c\u200b\u5f52\u7eb3\u200b\u3002\u201d\u200b\u8fd9\u200b\u4e09\u4e2a\u200b\u5c42\u6b21\u200b\u4f5c\u4e3a\u200b\u60c5\u611f\u200b\u7cfb\u7edf\u200b\u7684\u200b\u4e0d\u540c\u200b\u7ef4\u5ea6\u200b\u72ec\u7acb\u200b\u5b58\u5728\u200b\uff0c\u200b\u53c8\u200b\u76f8\u4e92\u200b\u5173\u8054\u200b\uff0c\u200b\u76f8\u4e92\u5f71\u54cd\u200b\uff0c\u200b\u4ece\u800c\u200b\u521b\u9020\u200b\u4e86\u200b\u6211\u4eec\u200b\u5bf9\u200b\u4e16\u754c\u200b\u7684\u200b\u6574\u4f53\u200b\u60c5\u611f\u200b\u4f53\u9a8c\u200b\u3002
\u200b\u5728\u200b\u5510\u200b\u00b7\u200b\u8bfa\u66fc\u200b\u7684\u200b\u300a\u200b\u60c5\u611f\u5316\u200b\u8bbe\u8ba1\u200b\uff1a\u200b\u4e3a\u4ec0\u4e48\u200b\u6211\u4eec\u200b\u559c\u6b22\u200b\uff08\u200b\u6216\u200b\u8ba8\u538c\u200b\uff09\u200b\u65e5\u5e38\u200b\u4e8b\u7269\u200b\u300b\uff08\u200b\u4e00\u672c\u200b\u8ba4\u77e5\u79d1\u5b66\u200b\uff0c\u200b\u8bbe\u8ba1\u200b\u5b66\u200b\uff0c\u200b\u53ef\u7528\u6027\u200b\u5de5\u7a0b\u200b\u9886\u57df\u200b\u6770\u51fa\u200b\u7684\u200b\u5b66\u672f\u200b\u4f5c\u54c1\u200b\uff09\u200b\u4e00\u4e66\u4e2d\u200b\uff0c\u200b\u4ed6\u200b\u5bf9\u200b\u60c5\u611f\u5316\u200b\u7cfb\u7edf\u200b\u7684\u200b\u8fd9\u200b\u4e09\u4e2a\u200b\u65b9\u9762\u200b\u6216\u200b\u5c42\u6b21\u200b\u505a\u200b\u4e86\u200b\u533a\u5206\u200b\uff08\u200b\u5b83\u4eec\u200b\u4e09\u8005\u200b\u7efc\u5408\u200b\u5f71\u54cd\u200b\u7740\u200b\u4eba\u7c7b\u200b\u7684\u200b\u60c5\u611f\u200b\u6216\u200b\u5fc3\u7406\u200b\uff09\uff0c\u200b\u5373\u200b\uff1a\u200b\u672c\u80fd\u200b\u5c42\u200b\uff0c\u200b\u884c\u4e3a\u200b\u5c42\u53ca\u200b\u53cd\u601d\u200b\u5c42\u200b\u3002\u200b\u8fd9\u200b\u4e09\u8005\u200b\u5728\u200b\u60c5\u611f\u200b\u7cfb\u7edf\u200b\u4e2d\u200b\u7d27\u5bc6\u200b\u4ea4\u7ec7\u200b\u5728\u200b\u4e00\u8d77\u200b\uff0c\u200b\u5e76\u200b\u4ee5\u200b\u5404\u81ea\u200b\u7279\u5b9a\u200b\u7684\u200b\u65b9\u5f0f\u200b\u5f71\u54cd\u200b\u8bbe\u8ba1\u200b\u3002\u200b\u4ee5\u4e0b\u200b\u662f\u200b\u4e09\u8005\u200b\u5bf9\u5e94\u200b\u7684\u200b\u76f8\u5e94\u200b\u4e09\u79cd\u200b\u8bbe\u8ba1\u200b\u5c42\u6b21\u200b\u3002
\u200b\u672c\u80fd\u200b\u5c42\u200b\u8bbe\u8ba1\u200b-\u201c\u200b\u5173\u6ce8\u200b\u5916\u89c2\u200b\u672c\u8eab\u200b\u201d\u3002\u200b\u8fd9\u4e00\u200b\u5c42\u6b21\u200b\u7684\u200b\u8bbe\u8ba1\u200b\u5173\u6ce8\u200b\u7684\u200b\u662f\u200b\u4e8b\u7269\u200b\u4e2d\u200b\u53ef\u4ee5\u200b\u88ab\u200b\u76f4\u63a5\u200b\u611f\u77e5\u200b\u7684\u200b\u90a3\u200b\u90e8\u5206\u200b\u7279\u5f81\u200b\u4ee5\u53ca\u200b\u5b83\u4eec\u200b\u662f\u200b\u5982\u4f55\u200b\u8ba9\u200b\u7528\u6237\u200b\u6216\u200b\u89c2\u5bdf\u8005\u200b\u4ea7\u751f\u200b\u611f\u53d7\u200b\u7684\u200b\u3002\u200b\u4f8b\u5982\u200b\uff0c\u200b\u7956\u7236\u200b\u7684\u200b\u6000\u8868\u200b\u548c\u200b\u4e00\u4e2a\u200b\u5c0f\u200b\u7684\u200b\u58c1\u6302\u5f0f\u200b\u65f6\u949f\u200b\u4e00\u6837\u200b\u90fd\u200b\u5305\u542b\u200b\u4e86\u200b\u6700\u200b\u57fa\u672c\u200b\u7684\u200b\u8ba1\u65f6\u200b\u529f\u200b\u529f\u80fd\u200b\uff0c\u200b\u9664\u4e86\u200b\u5916\u89c2\u200b\uff0c\u200b\u4ed6\u4eec\u200b\u5728\u5185\u200b\u5728\u200b\u7279\u5f81\u200b\u4e0a\u200b\u6ca1\u6709\u200b\u4efb\u4f55\u200b\u4e0d\u540c\u200b\uff0c\u200b\u4f46\u662f\u200b\u672c\u80fd\u200b\u5c42\u200b\uff08\u200b\u6df1\u5c42\u6b21\u200b\u7684\u200b\uff0c\u200b\u65e0\u610f\u8bc6\u200b\u7684\u200b\uff0c\u200b\u4e3b\u89c2\u200b\u7684\u200b\u548c\u200b\u81ea\u53d1\u200b\u7684\u200b\u611f\u53d7\u200b\uff09\u200b\u7279\u5f81\u200b\u4f7f\u200b\u5b83\u200b\u5728\u200b\u62e5\u6709\u8005\u200b\u773c\u4e2d\u200b\u4ea7\u751f\u200b\u4e86\u200b\u533a\u522b\u200b\u3002
\u200b\u5982\u4eca\u200b\u4ea7\u54c1\u5f00\u53d1\u200b\u8fc7\u7a0b\u200b\u4e2d\u200b\u7684\u200b\u5f88\u5927\u200b\u4e00\u90e8\u5206\u200b\u65f6\u95f4\u200b\u88ab\u200b\u7528\u200b\u5728\u200b\u672c\u80fd\u200b\u5c42\u200b\u8bbe\u8ba1\u200b\u4e2d\u200b\uff0c\u200b\u56e0\u4e3a\u200b\u5c5e\u4e8e\u200b\u540c\u4e00\u200b\u65cf\u7fa4\u200b\u7684\u200b\u4ea7\u54c1\u200b\u5f80\u5f80\u200b\u5177\u6709\u200b\u76f8\u540c\u200b\u6216\u200b\u76f8\u4f3c\u200b\u7684\u200b\u529f\u80fd\u200b\uff0c\uff08\u200b\u6bd4\u5982\u8bf4\u200b\u624b\u7535\u200b\uff0c\u200b\u6c34\u58f6\u200b\uff0c\u200b\u9762\u5305\u673a\u200b\uff0c\u200b\u53f0\u706f\u200b\uff09\uff0c\u200b\u6240\u4ee5\u200b\u66f4\u5177\u200b\u7279\u5f81\u200b\u7684\u200b\u5916\u89c2\u200b\u662f\u200b\u533a\u5206\u200b\u4ea7\u54c1\u200b\u548c\u200b\u7ade\u4e89\u8005\u200b\u7684\u200b\u5173\u952e\u56e0\u7d20\u200b\u3002\u200b\u8fd9\u200b\u4e5f\u200b\u5c31\u662f\u200b\u6211\u4eec\u200b\u6240\u8bf4\u200b\u7684\u200b\u201d\u200b\u54c1\u724c\u5316\u200b\u8bbe\u8ba1\u200b\u201d\u2014\u2014\u200b\u4e0d\u662f\u200b\u901a\u8fc7\u200b\u4ea7\u54c1\u200b\u63d0\u4f9b\u200b\u7ed9\u200b\u7528\u6237\u200b\u533a\u522b\u200b\u4e8e\u200b\u5176\u4ed6\u200b\u4ea7\u54c1\u200b\u7684\u200b\u5b9e\u9645\u200b\u5229\u76ca\u200b\uff0c\u200b\u800c\u662f\u200b\u901a\u8fc7\u200b\u5951\u5408\u200b\u7528\u6237\u200b\u7684\u200b\u6001\u5ea6\u200b\u3001\u200b\u4fe1\u4ef0\u200b\u3001\u200b\u60c5\u611f\u200b\u4ee5\u53ca\u200b\u7528\u6237\u200b\u60f3\u8981\u200b\u7684\u200b\u611f\u53d7\u200b\uff0c\u200b\u6765\u200b\u5f15\u51fa\u200b\u7528\u6237\u200b\u5bf9\u200b\u4ea7\u54c1\u200b\u7684\u200b\u60c5\u611f\u200b\u4e0a\u200b\u7684\u200b\u56de\u5e94\u200b\u3002\u200b\u8fd9\u200b\u53ef\u4ee5\u200b\u662f\u200b\u901a\u8fc7\u200b\u4f7f\u7528\u200b\u513f\u7ae5\u200b\u3001\u200b\u52a8\u7269\u200b\u6216\u662f\u200b\u5361\u901a\u200b\u5f62\u8c61\u200b\u7684\u200b\u56fe\u7247\u200b\u6765\u200b\u4f20\u8fbe\u200b\u5e74\u8f7b\u200b\u7684\u200b\u611f\u89c9\u200b\uff0c\u200b\u4e5f\u200b\u53ef\u4ee5\u200b\u662f\u200b\u901a\u8fc7\u200b\u5bf9\u200b\u8272\u5f69\u200b\uff08\u200b\u6bd4\u5982\u8bf4\u200b\uff0c\u200b\u7ea2\u8272\u200b\u5bf9\u5e94\u200b\u7740\u200b\u201c\u200b\u6027\u611f\u200b\u201c\uff0c\u200b\u9ed1\u8272\u200b\u5bf9\u5e94\u200b\u7740\u200b\u201d\u200b\u6050\u6016\u200b\u201d\uff09\uff0c\u200b\u5f62\u72b6\u200b\uff08\u200b\u6bd4\u5982\u200b\u786c\u200b\u8fb9\u7f18\u200b\u5f62\u72b6\u200b\uff09\u200b\u7684\u200b\u8fd0\u7528\u200b\uff0c\u200b\u751a\u81f3\u200b\u662f\u200b\u8fd0\u7528\u200b\u98ce\u683c\u200b\uff08\u200b\u6bd4\u5982\u200b\u88c5\u9970\u200b\u827a\u672f\u200b\uff09\uff0c\u200b\u8ba9\u200b\u4eba\u200b\u8054\u60f3\u8d77\u200b\u67d0\u4e9b\u200b\u7279\u5b9a\u200b\u7684\u200b\u65f6\u4ee3\u200b\u3002\u200b\u672c\u80fd\u200b\u8bbe\u8ba1\u200b\u65e8\u5728\u200b\u6df1\u5165\u200b\u4e86\u89e3\u200b\u7528\u6237\u200b/\u200b\u6d88\u8d39\u8005\u200b/\u200b\u89c2\u5bdf\u8005\u200b\u7684\u200b\u5934\u8111\u200b\uff0c\u200b\u5e76\u4e14\u200b\u901a\u8fc7\u200b\u7275\u52a8\u200b\u7528\u6237\u200b\u60c5\u7eea\u200b\u6765\u200b\u63d0\u5347\u200b\u7528\u6237\u200b\u4f53\u9a8c\u200b\uff08\u200b\u6bd4\u5982\u8bf4\u200b\u6539\u5584\u200b\u6574\u4f53\u200b\u89c6\u89c9\u200b\u5f62\u8c61\u200b\uff09\u200b\u6216\u662f\u200b\u670d\u52a1\u200b\u5546\u4e1a\u5229\u76ca\u200b\uff08\u200b\u6bd4\u5982\u8bf4\u200b\u4e3a\u4e86\u200b\u516c\u53f8\u200b\u6216\u200b\u4ea7\u54c1\u200b\u6240\u6709\u8005\u200b\u7684\u200b\u5229\u76ca\u200b\uff0c\u200b\u4ece\u200b\u60c5\u611f\u200b\u4e0a\u200b\u52ab\u6301\u200b\u7528\u6237\u200b\u4f7f\u200b\u4ed6\u4eec\u200b\u8fdb\u884c\u200b\u8d2d\u4e70\u200b\uff09\u3002
\u200b\u884c\u4e3a\u200b\u5c42\u200b\u8bbe\u8ba1\u200b-\u201c\u200b\u4e0e\u200b\u4f7f\u7528\u200b\u7684\u200b\u6109\u60a6\u611f\u200b\u548c\u200b\u6548\u7387\u200b\u6709\u5173\u200b\u3002\u201d\u200b\u884c\u4e3a\u200b\u5c42\u200b\u8bbe\u8ba1\u200b\u53ef\u80fd\u200b\u66f4\u200b\u66f4\u5e38\u200b\u88ab\u200b\u79f0\u4e3a\u200b\u53ef\u7528\u6027\u200b\uff0c\u200b\u800c\u200b\u4e24\u8005\u200b\u6307\u200b\u7684\u200b\u90fd\u200b\u662f\u200b\u4ea7\u54c1\u200b\u4e2d\u200b\u5b9e\u7528\u6027\u200b\u548c\u200b\u529f\u80fd\u6027\u200b\u65b9\u9762\u200b\uff0c\u200b\u6216\u662f\u200b\u662f\u200b\u6211\u4eec\u200b\u5728\u200b\u6240\u5904\u200b\u73af\u5883\u200b\u4e2d\u6240\u80fd\u200b\u4f7f\u7528\u200b\u7684\u200b\u4efb\u4f55\u200b\u4ea7\u54c1\u200b\u7684\u200b\u53ef\u7528\u6027\u200b\u3002\u200b\u884c\u4e3a\u200b\u5c42\u200b\u8bbe\u8ba1\u200b\uff08\u200b\u4ece\u73b0\u5728\u8d77\u200b\u6211\u4eec\u200b\u7528\u200b\u8fd9\u4e2a\u200b\u8bcd\u6c47\u200b\u6765\u200b\u4ee3\u66ff\u200b\u53ef\u7528\u6027\u200b\uff09\u200b\u7740\u773c\u4e8e\u200b\uff0c\u200b\u8bf8\u5982\u200b\uff0c\u200b\u7528\u6237\u200b\u5982\u4f55\u200b\u8fdb\u884c\u200b\u6d3b\u52a8\u200b\uff1b\u200b\u5982\u4f55\u200b\u5feb\u901f\u200b\u548c\u200b\u51c6\u786e\u200b\u5730\u200b\u5b9e\u73b0\u200b\u4ed6\u4eec\u200b\u7684\u200b\u76ee\u6807\u200b\u548c\u200b\u76ee\u7684\u200b\uff1b\u200b\u7528\u6237\u200b\u5728\u200b\u6267\u884c\u200b\u67d0\u4e9b\u200b\u4efb\u52a1\u200b\u65f6\u72af\u200b\u4e86\u200b\u591a\u5c11\u200b\u9519\u8bef\u200b\uff1b\u200b\u4ee5\u53ca\u200b\u4ea7\u54c1\u200b\u5982\u4f55\u200b\u5f88\u200b\u597d\u200b\u5730\u200b\u9002\u5e94\u200b\u719f\u7ec3\u200b\u548c\u200b\u7f3a\u4e4f\u7ecf\u9a8c\u200b\u7684\u200b\u7528\u6237\u200b\u7b49\u200b\u95ee\u9898\u200b\u3002
\u200b\u884c\u4e3a\u200b\u5c42\u200b\u8bbe\u8ba1\u200b\u53ef\u80fd\u200b\u662f\u200b\u6700\u200b\u5bb9\u6613\u200b\u6d4b\u8bd5\u200b\u7684\u200b\uff0c\u200b\u56e0\u4e3a\u200b\u4e00\u65e6\u200b\u5bf9\u8c61\u200b\u7684\u200b\u7269\u7406\u200b\uff08\u200b\u6bd4\u5982\u8bf4\u200b\u624b\u67c4\u200b\u3001\u200b\u6309\u94ae\u200b\u3001\u200b\u628a\u624b\u200b\u3001\u200b\u63a7\u5236\u6746\u200b\u3001\u200b\u5f00\u5173\u200b\u4ee5\u53ca\u200b\u952e\u200b\uff09\u200b\u6216\u200b\u53ef\u7528\u200b\u90e8\u5206\u200b\u4ee5\u200b\u67d0\u79cd\u200b\u65b9\u5f0f\u200b\u88ab\u200b\u6539\u53d8\u200b\u6216\u200b\u64cd\u4f5c\u200b\uff0c\u200b\u5c31\u200b\u53ef\u4ee5\u200b\u5728\u200b\u8868\u73b0\u200b\u5c42\u200b\u5bf9\u200b\u5176\u200b\u8fdb\u884c\u200b\u8861\u91cf\u200b\u3002\u200b\u6bd4\u5982\u8bf4\u200b\uff0c\u200b\u8d1f\u8d23\u200b\u72ec\u7acb\u200b\u64cd\u4f5c\u200b\u7684\u200b\u4e24\u4e2a\u200b\u6309\u94ae\u200b\u88ab\u200b\u653e\u7f6e\u200b\u5728\u200b\u4e0d\u540c\u200b\u7684\u200b\u8ddd\u79bb\u200b\u4ece\u800c\u200b\u6d4b\u91cf\u200b\u7528\u6237\u200b\u8fde\u7eed\u200b\u5b8c\u6210\u200b\u8fd9\u200b\u4e24\u4e2a\u200b\u64cd\u4f5c\u200b\u7684\u200b\u65f6\u95f4\u200b\u3002\u200b\u6216\u8005\u200b\uff0c\u200b\u901a\u8fc7\u200b\u76f8\u540c\u200b\u7684\u200b\u64cd\u4f5c\u200b\u6765\u200b\u6d4b\u8bd5\u200b\u9519\u8bef\u7387\u200b\u3002\u200b\u6d89\u53ca\u200b\u884c\u4e3a\u200b\u5c42\u200b\u4f53\u9a8c\u200b\u7684\u200b\u4f8b\u5b50\u200b\u8fd8\u200b\u5305\u62ec\u200b\uff0c\u200b\u5f53\u200b\u6211\u4eec\u200b\u62ff\u51fa\u200b\u624b\u673a\u200b\u65f6\u200b\u80fd\u591f\u200b\u8fc5\u901f\u200b\u627e\u5230\u200b\u8054\u7cfb\u4eba\u200b\u5e76\u200b\u62e8\u6253\u200b\u53f7\u7801\u200b\u7684\u200b\u6109\u60a6\u611f\u200b\uff1b\u200b\u5728\u200b\u7535\u8111\u200b\u952e\u76d8\u200b\u4e0a\u200b\u80fd\u591f\u200b\u8f7b\u677e\u200b\u6253\u5b57\u200b\uff0c\u200b\u800c\u200b\u5728\u200b\u5c0f\u200b\u7684\u200b\u89e6\u5c4f\u200b\u8bbe\u5907\u200b\uff0c\u200b\u6bd4\u5982\u8bf4\u200biPod Touch\u200b\u4e0a\u200b\u6253\u5b57\u200b\u5c31\u200b\u6bd4\u8f83\u200b\u56f0\u96be\u200b\uff1b\u200b\u4ee5\u53ca\u200b\u6211\u4eec\u200b\u5728\u200b\u4f7f\u7528\u200b\u4e00\u4e2a\u200b\u8bbe\u8ba1\u200b\u826f\u597d\u200b\u7684\u200b\u7535\u8111\u6e38\u620f\u200b\u624b\u67c4\u200b\uff08\u200b\u5c31\u200b\u50cf\u200b\u6211\u200b\u7684\u200bN64\u200b\u63a7\u5236\u677f\u200b\uff09\u200b\u65f6\u200b\u7684\u200b\u4eab\u53d7\u200b\u3002\u200b\u884c\u4e3a\u200b\u5c42\u9762\u200b\u672c\u8d28\u200b\u4e0a\u200b\u662f\u200b\u6307\u200b\u6211\u4eec\u200b\u56e0\u200b\u5b8c\u6210\u200b\u6216\u200b\u672a\u80fd\u200b\u5b8c\u6210\u200b\u76ee\u6807\u200b\u800c\u200b\u4ea7\u751f\u200b\u7684\u200b\u60c5\u7eea\u200b\u3002\u200b\u5f53\u200b\u4ea7\u54c1\u200b/\u200b\u7269\u54c1\u200b\u80fd\u591f\u200b\u5e2e\u52a9\u200b\u6211\u4eec\u200b\u7528\u200b\u4e00\u70b9\u70b9\u200b\u6709\u610f\u8bc6\u200b\u7684\u200b\u52aa\u529b\u200b\uff0c\u200b\u5e76\u4e14\u200b\u6574\u4e2a\u200b\u8fc7\u7a0b\u200b\u4e2d\u200b\u9047\u5230\u200b\u6700\u5c11\u200b\u7684\u200b\u56f0\u96be\u200b\u5c31\u200b\u80fd\u200b\u5b8c\u6210\u200b\u76ee\u6807\u200b\uff0c\u200b\u8fd9\u65f6\u200b\u6211\u4eec\u200b\u7684\u200b\u60c5\u7eea\u200b\u5f88\u200b\u53ef\u80fd\u200b\u662f\u200b\u79ef\u6781\u200b\u7684\u200b\u3002\u200b\u76f8\u53cd\u200b\uff0c\u200b\u5f53\u200b\u4ea7\u54c1\u200b\u9650\u5236\u200b\u6211\u4eec\u200b\uff0c\u200b\u8feb\u4f7f\u200b\u6211\u4eec\u200b\u6839\u636e\u200b\u4ea7\u54c1\u200b\u7684\u200b\u9650\u5236\u200b\u6765\u200b\u89e3\u91ca\u200b\u6216\u200b\u8c03\u6574\u200b\u6211\u4eec\u200b\u7684\u200b\u76ee\u6807\u200b\uff0c\u200b\u6216\u8005\u200b\u53ea\u662f\u200b\u8ba9\u200b\u6211\u4eec\u200b\u5728\u200b\u4f7f\u7528\u200b\u4ea7\u54c1\u200b\u65f6\u200b\u5bc6\u5207\u200b\u5173\u6ce8\u200b\u8fd9\u4e9b\u200b\u76ee\u6807\u200b\u65f6\u200b\uff0c\u200b\u6211\u4eec\u200b\u66f4\u200b\u503e\u5411\u200b\u4e8e\u200b\u4ea7\u751f\u200b\u4e00\u4e9b\u200b\u8d1f\u9762\u200b\u60c5\u7eea\u200b\u3002
\u200b\u53cd\u601d\u200b\u5c42\u200b\u8bbe\u8ba1\u200b\u201c\u200b\u8003\u8651\u200b\u4ea7\u54c1\u200b\u7684\u200b\u5408\u7406\u5316\u200b\u548c\u200b\u667a\u80fd\u5316\u200b\u3002\u200b\u5173\u4e8e\u200b\u8be5\u200b\u4ea7\u54c1\u200b\u6211\u80fd\u200b\u8bb2\u8ff0\u200b\u4e00\u4e2a\u200b\u6545\u4e8b\u200b\u5417\u200b\uff1f\u200b\u5b83\u200b\u7b26\u5408\u200b\u6211\u200b\u7684\u200b\u81ea\u6211\u200b\u5f62\u8c61\u200b\uff0c\u200b\u6211\u200b\u7684\u200b\u81ea\u5c0a\u5fc3\u200b\u9700\u8981\u200b\u5417\u200b\uff1f\u201d\u200b\u8fd9\u200b\u5c31\u662f\u200b\u60c5\u611f\u200b\u8bbe\u8ba1\u200b\u7684\u200b\u6700\u9ad8\u200b\u5c42\u6b21\u200b\uff1b\u200b\u4ee3\u8868\u200b\u6211\u4eec\u200b\u6709\u610f\u8bc6\u200b\u6709\u200b\u601d\u60f3\u200b\u5730\u200b\u8fdb\u884c\u200b\u8bbe\u8ba1\u200b\uff1b\u200b\u6743\u8861\u200b\u5176\u200b\u4f18\u7f3a\u70b9\u200b\uff1b\u200b\u5229\u7528\u200b\u6211\u4eec\u200b\u66f4\u200b\u7ec6\u5fae\u200b\u548c\u200b\u7406\u6027\u200b\u7684\u200b\u4e00\u9762\u200b\u8fdb\u884c\u200b\u5224\u65ad\u200b\uff0c\u200b\u5e76\u200b\u63d0\u53d6\u200b\u4fe1\u606f\u200b\u4ee5\u200b\u786e\u5b9a\u200b\u5b83\u200b\u5bf9\u200b\u6211\u4eec\u200b\u4e2a\u4eba\u200b\u7684\u200b\u610f\u4e49\u200b\u3002\u200b\u53cd\u601d\u200b\u601d\u7ef4\u200b\u4f7f\u200b\u6211\u4eec\u200b\u80fd\u591f\u200b\u5408\u7406\u5316\u200b\u73af\u5883\u200b\u4fe1\u606f\u200b\u4ee5\u200b\u5f71\u54cd\u200b\u884c\u4e3a\u200b\u5c42\u200b\u3002\u200b\u6bd4\u5982\u8bf4\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u3002\u201d\u200b\u57fa\u4e8e\u200b\u8fd9\u200b\u4e00\u70b9\u200b\uff0c\u200b\u97e9\u56fd\u200b\u5927\u5b66\u200b\u7684\u200b\u7814\u7a76\u5458\u200bJaewon Choi\u200b\u548c\u200bSongcheol Kim\u200b\u8003\u5bdf\u200b\u4e86\u200b\u7528\u6237\u200b\u4f7f\u7528\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u7684\u200b\u76ee\u7684\u200b\u4e3b\u8981\u200b\u662f\u200b\u57fa\u4e8e\u200b\u4e24\u4e2a\u200b\u4e3b\u8981\u200b\u56e0\u7d20\u200b\uff0c\u200b\u4e00\u79cd\u200b\u662f\u200b\u7528\u6237\u200b\u5c06\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u89c6\u4e3a\u200b\u6280\u672f\u521b\u65b0\u200b\u53e6\u200b\u4e00\u79cd\u200b\u662f\u200b\u5c06\u200b\u5176\u200b\u4f5c\u4e3a\u200b\u5962\u4f88\u200b\u65f6\u5c1a\u200b\u4ea7\u54c1\u200b\u3002\u200b\u4ece\u200b\u7528\u6237\u200b\u89c6\u89d2\u200b\u6765\u770b\u200b\uff0c\u200b\u5c06\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u89c6\u4e3a\u200b\u4e00\u9879\u200b\u6280\u672f\u521b\u65b0\u200b\uff0c\u200b\u8fd9\u200b\u4e0e\u200b\u4ed6\u4eec\u200b\u5bf9\u200b\u8bbe\u5907\u200b\u7684\u200b\u5b9e\u7528\u6027\u200b\u548c\u200b\u6613\u7528\u6027\u200b\uff08\u200b\u884c\u4e3a\u200b\u5c42\u200b\uff09\u200b\u7684\u200b\u770b\u6cd5\u200b\u6709\u5173\u200b\u3002\u200b\u53e6\u4e00\u65b9\u9762\u200b\uff0c\u200b\u7528\u6237\u200b\u5c06\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u89c6\u4e3a\u200b\u4e00\u79cd\u200b\u5962\u4f88\u200b\u65f6\u5c1a\u200b\u4ea7\u54c1\u200b\uff0c\u200b\u8fd9\u200b\u65e2\u200b\u548c\u200b\u4ed6\u4eec\u200b\u5c06\u200b\u5982\u4f55\u200b\u4eab\u53d7\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u7684\u200b\u8ba4\u77e5\u200b\uff0c\u200b\u4e5f\u200b\u548c\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u5c06\u200b\u4e3a\u200b\u4ed6\u4eec\u200b\u63d0\u4f9b\u200b\u600e\u6837\u200b\u7684\u200b\u81ea\u6211\u200b\u8868\u73b0\u529b\u200b\u6709\u5173\u200b\uff08\u200b\u5373\u200b\u8868\u8fbe\u200b\u81ea\u5df1\u200b\u548c\u200b\u589e\u5f3a\u200b\u5f62\u8c61\u200b\u7684\u200b\u80fd\u529b\u200b\uff09\u3002\u200b\u4eab\u53d7\u200b\u548c\u200b\u81ea\u6211\u200b\u8868\u8fbe\u200b\u90fd\u200b\u53d7\u5230\u200b\u672c\u80fd\u200b\u5c42\u200b\u7684\u200b\u5f71\u54cd\u200b\uff08\u201c\u200b\u624b\u8868\u200b\u770b\u8d77\u6765\u200b\u6f02\u4eae\u200b\u5417\u200b\uff1f\u201d\uff09\u200b\u4f46\u200b\u4e5f\u200b\u5f88\u200b\u53d7\u5230\u200b\u53cd\u601d\u200b\u5c42\u200b\u7684\u200b\u5f71\u54cd\u200b\uff08\u201c\u200b\u5f53\u200b\u6211\u200b\u7684\u200b\u670b\u53cb\u200b\u770b\u5230\u200b\u6211\u200b\u6234\u200b\u7740\u200b\u8fd9\u200b\u53ea\u8868\u65f6\u200b\uff0c\u200b\u4ed6\u4eec\u200b\u4f1a\u200b\u600e\u4e48\u200b\u60f3\u200b\uff1f\u201d\uff09\u3002
\u200b\u53cd\u601d\u200b\u5c42\u200b\u8c03\u8282\u200b\u4e86\u200b\u884c\u4e3a\u200b\u5c42\u200b\u5e26\u6765\u200b\u7684\u200b\u5f71\u54cd\u200b\u2014\u2014\u200b\u7528\u6237\u200b\u5f88\u200b\u53ef\u80fd\u200b\u4f1a\u200b\u5fcd\u53d7\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u6613\u7528\u6027\u200b\u65b9\u9762\u200b\u7684\u200b\u56f0\u96be\u200b\u548c\u200b\u7f3a\u70b9\u200b\uff0c\u200b\u56e0\u4e3a\u200b\u4ed6\u4eec\u200b\u76f8\u4fe1\u200b\u4ed6\u4eec\u200b\u80fd\u200b\u4ece\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u4e2d\u200b\u83b7\u5f97\u200b\u5176\u4ed6\u200b\u975e\u200b\u529f\u80fd\u6027\u200b\u7684\u200b\u5229\u76ca\u200b\u3002\u200b\u82f9\u679c\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u7684\u200b\u7b2c\u4e00\u4e2a\u200b\u7248\u672c\u200b\u5145\u6ee1\u200b\u4e86\u200b\u529f\u80fd\u200b\u95ee\u9898\u200b\u548c\u200b\u53ef\u7528\u6027\u200b\u95ee\u9898\u200b\uff0c\u200b\u4f46\u200b\u8fd9\u200b\u5e76\u200b\u6ca1\u6709\u200b\u963b\u6b62\u200b\u82f9\u679c\u200b\u5728\u200b\u9500\u552e\u200b\u667a\u80fd\u200b\u624b\u8868\u200b\u7684\u200b\u7b2c\u4e00\u5e74\u200b\u521b\u9020\u200b\u51fa\u200b\u5168\u7403\u200b\u624b\u8868\u200b\u4ea7\u4e1a\u200b\u7684\u200b\u7b2c\u4e8c\u200b\u5927\u200b\u6536\u5165\u200b\uff01
\u200b\u5728\u200b\u8fd9\u91cc\u200b\uff0c\u200b\u6211\u4eec\u200b\u4ecb\u7ecd\u200b\u4e86\u200b\u5510\u200b\u00b7\u200b\u8bfa\u66fc\u200b\u7684\u200b\u4e09\u4e2a\u200b\u8bbe\u8ba1\u200b\u5c42\u6b21\u200b\uff1a\u200b\u8bbe\u8ba1\u200b\u7684\u200b\u672c\u80fd\u200b\u5c42\u200b\u3001\u200b\u884c\u4e3a\u200b\u5c42\u200b\u548c\u200b\u53cd\u601d\u200b\u5c42\u200b\u3002\u200b\u8bbe\u8ba1\u200b\u7684\u200b\u672c\u80fd\u200b\u5c42\u6307\u200b\u7684\u200b\u662f\u200b\u8bbe\u8ba1\u200b\u7684\u200b\u7b2c\u4e00\u5370\u8c61\u200b\uff0c\u200b\u65e0\u8bba\u662f\u200b\u4ece\u200b\u7528\u6237\u200b\u5982\u4f55\u200b\u770b\u5f85\u200b\u4ea7\u54c1\u200b\uff0c\u200b\u8fd8\u662f\u200b\u4ece\u200b\u7528\u6237\u200b\u5bf9\u200b\u4ea7\u54c1\u200b\u7684\u200b\u611f\u53d7\u200b\u3002\u200b\u884c\u4e3a\u200b\u5c42\u200b\u662f\u200b\u6307\u200b\u4ea7\u54c1\u200b\u5728\u200b\u4f7f\u7528\u200b\u8fc7\u7a0b\u200b\u4e2d\u200b\u7684\u200b\u4f53\u9a8c\u200b\u3002\u200b\u5f53\u200b\u6211\u4eec\u200b\u60f3\u5230\u200b\u7528\u6237\u200b\u4f53\u9a8c\u200b\u65f6\u200b\uff0c\u200b\u6211\u4eec\u200b\u5e38\u5e38\u200b\u4f1a\u200b\u60f3\u5230\u200b\u8fd9\u4e2a\u200b\u5c42\u6b21\u200b\u3002\u200b\u53cd\u601d\u200b\u5c42\u200b\u662f\u200b\u6307\u200b\u7528\u6237\u200b\u5728\u200b\u4f7f\u7528\u200b\u524d\u200b\u3001\u200b\u4f7f\u7528\u200b\u4e2d\u200b\u548c\u200b\u4f7f\u7528\u200b\u540e\u200b\u5bf9\u200b\u4ea7\u54c1\u200b\u7684\u200b\u601d\u8003\u200b\u3002\u200b\u8fd9\u200b\u4e09\u4e2a\u200b\u5c42\u6b21\u200b\u90fd\u200b\u7ed3\u5408\u200b\u5728\u200b\u4e00\u8d77\u200b\u5f62\u6210\u200b\u4e86\u200b\u6574\u4e2a\u200b\u4ea7\u54c1\u200b\u4f53\u9a8c\u200b\u3002
Choi, J., & Kim, S. (2016). \u201cIs the smartwatch an IT product or a fashion product? A study on factors affecting the intention to use smartwatches\u201d. Computers in Human Behavior, 63, 777-786.
\u200b\u4f5c\u8005\u200b\uff1aAndreas Komninos
\u200b\u8bd1\u8005\u200b\uff1a\u200b\u5b54\u200b
\u200b\u5ba1\u7a3f\u200b\uff1aHoodie
\u200b\u5438\u5f15\u200b\u4eba\u200b\u7684\u200b\u4e8b\u7269\u200b\u603b\u8ba9\u200b\u4eba\u200b\u5fc3\u60c5\u200b\u6109\u60a6\u200b \u200b\u5e76\u200b\u53cd\u8fc7\u6765\u200b\u4fc3\u8fdb\u200b\u4ed6\u4eec\u200b\u7684\u200b\u601d\u7ef4\u200b\u66f4\u5177\u200b\u521b\u610f\u200b
\u200b\u7b80\u6d01\u200b\u4e0e\u200b\u7cbe\u70bc\u200b\uff1a\u200b\u7b80\u6d01\u200b\u3001\u200b\u7cbe\u70bc\u200b\u548c\u200b\u7cbe\u786e\u200b\u7684\u200b\u8868\u8fbe\u200b\u3002\u200b\u53bb\u9664\u200b\u4e0d\u5fc5\u8981\u200b\u7684\u200b\u5143\u7d20\u200b\uff0c\u200b\u4f7f\u200b\u8bbe\u8ba1\u200b\u66f4\u52a0\u200b\u7b80\u6d01\u660e\u4e86\u200b\u3002\u200b\u5173\u6ce8\u200b\u6838\u5fc3\u200b\u529f\u80fd\u200b\u548c\u200b\u4fe1\u606f\u200b\uff0c\u200b\u907f\u514d\u200b\u8fc7\u5ea6\u200b\u8bbe\u8ba1\u200b\u548c\u200b\u5197\u4f59\u200b\u3002
\u200b\u4f18\u96c5\u200b\u4e0e\u200b\u7f8e\u611f\u200b\uff1a\u200b\u8ffd\u6c42\u200b\u4f18\u96c5\u200b\u548c\u200b\u7f8e\u611f\u200b\u7684\u200b\u8bbe\u8ba1\u200b\u3002\u200b\u6ce8\u91cd\u200b\u7ebf\u6761\u200b\u7684\u200b\u6d41\u7545\u6027\u200b\u548c\u200b\u89c6\u89c9\u200b\u4e0a\u200b\u7684\u200b\u5e73\u8861\u200b\u3002\u200b\u901a\u8fc7\u200b\u7cbe\u5fc3\u200b\u7684\u200b\u6392\u7248\u200b\u3001\u200b\u5bf9\u6bd4\u200b\u548c\u200b\u6bd4\u4f8b\u200b\uff0c\u200b\u521b\u9020\u200b\u51fa\u200b\u4ee4\u4eba\u200b\u6109\u60a6\u200b\u7684\u200b\u89c6\u89c9\u6548\u679c\u200b\u3002
\u200b\u7528\u6237\u200b\u4f53\u9a8c\u200b\u81f3\u4e0a\u200b\uff1a\u200b\u4ee5\u200b\u7528\u6237\u200b\u4e3a\u200b\u4e2d\u5fc3\u200b,\u200b\u5173\u6ce8\u200b\u7528\u6237\u200b\u9700\u6c42\u200b\u548c\u200b\u884c\u4e3a\u200b\u6a21\u5f0f\u200b\uff0c\u200b\u521b\u9020\u200b\u51fa\u200b\u7b80\u5355\u200b\u76f4\u89c2\u200b\u3001\u200b\u6613\u4e8e\u200b\u4f7f\u7528\u200b\u7684\u200b\u4ea7\u54c1\u200b\u548c\u200b\u754c\u9762\u200b\u3002\u200b\u901a\u8fc7\u200b\u51cf\u5c11\u200b\u590d\u6742\u6027\u200b\u548c\u200b\u63d0\u4f9b\u200b\u65e0\u7f1d\u200b\u7684\u200b\u4ea4\u4e92\u200b\u4f53\u9a8c\u200b\uff0c\u200b\u4f7f\u200b\u7528\u6237\u200b\u4e0e\u200b\u4ea7\u54c1\u200b\u4e4b\u95f4\u200b\u7684\u200b\u4e92\u52a8\u200b\u66f4\u52a0\u200b\u81ea\u7136\u200b\u6d41\u7545\u200b\u3002
\u200b\u5f3a\u8c03\u200b\u7ec6\u8282\u200b\uff1a\u200b\u4ece\u200b\u5b57\u4f53\u200b\u9009\u62e9\u200b\u5230\u200b\u989c\u8272\u200b\u642d\u914d\u200b\uff0c\u200b\u4ece\u200b\u56fe\u6807\u200b\u8bbe\u8ba1\u200b\u5230\u200b\u52a8\u753b\u200b\u6548\u679c\u200b\uff0c\u200b\u90fd\u200b\u9700\u8981\u200b\u7ecf\u8fc7\u200b\u7cbe\u5fc3\u200b\u7684\u200b\u8003\u8651\u200b\u548c\u200b\u628a\u200b\u63a7\u200b\u3002\u200b\u7ec6\u8282\u200b\u7684\u200b\u5173\u6ce8\u200b\u4f7f\u5f97\u200b\u4ea7\u54c1\u200b\u7684\u200b\u6574\u4f53\u200b\u8d28\u611f\u200b\u66f4\u200b\u51fa\u8272\u200b\u3002
\u200b\u521b\u65b0\u200b\u4e0e\u200b\u7a81\u7834\u200b\uff1a\u200b\u9f13\u52b1\u200b\u521b\u65b0\u200b\u548c\u200b\u7a81\u7834\u200b\u4f20\u7edf\u89c2\u5ff5\u200b\u7684\u200b\u601d\u7ef4\u200b\u65b9\u5f0f\u200b\u3002\u200b\u5c06\u200b\u4e0d\u540c\u200b\u7684\u200b\u5143\u7d20\u200b\u878d\u5408\u200b\u5728\u200b\u4e00\u8d77\u200b\uff0c\u200b\u521b\u9020\u200b\u51fa\u200b\u72ec\u7279\u200b\u7684\u200b\u8bbe\u8ba1\u200b\u89e3\u51b3\u65b9\u6848\u200b\u3002\u200b\u5728\u200b\u8bbe\u8ba1\u200b\u4e2d\u200b\u5bfb\u627e\u200b\u7a81\u7834\u70b9\u200b\uff0c\u200b\u63d0\u4f9b\u200b\u65b0\u9896\u200b\u800c\u200b\u5bcc\u6709\u200b\u521b\u610f\u200b\u7684\u200b\u4f53\u9a8c\u200b\u3002
\u200b\u6545\u4e8b\u6027\u200b\u4e0e\u200b\u60c5\u611f\u200b\u5171\u9e23\u200b\uff1a\u200b\u60c5\u611f\u200b\u5171\u9e23\u200b\u548c\u200b\u6545\u4e8b\u6027\u200b\u7684\u200b\u4f53\u9a8c\u200b\u3002\u200b\u8bbe\u8ba1\u200b\u6765\u200b\u4f20\u9012\u200b\u4ea7\u54c1\u200b\u7684\u200b\u80cc\u540e\u200b\u6545\u4e8b\u200b\u548c\u200b\u54c1\u724c\u200b\u7684\u200b\u4ef7\u503c\u89c2\u200b\u3002\u200b\u901a\u8fc7\u200b\u7b80\u5355\u200b\u800c\u200b\u6709\u529b\u200b\u7684\u200b\u8bbe\u8ba1\u200b\u8bed\u8a00\u200b\uff0c\u200b\u6fc0\u53d1\u200b\u7528\u6237\u200b\u7684\u200b\u60c5\u611f\u200b\u5171\u9e23\u200b\u548c\u200b\u5bf9\u200b\u4ea7\u54c1\u200b\u7684\u200b\u8ba4\u540c\u200b\u3002
\u3010\u26a1\u200b\u554a\u200b\uff01\u200b\u8bbe\u8ba1\u200b\uff0c\u200b\u662f\u200b\u4ec0\u4e48\u200b\u5462\u200b\uff1f\u26a1\u3011
\"Follow this arduous journey to reach the stars\"
Quick Chat(1) Contact Me(2)
Mkdocs Tutorial
About
This site is already running
The sun always warms sunflowers\u00a0\u21a9
\u200b\u4ee5\u4e0b\u200b\u662f\u200b\u76f8\u5173\u200b\u6807\u7b7e\u200b\u7684\u200b\u5217\u8868\u200b
Mkdocs\u200b\u535a\u5ba2\u200b\u4e3b\u9898\u200b
\u200b\u5728\u200bmain.html \u200b\u91cc\u200b\u81ea\u884c\u200b\u4fee\u6539\u200b\u5373\u53ef\u200b