告警监控解决方案.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <style>
  7. /* From extension vscode.github */
  8. /*---------------------------------------------------------------------------------------------
  9. * Copyright (c) Microsoft Corporation. All rights reserved.
  10. * Licensed under the MIT License. See License.txt in the project root for license information.
  11. *--------------------------------------------------------------------------------------------*/
  12. .vscode-dark img[src$=\#gh-light-mode-only],
  13. .vscode-light img[src$=\#gh-dark-mode-only],
  14. .vscode-high-contrast:not(.vscode-high-contrast-light) img[src$=\#gh-light-mode-only],
  15. .vscode-high-contrast-light img[src$=\#gh-dark-mode-only] {
  16. display: none;
  17. }
  18. </style>
  19. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/markdown.css">
  20. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/highlight.css">
  21. <style>
  22. body {
  23. font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
  24. font-size: 14px;
  25. line-height: 1.6;
  26. }
  27. </style>
  28. <style>
  29. .task-list-item {
  30. list-style-type: none;
  31. }
  32. .task-list-item-checkbox {
  33. margin-left: -20px;
  34. vertical-align: middle;
  35. pointer-events: none;
  36. }
  37. </style>
  38. <style>
  39. :root {
  40. --color-note: #0969da;
  41. --color-tip: #1a7f37;
  42. --color-warning: #9a6700;
  43. --color-severe: #bc4c00;
  44. --color-caution: #d1242f;
  45. --color-important: #8250df;
  46. }
  47. </style>
  48. <style>
  49. @media (prefers-color-scheme: dark) {
  50. :root {
  51. --color-note: #2f81f7;
  52. --color-tip: #3fb950;
  53. --color-warning: #d29922;
  54. --color-severe: #db6d28;
  55. --color-caution: #f85149;
  56. --color-important: #a371f7;
  57. }
  58. }
  59. </style>
  60. <style>
  61. .markdown-alert {
  62. padding: 0.5rem 1rem;
  63. margin-bottom: 16px;
  64. color: inherit;
  65. border-left: .25em solid #888;
  66. }
  67. .markdown-alert>:first-child {
  68. margin-top: 0
  69. }
  70. .markdown-alert>:last-child {
  71. margin-bottom: 0
  72. }
  73. .markdown-alert .markdown-alert-title {
  74. display: flex;
  75. font-weight: 500;
  76. align-items: center;
  77. line-height: 1
  78. }
  79. .markdown-alert .markdown-alert-title .octicon {
  80. margin-right: 0.5rem;
  81. display: inline-block;
  82. overflow: visible !important;
  83. vertical-align: text-bottom;
  84. fill: currentColor;
  85. }
  86. .markdown-alert.markdown-alert-note {
  87. border-left-color: var(--color-note);
  88. }
  89. .markdown-alert.markdown-alert-note .markdown-alert-title {
  90. color: var(--color-note);
  91. }
  92. .markdown-alert.markdown-alert-important {
  93. border-left-color: var(--color-important);
  94. }
  95. .markdown-alert.markdown-alert-important .markdown-alert-title {
  96. color: var(--color-important);
  97. }
  98. .markdown-alert.markdown-alert-warning {
  99. border-left-color: var(--color-warning);
  100. }
  101. .markdown-alert.markdown-alert-warning .markdown-alert-title {
  102. color: var(--color-warning);
  103. }
  104. .markdown-alert.markdown-alert-tip {
  105. border-left-color: var(--color-tip);
  106. }
  107. .markdown-alert.markdown-alert-tip .markdown-alert-title {
  108. color: var(--color-tip);
  109. }
  110. .markdown-alert.markdown-alert-caution {
  111. border-left-color: var(--color-caution);
  112. }
  113. .markdown-alert.markdown-alert-caution .markdown-alert-title {
  114. color: var(--color-caution);
  115. }
  116. </style>
  117. </head>
  118. <body class="vscode-body vscode-light">
  119. <blockquote>
  120. <p>告警监控解决方案</p>
  121. </blockquote>
  122. <ul>
  123. <li>方案一:使用laravel-monitor实现</li>
  124. <li>方案二:使用laravel-health实现</li>
  125. </ul>
  126. </body>
  127. </html>