添加forkme元素去掉邮箱订阅

johanazhu · Sep 6, 2024 · 3e575ba · 3e575ba
1 parent bd6431c
commit 3e575ba
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 65 deletions.
diff --git a/README.md b/README.md
@@ -40,8 +40,8 @@
 ## React
 
 - [setState 是同步还是异步](https://demo.azhubaby.com/setState是同步还是异步/build/index.html)
-- [前端路由hash实现](https://demo.azhubaby.com/hash&history/hash.html)
-- [前端路由history实现](https://demo.azhubaby.com/hash&history/history.html)
+- [前端路由 hash 实现](https://demo.azhubaby.com/hash&history/hash.html)
+- [前端路由 history 实现](https://demo.azhubaby.com/hash&history/history.html)
 
 ## 性能优化
 
@@ -61,13 +61,7 @@
 - [微信营销页面之 自动播放音乐](https://demo.azhubaby.com/WeChat/自动播放音乐.html)
 - [微信营销页面之 网页长按保存及识别二维码](https://demo.azhubaby.com/WeChat/canvas-snapshot/index.html)
 
-
-## 邮箱订阅
-
-- [邮箱订阅](https://demo.azhubaby.com/邮箱订阅/index.html)
-
-
-## 请我喝咖啡☕️
+## 请我喝咖啡 ☕️
 
 如果您觉得这个项目能够帮助到您，可以给我个 star🌟，也可以推荐给您的朋友
 
@@ -76,4 +70,5 @@
 <img src="https://s2.loli.net/2022/10/09/31kvp8HRJuoBCfc.jpg" height="300px" width="300px" />
 
 ## License
+
 MIT
diff --git a/index.html b/index.html
@@ -8,6 +8,10 @@
       rel="stylesheet"
       href="https://necolas.github.io/normalize.css/8.0.1/normalize.css"
     />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css"
+    />
     <meta
       name="keywords"
       content="johan,johanbo,随朱波流,azhubaby,johnny,johnny joestar"
@@ -22,6 +26,13 @@
   </head>
 
   <body>
+    <a
+      class="github-fork-ribbon"
+      href="https://github.com/johanazhu/demo"
+      data-ribbon="Fork me on GitHub"
+      title="Fork me on GitHub"
+      >Fork me on GitHub</a
+    >
     <h1>📺代码示例效果</h1>
     <h2>📌CSS</h2>
     <ul>
@@ -160,14 +171,5 @@ <h2>📌微信营销页面</h2>
         >
       </li>
     </ul>
-    <h2>📌邮箱订阅</h2>
-    <ul>
-      <li>
-        <a href="./邮箱订阅/index.html">邮箱订阅</a>
-      </li>
-    </ul>
-    <!-- start webpushr code --> 
-    <script>(function(w,d, s, id) {if(typeof(w.webpushr)!=='undefined') return;w.webpushr=w.webpushr||function(){(w.webpushr.q=w.webpushr.q||[]).push(arguments)};var js, fjs = d.getElementsByTagName(s)[0];js = d.createElement(s); js.id = id;js.async=1;js.src = "https://cdn.webpushr.com/app.min.js";fjs.parentNode.appendChild(js);}(window,document, 'script', 'webpushr-jssdk'));webpushr('setup',{'key':'BCXhLCerYrDu0H-Qut3SvGI5JO2T34iSopmSKHVCc60-duCoYB9FQTdSFYL26OTKv1p4V1OyQh88yqPFA4JdZV4' ,'integration':'popup' });</script>
-    <!-- end webpushr code -->
   </body>
 </html>
diff --git a/三角形.html b/三角形.html
@@ -1,21 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Document</title>
-</head>
-<style>
+  </head>
+  <style>
     .sanjiao {
-        border: 10px solid transparent;
-        border-left: 10px solid red;
+      width: 0;
+      height: 0;
+      border: 10px solid transparent;
+      border-left: 10px solid red;
+    }
+    .sanjiao2 {
+      width: 0;
+      height: 0;
+      border: 10px solid transparent;
+      border-bottom: 10px solid blue;
     }
-</style>
+  </style>
 
-<body>
+  <body>
+    <div>
+      切记，需要添加加上 width:0; height:0;
+      否则会继承祖先元素的宽高，导致页面变形
+    </div>
     <div class="sanjiao"></div>
-</body>
-
-</html>
+    <div class="sanjiao2"></div>
+  </body>
+</html>
diff --git a/邮箱订阅/index.html b/邮箱订阅/index.html