programmer-zhang · programmer-zhang · Jun 13, 2021 · Jun 13, 2021 · Jun 13, 2021 · Jun 13, 2021
diff --git a/README.md b/README.md
@@ -1,17 +1,73 @@
-### Hi there 👋
-
-<!--
-**programmer-zhang/programmer-zhang** is a ✨ _special_ ✨ repository because its `README.md` (this file) appears on your GitHub profile.
-
-Here are some ideas to get you started:
-
-- 🔭 I’m currently working on ...
-- 🌱 I’m currently learning ...
-- 👯 I’m looking to collaborate on ...
-- 🤔 I’m looking for help with ...
-- 💬 Ask me about ...
-- 📫 How to reach me: ...
-- 😄 Pronouns: ...
-- ⚡ Fun fact: ...
--->
-![](https://github-readme-stats.vercel.app/api?username=programmer-zhang&theme=dark)
+# <p align="center"><font size="5">我们是永不倒的泰山</font></p>
+
+<img src="./images/bg.jpeg" width="100%" style="border-radius: 4px;"/>
+
+#### <p align="center"> :soccer: 泰山是我们信仰! :soccer:</p>
+
+#### <p align="center"> :soccer: 我们不可阻挡! :soccer:</p>
+
+#### <p align="center"> :soccer: 努力拼搏, 一起战斗! :soccer:</p>
+
+#### <p align="center"> :soccer: 我们永远在这里! :soccer:</p>
+
+---
+
+## <p align="center">Hi 👋, I'm Savuer</p>
+
+### <p align="center"> A passionate frontend developer from China </p>
+
+### <p align="center"> An avid :soccer:soccer and :basketball:basketball fan </p>
+
+<p align="center">
+	<a href="https://github.com/programmer-zhang" target="_blank">
+		<img src="https://github-readme-stats.vercel.app/api?username=programmer-zhang&theme=dark&show_icons=true" width="45%" alt="Savuer's github stats"/>
+	</a>
+	<a href="https://github.com/programmer-zhang" target="_blank">
+		<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=programmer-zhang&layout=compact&hide=html&theme=dark" width="45%" alt="savuer's github top skills"/>
+	</a>
+	<a href="https://github.com/programmer-zhang" target="_blank">
+		<img src="https://github-readme-streak-stats.herokuapp.com/?user=programmer-zhang&theme=highcontrast" width="45%" alt="savuer's github readme streak stats"/>
+	</a>
+</p>
+
+### Languages and Tools
+<p align="center">
+	<img src="./images/html.svg" width="40" height="40" alt="html" />
+	<img src="./images/css.svg" width="40" height="40" alt="css" />
+	<img src="./images/javascript.svg" width="40" height="40" alt="javascript" />
+	<img src="./images/typescript.svg" width="40" height="40" alt="typescript" />
+	<img src="./images/sass.svg" width="40" height="40" alt="sass" />
+	<img src="./images/vuejs.svg" width="40" height="40" alt="vue" />
+	<img src="./images/angularjs.svg" width="40" height="40" alt="angular" />
+	<img src="./images/bootstrap.svg" width="40" height="40" alt="bootstrap" />
+	<img src="./images/nodejs.svg" width="40" height="40" alt="node" />
+	<img src="./images/nginx.svg" width="40" height="40" alt="nginx" />
+	<img src="./images/nuxtjs.svg" width="40" height="40" alt="nuxt" />
+	<img src="./images/electron.svg" width="40" height="40" alt="electron" />
+	<img src="./images/linux.svg" width="40" height="40" alt="linux" />
+	<img src="./images/mysql.svg" width="40" height="40" alt="mysql" />
+	<img src="./images/reactjs.svg" width="40" height="40" alt="react" />
+	<img src="./images/webpack.svg" width="40" height="40" alt="webpack" />
+	<img src="./images/gulp.svg" width="40" height="40" alt="gulp" />
+	<img src="./images/jenkins.svg" width="40" height="40" alt="jenkins" />
+	<img src="./images/leet-code.svg" width="40" height="40" alt="leet-code" />
+	<img src="./images/postman.svg" width="40" height="40" alt="postman" />
+	<img src="./images/stack-overflow.svg" width="40" height="40" alt="stack-overflow" />
+	<img src="./images/google.svg" width="40" height="40" alt="google" />
+	<img src="./images/github.svg" width="40" height="40" alt="github" />
+	<img src="./images/git.svg" width="40" height="40" alt="git" />
+</p>
+
+### How to reach me
+
+<table>
+    <tr align="center">
+        <td><img src="./images/juejinlogo.svg" width="40" height="40" alt="juejinlogo" /></td>
+        <td><img src="./images/csdnlogo.png" width="80" height="40" alt="csdnlogo" /></td>
+        <td rowspan="2"><img src="./images/wx.png" width="310" height="120" alt="wechat" /></td>
+    </tr>
+    <tr>
+        <td><a href="https://juejin.cn/user/3157453125195192" target="_blank">掘金: 全栈道路</a></td>
+        <td><a href="https://blog.csdn.net/tufei_zhang" target="_blank">CSDN: 全栈道路</a></td>
+    </tr>
+</table>
diff --git a/images/angularjs.svg b/images/angularjs.svg
diff --git a/images/babel.svg b/images/babel.svg
diff --git a/images/bg.jpeg b/images/bg.jpeg
diff --git a/images/bootstrap.svg b/images/bootstrap.svg
diff --git a/images/csdnlogo.png b/images/csdnlogo.png
diff --git a/images/css.svg b/images/css.svg
diff --git a/images/docker.svg b/images/docker.svg
diff --git a/images/electron.svg b/images/electron.svg