{"id":39166,"date":"2023-02-28T18:31:38","date_gmt":"2023-08-13T20:51:37","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/"},"modified":"2024-04-29T16:45:31","modified_gmt":"2024-04-29T08:45:31","slug":"%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/","title":{"rendered":"\u6211\u521b\u5efa\u4e86\u4e00\u4e2a GitHub \u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\u7f72\u5230 GitHub Pages\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u7684\u7ecf\u5386"},"content":{"rendered":"

\u8fd9\u7bc7\u6587\u7ae0\u662f Angular 2019 \u5e74\u5ea6\u5723\u8bde\u65e5\u5386\u7684\u7b2c\u4e00\u7bc7\u6587\u7ae0\u3002
\n\u4eca\u5e74\u6211\u53c8\u4e00\u6b21\u5728\u7b2c\u4e00\u5929\u8df3\u8fdb\u6765 @kasaharu\u3002
\n\u4eca\u5e74\u4f3c\u4e4e\u8fd8\u6709 Angular #2 \u7684 2019 \u5e74\u5ea6\u5723\u8bde\u65e5\u5386\u54e6\u3002<\/p>\n

\u5236\u4f5c\u9002\u7528\u4e8e Angular \u5e94\u7528\u7684 GitHub \u6a21\u677f\u3002<\/h1>\n

\u8fd9\u4e2a\u6545\u4e8b\u662f\u5173\u4e8e\u521b\u5efa\u4e86\u4e00\u4e2aGitHub\u6a21\u677f\uff0c\u628a\u4e00\u4e9b\u5728\u65b0\u5efaAngular\u5e94\u7528\u540e\u5e94\u8be5\u505a\u7684\u4e8b\u60c5\u6574\u5408\u5728\u4e00\u8d77\uff0c\u6700\u7ec8\u80fd\u591f\u90e8\u7f72\u5230GitHub Pages\u4e0a\u3002\u8fd9\u4e9b\u6b65\u9aa4\u53ef\u80fd\u5bf9\u4e8e\u5176\u4ed6\u5e94\u7528\u4e5f\u53ef\u80fd\u6709\u7528(?)\u3002<\/p>\n

\u5b8c\u6210\u54c1\u5728\u9019\u88e1\u3002<\/h1>\n

\u7b20\u539f \/ \u5462\u5583\u57fa\u7840<\/p>\n

\u4f7f\u7528\u65b9\u6cd5<\/h2>\n

\u6309\u7167\u6a21\u677f\u521b\u5efa\u5b58\u50a8\u5e93\u4e2d\u6240\u8ff0\u7684\u6b65\u9aa4\uff0c\u4eceGitHub\u6a21\u677f\u521b\u5efa\u5b58\u50a8\u5e93\u3002
\n\u521b\u5efa\u5b58\u50a8\u5e93\u540e\uff0c\u6309\u7167\u4ee5\u4e0b\u6b65\u9aa4\u6267\u884c\u514b\u9686\u5230\u90e8\u7f72\u3002<\/p>\n

$ <\/span>git clone [<\/span>the-repositoryname]\r\n$ <\/span>cd<\/span> [<\/span>the-repositoryname]\r\n$ <\/span>yarn\r\n$ <\/span>yarn ng deploy --base-href<\/span>=<\/span>\/[the-repositoryname]\/\r\n<\/code><\/pre>\n
\u5f53\u4f60\u5b8c\u6210\u90e8\u7f72\u540e\uff0c\u8bbf\u95ee https:\/\/[\u4f60\u7684\u7528\u6237\u540d].github.io\/[\u4ed3\u5e93\u540d\u79f0] \u5c31\u53ef\u4ee5\u770b\u5230\u9875\u9762\u3002<\/p>\n
\u6709\u4ec0\u4e48\u88ab\u5305\u62ec\u8fdb\u53bb\u4e86\uff1f<\/h2>\n
\u5982\u679c\u6309\u7167kasaharu\/ng-basis\u7684\u65b9\u5f0f\u6765\u521b\u5efa\u7684\u8bdd\uff0c\u53ef\u4ee5\u901a\u8fc7\u5c06kasaharu\/ng-basis\u4f5c\u4e3a\u6a21\u677f\u5728GitHub\u4e0a\u521b\u5efa\u4e00\u4e2a\u4ed3\u5e93\uff0c\u8fd9\u6837\u4ee5\u4e0b\u7684\u6b65\u9aa4\u5c31\u4e0d\u518d\u9700\u8981\u4e86\uff01<\/p>\n
\u51c6\u5907<\/h1>\n
\u9996\u5148\u51c6\u5907Angular\u5e94\u7528\u7a0b\u5e8f\u3002\u672c\u6b21\u4f7f\u7528Angular CLI v9.0.0-rc.3\u8fdb\u884c\u8bbe\u7f6e\uff0c\u5e76\u9009\u62e9\u4e86\u6709Routing\u529f\u80fd\u4ee5\u53ca\u4f7f\u7528SCSS\u4f5c\u4e3a\u6837\u5f0f\u8868\u683c\u5f0f\u6765\u5f00\u59cb\u3002<\/p>\n
$ <\/span>npx @angular\/cli@next new ng-basis\r\n\/\/ \u203b \u4f5c\u6210\u3057\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u306e @next \u304c v9.0.0-rc.3 \u3060\u3063\u305f\u3060\u3051\u3067 @next \u3092\u3064\u3051\u308b\u3068 v9.0.0-rc.3 \u306b\u306a\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u3067\u3059\r\n<\/code><\/pre>\n
\u751f\u6210\u4e4b\u540e\uff0c\u8bf7\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4\u3002<\/p>\n
$ <\/span>cd <\/span>ng-basis\r\n$ <\/span>yarn start\r\n<\/code><\/pre>\n
\u53ea\u9700\u8fd9\u4e00\u4e2a\u6b65\u9aa4\uff0c\u5c31\u53ef\u4ee5\u542f\u52a8 Angular \u5e94\u7528\u3002
\n\u73b0\u5728\u51c6\u5907\u5c31\u7eea\uff0c\u63a5\u4e0b\u6765\u6211\u5c06\u4ecb\u7ecd\u5982\u4f55\u4f7f\u7528 ng-basis \u8fdb\u884c\u9884\u5148\u8bbe\u7f6e\u3002<\/p>\n
\u5f15\u5165\u4ee3\u7801\u683c\u5f0f\u5316\u5de5\u5177\u548c\u4ee3\u7801\u68c0\u67e5\u5de5\u5177\u3002<\/h1>\n
\u4e3a\u4ec0\u4e48\uff1f<\/h2>\n
\u5728\u56e2\u961f\u5f00\u53d1\u4e2d\uff0c\u7531\u4e8e\u601d\u8003\u548c\u7ecf\u9a8c\u7684\u5dee\u5f02\uff0c\u4e66\u5199\u65b9\u5f0f\u5f80\u5f80\u4f1a\u5206\u6563\uff0c\u964d\u4f4e\u6574\u4f53\u7684\u53ef\u8bfb\u6027\u662f\u4e00\u4e2a\u5e38\u89c1\u95ee\u9898\u3002
\n\u4ece\u7a7a\u683c\u548c\u6362\u884c\u7684\u7edf\u4e00\u6027\u65b9\u9762\u6765\u770b\uff0c\u53ef\u80fd\u4f1a\u5bfc\u81f4\u5faa\u73af\u590d\u6742\u5ea6\u589e\u52a0\uff0c\u5e76\u4e14\u4f1a\u51fa\u73b0\u7ef4\u62a4\u56f0\u96be\u7684\u95ee\u9898\u3002
\n\u7531\u4e8e\u5c0f\u7684\u5dee\u5f02\u53ef\u80fd\u6210\u4e3a\u8ba8\u8bba\u7684\u6839\u6e90\uff0c\u5982\u679c\u5c06\u8fd9\u4e9b\u95ee\u9898\u4ea4\u7ed9\u683c\u5f0f\u5316\u548c\u68c0\u67e5\u5de5\u5177\uff0c\u70e6\u607c\u4f1a\u51cf\u5c11\u3002<\/p>\n
\u6b65\u9aa4<\/h2>\n
\u6211\u4eec\u9009\u62e9\u4e86 Prettier \u4f5c\u4e3a Formatter\uff0c\u5e76\u5728 Linter \u4e2d\u91c7\u7528\u4e86 TSLint \u548c stylelint\uff0c\u8fd9\u5df2\u6210\u4e3a\u9ed8\u8ba4\u9009\u62e9\u3002<\/p>\n
\u66f4\u6f02\u4eae<\/h3>\n
\"prettier.png\"<\/div>\n
$ <\/span>yarn add prettier --dev<\/span> --exact<\/span>\r\n<\/code><\/pre>\n
\u4e3a\u4e86\u7f16\u5199\u683c\u5f0f\u89c4\u5219\uff0c\u9700\u8981\u51c6\u5907\u4e00\u4e2a\u914d\u7f6e\u6587\u4ef6 .prettierrc.json\uff0c\u4ee5\u53ca\u4e00\u4e2a\u5217\u51fa\u4e0d\u60f3\u8fdb\u884c\u683c\u5f0f\u5316\u7684\u6587\u4ef6\u7684 .prettierignore\u3002\u5b83\u4eec\u5206\u522b\u4ee5\u5982\u4e0b\u7684\u65b9\u5f0f\u7f16\u5199\uff1a<\/p>\n
    \n
  • \n
      .prettierrc.json<\/ul>\n<\/li>\n<\/ul>\n
       <\/p>\n
        .prettierignore<\/ul>\n
        \u4e3a\u4e86\u4f7fnpm\u811a\u672c\u80fd\u591f\u6267\u884c\uff0c\u5c06\u4ee5\u4e0b\u5185\u5bb9\u6dfb\u52a0\u5230package.json\u4e2d\u3002<\/p>\n
          \"scripts\"<\/span>:<\/span> {<\/span>\r\n    ...<\/span>,<\/span>\r\n    \"prettier\"<\/span>:<\/span> \"prettier --write '.\/**\/*.{ts,html,scss}'\"<\/span>,<\/span>\r\n    \"prettier:check\"<\/span>:<\/span> \"prettier --check '.\/**\/*.{ts,html,scss}'\"<\/span>\r\n  }<\/span>,<\/span>\r\n<\/code><\/pre>\n
        \u7531\u4e8e\u9ed8\u8ba4\u4ee3\u7801\u6709\u53ef\u683c\u5f0f\u5316\u7684\u7a7a\u95f4\uff0c\u56e0\u6b64\u8bf7\u6267\u884c”yarn prettier”\u3002<\/p>\n
        TSLint – TSLint<\/h2>\n
        \"tslint.png\"<\/div>\n
        \u5c3d\u7ba1\u5728TypeScript\u4e2d\uff0cLinter\u6b63\u9010\u6e10\u8f6c\u5411ESLint\uff0c\u4f46\u7531\u4e8eAngular CLI\u4ecd\u7136\u4f7f\u7528TSLint\uff0c\u56e0\u6b64\u6211\u4eec\u5c06\u7ee7\u7eed\u9075\u5faaAngular\u65b9\u5f0f\u3002
        \n\u5982\u679c\u4f7f\u7528Angular CLI\u521b\u5efa\u5e94\u7528\u7a0b\u5e8f\uff0cTSLint\u5c06\u88ab\u5b89\u88c5\uff0c\u5e76\u8fdb\u884c\u89c4\u5219\u66f4\u65b0\u3002
        \n\u66f4\u65b0\u540e\uff0c\u5c06\u5176\u914d\u7f6e\u4e3a\u7c7b\u4f3ctslint.json\u7684\u683c\u5f0f\u3002
        \n\u7531\u4e8e\u6bcf\u4e2a\u56e2\u961f\u5bf9\u7ec6\u8282\u6709\u4e0d\u540c\u8981\u6c42\uff0c\u56e0\u6b64\u4ecd\u5b58\u5728\u6539\u8fdb\u7684\u7a7a\u95f4\u3002
        \n\u5f53\u66f4\u6539\u89c4\u5219\u65f6\uff0c\u73b0\u6709\u7684\u4ee3\u7801\u53ef\u80fd\u4f1a\u51fa\u73b0lint\u9519\u8bef\uff0c\u56e0\u6b64\u6211\u4eec\u4f1a\u4f7f\u7528$ yarn lint –fix\u6765\u4fee\u590d\u3002<\/p>\n
        \u8003\u8651\u5230 import \u7684\u987a\u5e8f\u5f88\u91cd\u8981\uff0c\u56e0\u6b64\u5728 src\/test.ts \u4e2d\u4f7f\u7528 \/* tslint:disable:ordered-imports *\/ \u6765\u7981\u7528 TSLint \u89c4\u5219\u3002<\/p>\n
        stylelint -> \u6837\u5f0f\u89c4\u8303\u68c0\u67e5<\/h2>\n
        \"stylelint.png\"<\/div>\n
        \u4e3a\u4e86 SCSS\uff0c\u6211\u4eec\u5c06\u5f15\u5165 stylelint \u4f5c\u4e3a Linter\u3002\u6211\u4eec\u8fd8\u4f1a\u4e00\u8d77\u5b89\u88c5\u63a8\u8350\u7684 standard \u89c4\u5219\uff0c\u4ee5\u4fbf\u7acb\u5373\u4f7f\u7528\u3002<\/p>\n
        $ <\/span>yarn add stylelint stylelint-config-standard -D<\/span>\r\n<\/code><\/pre>\n
        \u4f7f\u7528Angular CLI\u521b\u5efa\u7ec4\u4ef6\u65f6\uff0c\u9ed8\u8ba4\u4f1a\u751f\u6210\u4e00\u4e2a\u7a7a\u7684\u6837\u5f0f\u6587\u4ef6\u3002\u4e3a\u4e86\u5141\u8bb8\u5b58\u5728\u7a7a\u7684\u6837\u5f0f\u6587\u4ef6\uff0c\u6211\u4eec\u9700\u8981\u51c6\u5907\u4e00\u4e2a.stylelintrc\u6587\u4ef6\uff0c\u5e76\u5c06no-empty-source\u89c4\u5219\u7981\u7528\u3002<\/p>\n
        {\r\n  \"extends\": \"stylelint-config-standard\",\r\n  \"rules\": {\r\n    \"no-empty-source\": null\r\n  }\r\n}\r\n<\/code><\/pre>\n
        \u7f16\u8bd1\u5668\u9009\u9879\u7684\u5ba1\u67e5<\/h1>\n
        Angular \u5e94\u7528\u7a0b\u5e8f\u6709\u4e24\u4e2a CompilerOptions\uff0c\u4e00\u4e2a\u662f TypeScript CompilerOptions\uff0c\u53e6\u4e00\u4e2a\u662f Angular CompilerOptions\u3002\u7531\u4e8e\u5b83\u4eec\u90fd\u9700\u8981\u5728 tsconfig.json \u4e2d\u8fdb\u884c\u914d\u7f6e\uff0c\u56e0\u6b64\u9700\u8981\u6dfb\u52a0\u6240\u9700\u7684\u89c4\u5219\u3002<\/p>\n
        TypeScript\u7f16\u8bd1\u9009\u9879<\/h2>\n
        \u60a8\u53ef\u4ee5\u5728\u6b64\u5904\u67e5\u770bTypeScript\u7684CompilerOptions\u3002<\/p>\n
        \u4e25\u683c<\/h3>\n
        \u4ee5\u4e0b\u662f\u5c06Typescript\u89c4\u5219\u4e00\u6b21\u6027\u4e25\u683c\u5316\u7684\u89c4\u5219\u3002\u4ee5\u4e0b\u89c4\u5219\u5c06\u4f1a\u751f\u6548\u3002<\/p>\n
        \n
        \u30eb\u30fc\u30eb\u540d\u30eb\u30fc\u30ebnoImplicitAny\u6697\u9ed9\u306e any \u3092\u8a31\u53ef\u3057\u306a\u3044noImplicitThis\u6697\u9ed9\u306e any \u3092\u8fd4\u3059 this \u5f0f\u3092\u8a31\u53ef\u3057\u306a\u3044alwaysStrictuse strict \u3092\u3064\u3051\u308bstrictBindCallApply\u95a2\u6570\u306e bind, call, apply \u30e1\u30bd\u30c3\u30c9\u306e\u30c1\u30a7\u30c3\u30af\u304c\u53b3\u683c\u306b\u306a\u308bstrictNullChecksnull \u30c1\u30a7\u30c3\u30af\u304c\u53b3\u683c\u306b\u306a\u308bstrictFunctionTypes\u95a2\u6570\u578b\u306e\u30c1\u30a7\u30c3\u30af\u304c\u53b3\u683c\u306b\u306a\u308bstrictPropertyInitializationclass \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u521d\u671f\u5024\u306e\u30c1\u30a7\u30c3\u30af\u304c\u53b3\u683c\u306b\u306a\u308b<\/div>\n<\/div>\n
        \u4ece Angular CLI \u7684 v9 \u5f00\u59cb\uff0c\u53ef\u4ee5\u5728\u4f7f\u7528 ng new \u547d\u4ee4\u521b\u5efa\u5e94\u7528\u7a0b\u5e8f\u65f6\u6307\u5b9a –strict \u9009\u9879\uff0c\u56e0\u6b64\u53ef\u4ee5\u770b\u51fa\u8981\u6c42\u8fdb\u884c\u4e25\u683c\u7684\u8bbe\u7f6e\u3002<\/p>\n
        \u4e0d\u4f7f\u7528\u672a\u4f7f\u7528\u7684\u672c\u5730\u53d8\u91cf \/ \u4e0d\u4f7f\u7528\u672a\u4f7f\u7528\u7684\u53c2\u6570<\/h3>\n
        \u5f53\u5b58\u5728\u672a\u4f7f\u7528\u7684\u5c40\u90e8\u53d8\u91cf\u6216\u53c2\u6570\u65f6\uff0c\u5c06\u542f\u7528\u9519\u8bef\u89c4\u5219\u3002<\/p>\n
        \u4e0d\u4f7f\u7528\u9690\u5f0f\u8fd4\u56de<\/h3>\n
        \u53ea\u8981\u51fd\u6570\u5185\u7684\u6240\u6709\u6761\u4ef6\u6ca1\u6709\u8fd4\u56de\u503c\uff0c\u5c31\u4f1a\u751f\u6548\u9519\u8bef\u89c4\u5219\u3002<\/p>\n
        Angular\u7f16\u8bd1\u9009\u9879<\/h2>\n
        \u53ef\u4ee5\u5728\u8fd9\u91cc\u67e5\u770b Angular \u7684 CompilerOptions\u3002
        \n\u5728 v9 \u4e2d\uff0c\u6211\u4eec\u8981\u8ba8\u8bba\u7684\u4e24\u4e2a\u9009\u9879\u5c06\u88ab\u9ed8\u8ba4\u8bbe\u7f6e\u4e3a true\u3002<\/p>\n
        \u5168\u9762\u7684\u6a21\u677f\u7c7b\u578b\u68c0\u67e5<\/h3>\n
        \u8fd9\u662f\u4e00\u4e2a\u4f7f\u7ed1\u5b9a\u8868\u8fbe\u5f0f\u5bf9\u6a21\u677f\u6587\u4ef6(*.html)\u8fdb\u884c\u9a8c\u8bc1\u7684\u89c4\u5219\u3002<\/p>\n
        \u8003\u8bd5\u5b89\u6392<\/h1>\n
        \u55ae\u5143\u6e2c\u8a66\u6642\u7684\u9078\u9805<\/h2>\n
        \u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0cnpm \u811a\u672c\u4f1a\u6267\u884c ng test \u8fdb\u884c\u6d4b\u8bd5\uff0c\u4f46\u5728\u8fd9\u91cc\u6211\u4eec\u4f1a\u4ecb\u7ecd ng test \u7684\u4e09\u4e2a\u9009\u9879\u3002<\/p>\n
        \n
        \u30aa\u30d7\u30b7\u30e7\u30f3\u540d\u8aac\u660e\u8a2d\u5b9a\u5024code-coverage\u30b3\u30fc\u30c9\u30ab\u30d0\u30ec\u30c3\u30b8\u306e\u30ec\u30dd\u30fc\u30c8truewatch\u76e3\u8996\u30e2\u30fc\u30c9falseprogress\u30d3\u30eb\u30c9\u4e2d\u306e\u30ed\u30b0\u51fa\u529bfalse<\/div>\n<\/div>\n
        \u901a\u8fc7\u66f4\u6539angular.json\u4e2d\u7684test architect\u9009\u9879\u53ef\u4ee5\u5b9e\u73b0\u914d\u7f6e\uff0c\u4f46\u672c\u6b21\u6211\u4eec\u4f7f\u7528npm\u811a\u672c\u6765\u6307\u5b9a\u9009\u9879\u3002
        \n\u5c06package.json\u66f4\u6539\u4e3a\u4ee5\u4e0b\u5185\u5bb9\u3002<\/p>\n
        -    \"test\": \"ng test\",\r\n<\/span>+    \"test\": \"ng test --code-coverage --watch false --progress false\",\r\n<\/span><\/code><\/pre>\n
        \u4ee3\u7801\u8986\u76d6\u7387<\/h2>\n
        \u901a\u8fc7\u4f7f\u7528\u4e0a\u8ff0\u914d\u7f6e\uff0ctest\u8fd0\u884c\u540e\u5c06\u663e\u793a\u4ee3\u7801\u8986\u76d6\u7387\u3002\u7136\u540e\uff0c\u6211\u4eec\u5c06\u4fee\u6539”karma.conf.js”\u6587\u4ef6\u5982\u4e0b\u6240\u793a\uff0c\u4ee5\u8bbe\u7f6e\u4ee3\u7801\u8986\u76d6\u7387\u7684\u9608\u503c\u3002\u5982\u679c\u6d4b\u8bd5\u8fd0\u884c\u540e\u7684\u4ee3\u7801\u8986\u76d6\u7387\u4f4e\u4e8e\u9608\u503c\uff0c\u5219\u4f1a\u62a5\u9519\uff08\u6216\u8b66\u544a\uff09\u3002<\/p>\n
             coverageIstanbulReporter: \r\n       dir: require('path').join(__dirname, '.\/coverage\/ng-basis'),\r\n       reports: ['html', 'lcovonly', 'text-summary'],\r\n       fixWebpackSourcePaths: true,\r\n+      thresholds: {\r\n+        emitWarning: false, \/\/ true \u306b\u3059\u308b\u3068\u95be\u5024\u306b\u5c4a\u3044\u3066\u3044\u306a\u304f\u3066\u3082\u30a8\u30e9\u30fc\u306b\u306a\u3089\u306a\u3044\r\n+        global: {\r\n+          statements: 100,\r\n+          lines: 100,\r\n+          branches: 100,\r\n+          functions: 100,\r\n+        },\r\n+      },\r\n<\/span>     },\r\n<\/code><\/pre>\n
        \u4e2d\u56fd\u8a9e\u4e2d\u5bf9\u4e8eCI\u7684\u8bbe\u5b9a<\/h2>\n
        \u4e3a\u4e86\u4f7f\u7528 HeadlessChrome \u8fd0\u884c CI\uff0c\u6211\u4eec\u9700\u8981\u6dfb\u52a0\u4e00\u4e9b\u8bbe\u7f6e\u3002\u5173\u4e8e\u5982\u4f55\u8fdb\u884c\u8bbe\u7f6e\u7684\u8bf4\u660e\u4e5f\u53ef\u4ee5\u5728\u201c\u914d\u7f6eCLI\u4ee5\u5728Chrome\u4e2d\u8fdb\u884cCI\u6d4b\u8bd5\u201d\u4e2d\u627e\u5230\u3002<\/p>\n
        \u5355\u5143\u6d4b\u8bd5<\/h3>\n
        \u7531\u4e8e\u5355\u5143\u6d4b\u8bd5\u662f\u5728 Karma \u4e2d\u6267\u884c\u7684\uff0c\u56e0\u6b64\u9700\u8981\u5728 karma.config.js \u4e2d\u6dfb\u52a0\u914d\u7f6e\u3002<\/p>\n
        @@ -35,6 +35,12 @@<\/span> module.exports = function(config) {\r\n     logLevel: config.LOG_INFO,\r\n     autoWatch: true,\r\n     browsers: ['Chrome'],\r\n+    customLaunchers: {\r\n+      ChromeHeadlessCI: {\r\n+        base: 'ChromeHeadless',\r\n+        flags: ['--no-sandbox'],\r\n+      },\r\n+    },\r\n<\/span>     singleRun: false,\r\n     restartOnFileChange: true,\r\n   });\r\n<\/code><\/pre>\n
        \u518d\u5c06\u4e13\u7528\u7684\u8fd0\u884c\u547d\u4ee4\u6dfb\u52a0\u5230npm\u811a\u672c\u4e2d\u3002<\/p>\n
             \"start\": \"ng serve\",\r\n     \"build\": \"ng build\",\r\n     \"test\": \"ng test --code-coverage --watch false --progress false\",\r\n+    \"test:ci\": \"yarn test --browsers=ChromeHeadlessCI\",\r\n<\/span>     \"lint\": \"ng lint\",\r\n     \"e2e\": \"ng e2e\",\r\n     \"stylelint\": \"stylelint '.\/**\/*.scss'\",\r\n<\/code><\/pre>\n
        E2E\u6d4b\u8bd5<\/h3>\n
        \u7531\u4e8e E2E \u6d4b\u8bd5\u662f\u7531 Protractor \u8fd0\u884c\u7684\uff0c\u6240\u4ee5\u9700\u8981\u51c6\u5907\u4e00\u4e2a\u4e13\u7528\u7684 protractor-ci.conf.js\u3002<\/p>\n
        const<\/span> config<\/span> =<\/span> require<\/span>(<\/span>'<\/span>.\/protractor.conf<\/span>'<\/span>).<\/span>config<\/span>;<\/span>\r\n\r\nconfig<\/span>.<\/span>capabilities<\/span> =<\/span> {<\/span>\r\n  browserName<\/span>:<\/span> '<\/span>chrome<\/span>'<\/span>,<\/span>\r\n  chromeOptions<\/span>:<\/span> {<\/span>\r\n    args<\/span>:<\/span> [<\/span>'<\/span>--headless<\/span>'<\/span>,<\/span> '<\/span>--no-sandbox<\/span>'<\/span>]<\/span>\r\n  }<\/span>\r\n};<\/span>\r\n\r\nexports<\/span>.<\/span>config<\/span> =<\/span> config<\/span>;<\/span>\r\n<\/code><\/pre>\n
        \u751f\u6210\u6307\u4ee4\u7684\u9009\u9879\u8bbe\u7f6e<\/h1>\n
        \u901a\u5e38\u60c5\u51b5\u4e0b\uff0c\u4f7f\u7528Angular CLI\u65f6\uff0c\u521b\u5efa\u7ec4\u4ef6\u548c\u670d\u52a1\u5e38\u5e38\u4f7f\u7528CLI\u7684generate\u547d\u4ee4\u3002\u56e0\u6b64\uff0c\u9884\u8ba1\u5982\u679c\u80fd\u591f\u5728\u751f\u6210\u540e\u81ea\u52a8\u8fdb\u884c\u4e00\u5b9a\u7a0b\u5ea6\u7684\u4ee3\u7801lint\u4fee\u590d\u7b49\u64cd\u4f5c\uff0c\u5c06\u4f1a\u63d0\u5347\u5f00\u53d1\u4f53\u9a8c\uff08DX\uff09\u3002<\/p>\n
        @schematics\/angular:component \u7ec4\u4ef6<\/h3>\n
        \n
        \u30d7\u30ed\u30d1\u30c6\u30a3\u8aac\u660e\u8a2d\u5b9a\u53ef\u80fd\u306a\u5024\u30c7\u30d5\u30a9\u30eb\u30c8\u5024styleCSS \u30d7\u30ea\u30d7\u30ed\u30bb\u30c3\u30b5\u306e\u6307\u5b9acss, scss, sass, less, stylcsschangeDetectionchange detection strategy \u306e\u6307\u5b9aDefault, OnPushDefaultlintFixlint –fix \u306e\u6307\u5b9atrue \/ falsefalse<\/div>\n<\/div>\n
        \u9664\u4e86 component \u4e4b\u5916\uff0c\u8fd8\u9700\u8981\u4e3a class\u3001directive\u3001module\u3001pipe\u3001service \u8bbe\u7f6e lintFix\u3002<\/p>\n
        @@ -2,6 +2,28 @@<\/span>\r\n   \"$schema\": \".\/node_modules\/@angular\/cli\/lib\/config\/schema.json\",\r\n   \"version\": 1, \r\n   \"newProjectRoot\": \"projects\",\r\n+  \"schematics\": {\r\n+    \"@schematics\/angular:class\": {\r\n+      \"lintFix\": true\r\n+    },\r\n+    \"@schematics\/angular:component\": {\r\n+      \"style\": \"scss\",\r\n+      \"changeDetection\": \"OnPush\",\r\n+      \"lintFix\": true\r\n+    },\r\n+    \"@schematics\/angular:directive\": {\r\n+      \"lintFix\": true\r\n+    },\r\n+    \"@schematics\/angular:module\": {\r\n+      \"lintFix\": true\r\n+    },\r\n+    \"@schematics\/angular:pipe\": {\r\n+      \"lintFix\": true\r\n+    },\r\n+    \"@schematics\/angular:service\": {\r\n+      \"lintFix\": true\r\n+    }\r\n+  },\r\n<\/span>   \"projects\": {\r\n     \"ng-basis\": {\r\n       \"projectType\": \"application\",\r\n<\/code><\/pre>\n
        \u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c s\u9879\u76ee – > ng-basis\uff08\u9879\u76ee\u540d\u79f0\uff09\u4e0b\u914d\u7f6e\uff0c \u4f46\u5728\u591a\u4e2a\u9879\u76ee\u4e2d\u8fdb\u884c\u9879\u76ee\u7ba1\u7406\u65f6\uff0c\u4e3a\u4e86\u5c06\u76f8\u540c\u7684\u6784\u56fe\u89c4\u5219\u5e94\u7528\u4e8e\u6240\u6709\u9879\u76ee\uff0c\u50cf\u672c\u4f8b\u4e00\u6837\u5728\u9876\u5c42\u6307\u5b9a\u4f1a\u66f4\u65b9\u4fbf\u3002<\/p>\n
        \u751f\u4ea7\u6784\u5efa\u7684\u6e90\u6620\u5c04\u914d\u7f6e<\/h1>\n
        \u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0csource map\u4e0d\u4f1a\u8f93\u51fa\uff0c\u4f46\u6709\u4e9b\u60c5\u51b5\u4e0b\u53ef\u80fd\u53ea\u60f3\u8f93\u51fa\u800c\u4e0d\u8fdb\u884c\u6253\u5305\u3002\u60a8\u53ef\u4ee5\u6839\u636e\u201cOptimization and source map configuration\u201d\u4e2d\u7684\u8bf4\u660e\u8fdb\u884c\u4ee5\u4e0b\u914d\u7f6e\u3002<\/p>\n
        \"build\"<\/span>:<\/span> {<\/span>\r\n  ...<\/span>\r\n  \"configurations\"<\/span>:<\/span> {<\/span>\r\n    \"production\"<\/span>:<\/span> {<\/span>\r\n      ...<\/span>\r\n      \"sourceMap\"<\/span>:<\/span> {<\/span> \"scripts\"<\/span>:<\/span> true<\/span>,<\/span> \"styles\"<\/span>:<\/span> false<\/span>,<\/span> \"hidden\"<\/span>:<\/span> true<\/span>,<\/span> \"vendor\"<\/span>:<\/span> true<\/span> },<\/span>\r\n    }<\/span>\r\n  }<\/span>\r\n}<\/span>\r\n<\/code><\/pre>\n
        \u91cd\u7f6eCSS<\/h1>\n
        \u5c06HTML5 Doctor Reset CSS\u4f5c\u4e3aReset CSS\u4f7f\u7528\u3002
        \n\u5c06Reset CSS\u653e\u7f6e\u4e8esrc\/assets\/styles\/reset.css\uff0c\u5e76\u5728angular.json\u7684build\u548ctest architect\u7684styles\u4e2d\u8fdb\u884c\u52a0\u8f7d\u3002<\/p>\n
        Node.js \u7248\u672c\u63a7\u5236<\/h1>\n
        \u5728\u8fdb\u884c\u524d\u7aef\u5f00\u53d1\u65f6\uff0c\u5bf9\u4e8e\u5728\u5f00\u53d1\u73af\u5883\u4e2d\u4f7f\u7528\u7684Node.js\u7684\u7248\u672c\u7ba1\u7406\u4e5f\u53d8\u5f97\u5f88\u91cd\u8981\u3002\u5982\u679c\u4f7f\u7528asdf\u6216nodenv\uff0c\u53ea\u9700\u5728\u9879\u76ee\u4e2d\u653e\u7f6e.node-version\u6587\u4ef6\uff0c\u8be5\u6587\u4ef6\u4f1a\u81ea\u52a8\u5207\u6362Node.js\u7684\u7248\u672c\uff0c\u975e\u5e38\u65b9\u4fbf\u3002<\/p>\n
        12.13.0\r\n<\/code><\/pre>\n
        \u7ffb\u65b0<\/h1>\n
        \"renovate.png\"<\/div>\n
        \u524d\u7aef\u5f00\u53d1\u53d8\u6210\u4e86\u4e00\u573a\u4e0e\u5305\u66f4\u65b0\u6218\u6597\u3002
        \n\u4e3a\u4e86\u6301\u7eed\u7684\u5305\u66f4\u65b0\uff0c\u6211\u4eec\u5c06\u5f15\u5165Renovate\u3002
        \n\u5173\u4e8e\u5982\u4f55\u4f7f\u7528Renovate\uff0c\u8bf7\u53c2\u8003https:\/\/qiita.com\/kasaharu\/items\/1af74b49e98658cf9a8e\uff01<\/p>\n
        \u5728\u4e2d\u56fd\uff0c\u539f\u6587\u7684\u6c49\u8bed\u8bd1\u6587\u5982\u4e0b\uff1a
        \n\u5728\u4f7f\u7528 Angular CLI \u8fdb\u884c\u7248\u672c\u5347\u7ea7\u65f6\uff0c\u6700\u521d\u5b89\u88c5\u7684\u5305\u4f1a\u4f7f\u7528 ng update \u547d\u4ee4\u8fdb\u884c\u5347\u7ea7\uff0c\u8fd9\u6837\u624d\u80fd\u7b26\u5408 Angular \u7684\u65b9\u5f0f\uff0c\u56e0\u6b64\u5728\u8fd9\u91cc\u6211\u4eec\u53ea\u4f1a\u542f\u7528\u81ea\u5df1\u989d\u5916\u5b89\u88c5\u7684\u5305\u3002\u4f8b\u5b50\uff09renovate.json<\/p>\n
        \u53ea\u9700\u4e00\u4e2a\u9009\u9879\uff0c\u5c06\u4ee5\u4e0b\u5185\u5bb9\u4ee5\u4e2d\u6587\u539f\u751f\u65b9\u5f0f\u8f6c\u8ff0\uff1a
        \n\u8981\u5c06GitHub\u6a21\u677f\u5e94\u7528\u4e8e\u4ece\u4e2d\u521b\u5efa\u7684\u4ed3\u5e93\uff0c\u60a8\u9700\u8981\u4ece\u8fd9\u4e2a\u94fe\u63a5\u5904\u8fdb\u884c\u8bbe\u7f6e\u3002<\/p>\n
        \u8fd9\u662f\u4e2a\u89e3\u51b3\u95ee\u9898\u7684\u597d\u673a\u4f1a\u3002<\/h1>\n
        \u4e3a\u4e86\u5b9e\u73b0\u81ea\u52a8\u5316\u68c0\u67e5\u683c\u5f0f\u3001\u68c0\u67e5\u9519\u8bef\u3001\u6784\u5efa\u548c\u6d4b\u8bd5\uff0c\u6211\u4eec\u5c06\u5f15\u5165CI\u3002\u6211\u4eec\u9009\u62e9\u4e86CircleCI\u3002\u5728\u5e94\u7528\u4e8e\u57fa\u4e8eGitHub\u6a21\u677f\u521b\u5efa\u7684\u5b58\u50a8\u5e93\u4e4b\u524d\uff0c\u9700\u8981\u5728CircleCI\u4eea\u8868\u677f\u4e0a\u8fdb\u884c”\u6dfb\u52a0\u9879\u76ee”\u64cd\u4f5c\uff0c\u6240\u4ee5\u6211\u4eec\u51b3\u5b9a\u6539\u7528\u65e0\u9700\u989d\u5916\u8bbe\u7f6e\u7684GitHub Actions\u3002\u5982\u679c\u9009\u62e9\u4f7f\u7528CircleCI\uff0c\u53ef\u4ee5\u53c2\u8003.circleci\/config.yml\u6587\u4ef6\u3002<\/p>\n
        GitHub Actions \u7684\u914d\u7f6e\u5982\u4e0b\uff1a<\/p>\n
        name<\/span>:<\/span> Node CI<\/span>\r\n\r\non<\/span>:<\/span> [<\/span>push<\/span>]<\/span>\r\n\r\njobs<\/span>:<\/span>\r\n  build<\/span>:<\/span>\r\n    runs-on<\/span>:<\/span> ubuntu-latest<\/span>\r\n\r\n    strategy<\/span>:<\/span>\r\n      matrix<\/span>:<\/span>\r\n        node-version<\/span>:<\/span> [<\/span>12.x<\/span>]<\/span>\r\n\r\n    steps<\/span>:<\/span>\r\n      -<\/span> uses<\/span>:<\/span> actions\/checkout@v1<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> Use Node.js ${{ matrix.node-version }}<\/span>\r\n        uses<\/span>:<\/span> actions\/setup-node@v1<\/span>\r\n        with<\/span>:<\/span>\r\n          node-version<\/span>:<\/span> ${{ matrix.node-version }}<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> Get yarn cache<\/span>\r\n        uses<\/span>:<\/span> actions\/cache@v1<\/span>\r\n        with<\/span>:<\/span>\r\n          path<\/span>:<\/span> node_modules<\/span>\r\n          key<\/span>:<\/span> ${{ runner.OS }}-yarn-${{ hashFiles('**\/yarn.lock') }}<\/span>\r\n          restore-keys<\/span>:<\/span> |<\/span>\r\n            ${{ runner.OS }}-yarn-<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> yarn install<\/span>\r\n        run<\/span>:<\/span> |<\/span>\r\n          yarn<\/span>\r\n        env<\/span>:<\/span>\r\n          CI<\/span>:<\/span> true<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> TSLint<\/span>\r\n        run<\/span>:<\/span> |<\/span>\r\n          yarn lint<\/span>\r\n        env<\/span>:<\/span>\r\n          CI<\/span>:<\/span> true<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> stylelint<\/span>\r\n        run<\/span>:<\/span> |<\/span>\r\n          yarn stylelint<\/span>\r\n        env<\/span>:<\/span>\r\n          CI<\/span>:<\/span> true<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> format<\/span>\r\n        run<\/span>:<\/span> |<\/span>\r\n          yarn prettier:check<\/span>\r\n        env<\/span>:<\/span>\r\n          CI<\/span>:<\/span> true<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> build<\/span>\r\n        run<\/span>:<\/span> |<\/span>\r\n          yarn build --prod<\/span>\r\n        env<\/span>:<\/span>\r\n          CI<\/span>:<\/span> true<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> unit test<\/span>\r\n        run<\/span>:<\/span> |<\/span>\r\n          yarn test:ci<\/span>\r\n        env<\/span>:<\/span>\r\n          CI<\/span>:<\/span> true<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> Archive code coverage results<\/span>\r\n        uses<\/span>:<\/span> actions\/upload-artifact@v1<\/span>\r\n        with<\/span>:<\/span>\r\n          name<\/span>:<\/span> code-coverage-report<\/span>\r\n          path<\/span>:<\/span> coverage<\/span>\r\n\r\n      -<\/span> name<\/span>:<\/span> e2e test<\/span>\r\n        run<\/span>:<\/span> |<\/span>\r\n          yarn e2e:ci<\/span>\r\n        env<\/span>:<\/span>\r\n          CI<\/span>:<\/span> true<\/span>\r\n<\/code><\/pre>\n
        \u90e8\u7f72<\/h1>\n
        \u5e94\u7528\u7a0b\u5e8f\u6700\u7ec8\u9700\u8981\u90e8\u7f72\u3002
        \n\u8fd9\u6b21\u6211\u4eec\u51b3\u5b9a\u5c06\u5b83\u90e8\u7f72\u5230GitHub Pages\u4e0a\u3002
        \n\u4e3a\u4e86\u5728GitHub Pages\u4e0a\u90e8\u7f72\uff0c\u6211\u4eec\u5c06\u4f7f\u7528angular-cli-ghpages\u8fd9\u4e2a\u5305\u3002
        \n\u60a8\u53ef\u4ee5\u901a\u8fc7\u4ee5\u4e0b\u65b9\u5f0f\u5b89\u88c5\u8be5\u5305\uff1a $ ng add\u3002<\/p>\n
        $ <\/span>yarn ng add angular-cli-ghpages\r\n<\/code><\/pre>\n
        \u6267\u884c\u4ee5\u4e0b\u547d\u4ee4\u5373\u53ef\u5c06\u5176\u90e8\u7f72\u5230 https:\/\/kasaharu.github.io\/ng-basis \u4e0a\uff0c\u90e8\u7f72\u975e\u5e38\u7b80\u5355\u3002<\/p>\n
        $ <\/span>yarn ng deploy --base-href<\/span>=<\/span>\/ng-basis\/\r\n<\/code><\/pre>\n
        \u603b\u7684\u6765\u8bf4<\/h1>\n
        \u672c\u6b21\u6211\u5206\u4eab\u4e86\u4e00\u4e2a\u5173\u4e8e\u4e3a Angular \u5e94\u7528\u7a0b\u5e8f\u521b\u5efa GitHub \u6a21\u677f\u7684\u6545\u4e8b\uff0c\u4e0d\u9700\u8981\u7f16\u5199\u4ee3\u7801\u5c31\u53ef\u4ee5\u8fdb\u884c\u90e8\u7f72\u3002
        \n\u5728\u8fd9\u4e2a\u8fc7\u7a0b\u4e2d\uff0c\u6211\u5c06\u524d\u7aef\u5f00\u53d1\u4e2d\u6700\u5148\u8981\u505a\u7684\u4e8b\u60c5\u548c\u5236\u4f5c Angular \u5e94\u7528\u7a0b\u5e8f\u65f6\u9700\u8981\u8bbe\u7f6e\u7684\u4fbf\u5229\u5185\u5bb9\u90fd\u5305\u62ec\u4e86\u8fdb\u53bb\u3002
        \nAngular \u548c\u5404\u79cd\u5305\u5c06\u5b9a\u671f\u8fdb\u884c\u66f4\u65b0\u3002
        \n\u7ed3\u675f\u3002<\/p>\n
        \u660e\u5929\u662f@ver1000000\u5148\u751f\u3002<\/p>\n
        \u8bf7\u53c2\u8003\u4ee5\u4e0b\u94fe\u63a5\u3002<\/h1>\n
          \n
        • \n
            \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304b\u3089\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u4f5c\u6210\u3059\u308b<\/ul>\n<\/li>\n<\/ul>\n
             <\/p>\n
              \n
            • \n
                TypeScript Compiler Options<\/ul>\n<\/li>\n<\/ul>\n
                 <\/p>\n
                  \n
                • \n
                    Angular \u30b3\u30f3\u30d1\u30a4\u30e9\u30aa\u30d7\u30b7\u30e7\u30f3<\/ul>\n<\/li>\n<\/ul>\n
                     <\/p>\n
                      \n
                    • \n
                        add strict compiler option to workspace tsconfig<\/ul>\n<\/li>\n<\/ul>\n
                         <\/p>\n
                          \n
                        • \n
                            Configure CLI for CI testing in Chrome<\/ul>\n<\/li>\n<\/ul>\n
                             <\/p>\n
                              \n
                            • \n
                                GitHub Page \u3092\u4f7f\u3046<\/ul>\n<\/li>\n<\/ul>\n
                                 <\/p>\n
                                  \n
                                • \n
                                    HTML5 Doctor Reset CSS<\/ul>\n<\/li>\n<\/ul>\n
                                     <\/p>\n
                                      diescake\/igata<\/ul>\n","protected":false},"excerpt":{"rendered":"
                                      \u8fd9\u7bc7\u6587\u7ae0\u662f Angular 2019 \u5e74\u5ea6\u5723\u8bde\u65e5\u5386\u7684\u7b2c\u4e00\u7bc7\u6587\u7ae0\u3002 \u4eca\u5e74\u6211\u53c8\u4e00\u6b21\u5728\u7b2c\u4e00\u5929\u8df3\u8fdb\u6765 @kasahar […]<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-39166","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\n\u6211\u521b\u5efa\u4e86\u4e00\u4e2a GitHub \u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\u7f72\u5230 GitHub Pages\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u7684\u7ecf\u5386 - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u6211\u521b\u5efa\u4e86\u4e00\u4e2a-github-\u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u6211\u521b\u5efa\u4e86\u4e00\u4e2a GitHub \u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\u7f72\u5230 GitHub Pages\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u7684\u7ecf\u5386\" \/>\n<meta property=\"og:description\" content=\"\u8fd9\u7bc7\u6587\u7ae0\u662f Angular 2019 \u5e74\u5ea6\u5723\u8bde\u65e5\u5386\u7684\u7b2c\u4e00\u7bc7\u6587\u7ae0\u3002 \u4eca\u5e74\u6211\u53c8\u4e00\u6b21\u5728\u7b2c\u4e00\u5929\u8df3\u8fdb\u6765 @kasahar […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u6211\u521b\u5efa\u4e86\u4e00\u4e2a-github-\u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-13T20:51:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-29T08:45:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d392437434c4406c78da2\/23-0.png\" \/>\n<meta name=\"author\" content=\"\u5b87, \u534e\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u5b87, \u534e\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/\",\"name\":\"\u6211\u521b\u5efa\u4e86\u4e00\u4e2a GitHub \u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\u7f72\u5230 GitHub Pages\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u7684\u7ecf\u5386 - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-08-13T20:51:37+00:00\",\"dateModified\":\"2024-04-29T08:45:31+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/513018e4e121d3add1b7c5de8be21458\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u6211\u521b\u5efa\u4e86\u4e00\u4e2a GitHub \u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\u7f72\u5230 GitHub Pages\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u7684\u7ecf\u5386\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/513018e4e121d3add1b7c5de8be21458\",\"name\":\"\u5b87, \u534e\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/63cd45cbc05a35fc4ff7637a163c83c4962ef58d27472726c3a3e0c9c5194f0f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/63cd45cbc05a35fc4ff7637a163c83c4962ef58d27472726c3a3e0c9c5194f0f?s=96&d=mm&r=g\",\"caption\":\"\u5b87, \u534e\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/yuhua\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u6211\u521b\u5efa\u4e86\u4e00\u4e2a GitHub \u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\u7f72\u5230 GitHub Pages\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u7684\u7ecf\u5386 - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u6211\u521b\u5efa\u4e86\u4e00\u4e2a-github-\u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\/","og_locale":"zh_CN","og_type":"article","og_title":"\u6211\u521b\u5efa\u4e86\u4e00\u4e2a GitHub \u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\u7f72\u5230 GitHub Pages\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u7684\u7ecf\u5386","og_description":"\u8fd9\u7bc7\u6587\u7ae0\u662f Angular 2019 \u5e74\u5ea6\u5723\u8bde\u65e5\u5386\u7684\u7b2c\u4e00\u7bc7\u6587\u7ae0\u3002 \u4eca\u5e74\u6211\u53c8\u4e00\u6b21\u5728\u7b2c\u4e00\u5929\u8df3\u8fdb\u6765 @kasahar […]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u6211\u521b\u5efa\u4e86\u4e00\u4e2a-github-\u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-08-13T20:51:37+00:00","article_modified_time":"2024-04-29T08:45:31+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d392437434c4406c78da2\/23-0.png"}],"author":"\u5b87, \u534e","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u5b87, \u534e","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"3 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/","name":"\u6211\u521b\u5efa\u4e86\u4e00\u4e2a GitHub \u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\u7f72\u5230 GitHub Pages\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u7684\u7ecf\u5386 - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-08-13T20:51:37+00:00","dateModified":"2024-04-29T08:45:31+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/513018e4e121d3add1b7c5de8be21458"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u6211\u521b\u5efa\u4e86\u4e00\u4e2a GitHub \u6a21\u677f\uff0c\u53ef\u4ee5\u5728\u521b\u5efa\u5b58\u50a8\u5e93\u540e\u5373\u53ef\u90e8\u7f72\u5230 GitHub Pages\uff0c\u800c\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u7684\u7ecf\u5386"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/513018e4e121d3add1b7c5de8be21458","name":"\u5b87, \u534e","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/63cd45cbc05a35fc4ff7637a163c83c4962ef58d27472726c3a3e0c9c5194f0f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/63cd45cbc05a35fc4ff7637a163c83c4962ef58d27472726c3a3e0c9c5194f0f?s=96&d=mm&r=g","caption":"\u5b87, \u534e"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/yuhua\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e6%88%91%e5%88%9b%e5%bb%ba%e4%ba%86%e4%b8%80%e4%b8%aa-github-%e6%a8%a1%e6%9d%bf%ef%bc%8c%e5%8f%af%e4%bb%a5%e5%9c%a8%e5%88%9b%e5%bb%ba%e5%ad%98%e5%82%a8%e5%ba%93%e5%90%8e%e5%8d%b3%e5%8f%af%e9%83%a8\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/39166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=39166"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/39166\/revisions"}],"predecessor-version":[{"id":86444,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/39166\/revisions\/86444"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=39166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=39166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=39166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}