完善：《关于我》
This commit is contained in:
@@ -8,6 +8,7 @@ export const head: HeadConfig[] = [
|
||||
|
||||
['meta', { name: 'HandheldFriendly', content: 'True' }],
|
||||
['meta', { name: 'MobileOptimized', content: '320' }],
|
||||
['meta', { name: 'theme-color', content: '#3c8772' }],
|
||||
|
||||
['meta', { property: 'og:type', content: 'website' }],
|
||||
['meta', { property: 'og:locale', content: metaData.locale }],
|
||||
|
||||
@@ -4,11 +4,17 @@ lastUpdated: false
|
||||
aside: false
|
||||
---
|
||||
|
||||
# 关于笔者
|
||||
<img width=100% src="../public/img/svg/about-me-header.svg" alt="头部图" />
|
||||
|
||||
<div align="center">
|
||||
<a href="https://github.com/Charles7c">
|
||||
<img src="https://readme-typing-svg.herokuapp.com?size=35&color=40B883¢er=true&vCenter=true&width=1000&lines=Hello%2C+welcome+to+my+page;My+web+name+is+Charles7c;I'm+currently+working+on+java+backend+development;My+motto:+“东隅已逝，桑榆非晚”;Thanks" alt="欢迎语" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div>
|
||||
<div align="center">
|
||||
<a href="https://blog.charles7c.top/" target="_blank" style="display: inline-block;">
|
||||
<img src="https://img.shields.io/badge/知识库-查尔斯-lightblue?logo=blogger&logoColor=lightblue" alt="个人主页" />
|
||||
</a>
|
||||
@@ -36,19 +42,21 @@ aside: false
|
||||
- 📖 My motto: “东隅已逝，桑榆非晚。”
|
||||
---
|
||||
|
||||
<div>
|
||||
<img src="https://github-readme-stats.vercel.app/api?username=charles7c&show_icons=true&theme=&hide_title=&hide_border=true&layout=compact" style="display: inline-block; height: 145px;" />
|
||||
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=charles7c&show_icons=true&theme=&hide_title=&hide_border=true&layout=compact" style="display: inline-block; height: 127px;" />
|
||||
<div align="center">
|
||||
<img src="https://github-readme-stats.vercel.app/api?username=charles7c&show_icons=true&count_private=true&hide_border=true&theme=vue" width="49%" height="auto" style="display: inline-block;" />
|
||||
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=charles7c&layout=compact&hide_border=true&theme=vue" width="41%" height="auto" style="display: inline-block;" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<img src="https://github-readme-streak-stats.herokuapp.com/?user=charles7c&theme=white&hide_border=true" width="94%" />
|
||||
<div align="center">
|
||||
<img src="https://github-readme-streak-stats.herokuapp.com/?user=charles7c&theme=white&hide_border=true" width="90%" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<img src="https://activity-graph.herokuapp.com/graph?username=Charles7c&theme=xcode&bg_color=FF000000" width="95%" />
|
||||
<div align="center">
|
||||
<img src="https://activity-graph.herokuapp.com/graph?username=charles7c&bg_color=ffffff&color=40b883&line=40b883&point=40b883&area=true&hide_border=true" width="90%" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<img src="https://github-profile-trophy.vercel.app/?username=charles7c&theme=gruvbox&row=1&column=6&no-frame=true&no-bg=true" />
|
||||
<div align="center">
|
||||
<img src="https://github-profile-trophy.vercel.app/?username=charles7c&theme=gruvbox&row=1&column=6&no-frame=true&no-bg=true" width="90%" />
|
||||
</div>
|
||||
|
||||
<img width=100% src="../public/img/svg/about-me-footer.svg" alt="尾部图"/>
|
||||
33
repos/public/img/svg/about-me-footer.svg
Normal file
33
repos/public/img/svg/about-me-footer.svg
Normal file
@@ -0,0 +1,33 @@
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:1;position:relative" width="854" height="120" viewBox="0 0 854 120">
|
||||
<style>
|
||||
.text {
|
||||
font-size: 70px;
|
||||
font-weight: 700;
|
||||
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
|
||||
}
|
||||
.desc {
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
|
||||
}path {
|
||||
transform: rotate(180deg);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
||||
</style>
|
||||
<g transform="translate(427, 60) scale(1, 1) translate(-427, -60)">
|
||||
|
||||
|
||||
<path d="" fill="#40B883" opacity="0.4" >
|
||||
<animate attributeName="d" dur="20s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="0s" values="M0 0L 0 40Q 213.5 80 427 50T 854 75L 854 0 Z;M0 0L 0 65Q 213.5 80 427 60T 854 50L 854 0 Z;M0 0L 0 85Q 213.5 55 427 85T 854 50L 854 0 Z;M0 0L 0 40Q 213.5 80 427 50T 854 75L 854 0 Z"></animate>
|
||||
</path>
|
||||
<path d="" fill="#40B883" opacity="0.4" >
|
||||
<animate attributeName="d" dur="20s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-10s" values="M0 0L 0 55Q 213.5 100 427 70T 854 80L 854 0 Z;M0 0L 0 70Q 213.5 40 427 40T 854 60L 854 0 Z;M0 0L 0 65Q 213.5 45 427 70T 854 85L 854 0 Z;M0 0L 0 55Q 213.5 100 427 70T 854 80L 854 0 Z"></animate>
|
||||
</path>
|
||||
</g>
|
||||
|
||||
|
||||
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
38
repos/public/img/svg/about-me-header.svg
Normal file
38
repos/public/img/svg/about-me-header.svg
Normal file
@@ -0,0 +1,38 @@
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:1;position:relative" width="854" height="180" viewBox="0 0 854 180">
|
||||
<style>
|
||||
.text {
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
|
||||
}
|
||||
.desc {
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
|
||||
}
|
||||
.text, .desc {
|
||||
animation: twinkling 4s ease-in-out infinite;
|
||||
}@keyframes twinkling {
|
||||
40% { opacity: 1; }
|
||||
50% { opacity: 0.5; }
|
||||
60% { opacity: 1; }
|
||||
70% { opacity: 0.5; }
|
||||
80% { opacity: 1; }
|
||||
};
|
||||
</style>
|
||||
<g transform="translate(427, 90) scale(1, 1) translate(-427, -90)">
|
||||
|
||||
|
||||
<path d="" fill="#40B883" opacity="0.4" >
|
||||
<animate attributeName="d" dur="20s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="0s" values="M0 0L 0 100Q 213.5 140 427 110T 854 135L 854 0 Z;M0 0L 0 125Q 213.5 140 427 120T 854 110L 854 0 Z;M0 0L 0 145Q 213.5 115 427 145T 854 110L 854 0 Z;M0 0L 0 100Q 213.5 140 427 110T 854 135L 854 0 Z"></animate>
|
||||
</path>
|
||||
<path d="" fill="#40B883" opacity="0.4" >
|
||||
<animate attributeName="d" dur="20s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-10s" values="M0 0L 0 115Q 213.5 160 427 130T 854 140L 854 0 Z;M0 0L 0 130Q 213.5 100 427 100T 854 120L 854 0 Z;M0 0L 0 125Q 213.5 105 427 130T 854 145L 854 0 Z;M0 0L 0 115Q 213.5 160 427 130T 854 140L 854 0 Z"></animate>
|
||||
</path>
|
||||
</g>
|
||||
|
||||
<text text-anchor="middle" alignment-baseline="middle" x="50%" y="35%" class="text" style="fill:#fff;" stroke="#none" stroke-width="1" >关于我 (Charles7c)</text>
|
||||
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
Reference in New Issue
Block a user