feat: update about page content

Author: liaobinbin

.config.toml.swp

@@ -4,18 +4,22 @@ date: 2022-12-13T23:09:18+08:00
 draft: false
 ---
 
-### 基础信息
+I'm [Boiao Ch](https://github.com/liaobinbin)
 
-[Boiao Ch](https://github.com/liaobinbin)
+混子一枚
 
-90 后
+算不上程序员，互联网搬砖农民工是也。
 
-喜欢打游戏、看动漫、吃喝玩乐。
+### Contact
 
-不喜欢学习、不喜欢看书
+E-mail: doubiliao@gmail.com
 
-### 联系方式
+### Skills
 
-E-mail: doubiliao@gmail.com
+[以下所列技能不代表全部技能]^(如果是没列出来的，那就是没找到合适的图标，列出来的也不保证一定会:p)
+
+![Fronted](https://skillicons.dev/icons?i=react,vue,angular,svelte,solidjs,jquery,bootstrap,html,css,javascript,wasm,webpack,vite,ts,sass,rollupjs,nuxtjs,nodejs,nestjs,latex,jest,gulp,gatsby,express,deno,electron,flutter,threejs,tailwind,redux,pug,styledcomponents,svg "前端")
+
+![Backend](https://skillicons.dev/icons?i=c,cs,cpp,go,rust,python,r,dotnet,java,kotlin,lua,php,qt,ruby,rails,gtk,maven,matlab,mongodb,mysql,sqlite,redis,spring,sequelize,laravel,graphql,gradle,django,dart,rabbitmq "后端")
 
-### 技能点
+![Other](https://skillicons.dev/icons?i=git,github,gitlab,vim,emacs,githubactions,heroku,hibernate,idea,vscode,ai,ps,figma,linux,md,nginx,openstack,postman,pr,regex,stackoverflow,sentry,vercel,wordpress,bash,neovim,linkedin,docker,kubernetes,codepen,cloudflare,bsd,aws,azure,atom,gcp,jenkins "其他")

content/about.md

@@ -5,14 +5,14 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="robots" content="noodp" />
         <title>关于 - Boiao Ch</title><meta name="Description" content="Keep Focus!"><meta property="og:title" content="关于" />
-<meta property="og:description" content="基础信息 Boiao Ch 90 后 喜欢打游戏、看动漫、吃喝玩乐。 不喜欢学习、不喜欢看书 联系方式 E-mail: doubiliao@gmail.com 技能点" />
+<meta property="og:description" content="I&rsquo;m Boiao Ch 混子一枚 算不上程序员，互联网搬砖农民工是也。 Contact E-mail: doubiliao@gmail.com Skills [以下所列技能不代表全部技能]^(如果是没列出来的，那就是没找到合适的图标，列出来" />
 <meta property="og:type" content="article" />
 <meta property="og:url" content="https://liaobinbin.com/about/" /><meta property="article:section" content="" />
 <meta property="article:published_time" content="2022-12-13T23:09:18+08:00" />
 <meta property="article:modified_time" content="2022-12-13T23:09:18+08:00" /><meta property="og:site_name" content="Boiao Ch" />
 <meta name="twitter:card" content="summary"/>
 <meta name="twitter:title" content="关于"/>
-<meta name="twitter:description" content="基础信息 Boiao Ch 90 后 喜欢打游戏、看动漫、吃喝玩乐。 不喜欢学习、不喜欢看书 联系方式 E-mail: doubiliao@gmail.com 技能点"/>
+<meta name="twitter:description" content="I&rsquo;m Boiao Ch 混子一枚 算不上程序员，互联网搬砖农民工是也。 Contact E-mail: doubiliao@gmail.com Skills [以下所列技能不代表全部技能]^(如果是没列出来的，那就是没找到合适的图标，列出来"/>
 <meta name="application-name" content="Boiao Ch&#39;s Blog">
 <meta name="apple-mobile-web-app-title" content="Boiao Ch&#39;s Blog"><meta name="theme-color" content="#ffffff"><meta name="msapplication-TileColor" content="#da532c"><link href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.6.0/lxgwwenkaiscreen.css" rel="stylesheet" /><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
         <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
@@ -27,7 +27,7 @@
         "mainEntityOfPage": {
             "@type": "WebPage",
             "@id": "https:\/\/liaobinbin.com\/about\/"
-        },"genre": "page","wordcount":  43 ,
+        },"genre": "page","wordcount":  87 ,
         "url": "https:\/\/liaobinbin.com\/about\/","datePublished": "2022-12-13T23:09:18+08:00","dateModified": "2022-12-13T23:09:18+08:00","license": "\u0026copy; \u003ca href=\"https://liaobinbin.com\"\u003e Boiao Ch\u003c/a\u003e 2008 - 2018","publisher": {
             "@type": "Organization",
             "name": ""},"author": {
@@ -96,14 +96,43 @@
     <div class="search-dropdown mobile">
         <div id="search-dropdown-mobile"></div>
     </div><main class="main">
-                <div class="container"><div class="page single special"><h1 class="single-title animate__animated animate__pulse animate__faster">关于</h1><div class="content" id="content"><h3 id="基础信息">基础信息</h3>
-<p><a href="https://github.com/liaobinbin" target="_blank" rel="noopener noreffer ">Boiao Ch</a></p>
-<p>90 后</p>
-<p>喜欢打游戏、看动漫、吃喝玩乐。</p>
-<p>不喜欢学习、不喜欢看书</p>
-<h3 id="联系方式">联系方式</h3>
+                <div class="container"><div class="page single special"><h1 class="single-title animate__animated animate__pulse animate__faster">关于</h1><div class="content" id="content"><p>I&rsquo;m <a href="https://github.com/liaobinbin" target="_blank" rel="noopener noreffer ">Boiao Ch</a></p>
+<p>混子一枚</p>
+<p>算不上程序员，互联网搬砖农民工是也。</p>
+<h3 id="contact">Contact</h3>
 <p>E-mail: <a href="mailto:doubiliao@gmail.com" rel="">doubiliao@gmail.com</a></p>
-<h3 id="技能点">技能点</h3>
+<h3 id="skills">Skills</h3>
+<p><strong><ruby>以下所列技能不代表全部技能<rt>如果是没列出来的，那就是没找到合适的图标，列出来的也不保证一定会:p</rt></ruby></strong></p>
+<p><figure><a class="lightgallery" href="https://skillicons.dev/icons?i=react,vue,angular,svelte,solidjs,jquery,bootstrap,html,css,javascript,wasm,webpack,vite,ts,sass,rollupjs,nuxtjs,nodejs,nestjs,latex,jest,gulp,gatsby,express,deno,electron,flutter,threejs,tailwind,redux,pug,styledcomponents,svg" title="Fronted" data-thumbnail="https://skillicons.dev/icons?i=react,vue,angular,svelte,solidjs,jquery,bootstrap,html,css,javascript,wasm,webpack,vite,ts,sass,rollupjs,nuxtjs,nodejs,nestjs,latex,jest,gulp,gatsby,express,deno,electron,flutter,threejs,tailwind,redux,pug,styledcomponents,svg" data-sub-html="<h2>前端</h2><p>Fronted</p>">
+        <img
+            class="lazyload"
+            src="/svg/loading.min.svg"
+            data-src="https://skillicons.dev/icons?i=react,vue,angular,svelte,solidjs,jquery,bootstrap,html,css,javascript,wasm,webpack,vite,ts,sass,rollupjs,nuxtjs,nodejs,nestjs,latex,jest,gulp,gatsby,express,deno,electron,flutter,threejs,tailwind,redux,pug,styledcomponents,svg"
+            data-srcset="https://skillicons.dev/icons?i=react%2cvue%2cangular%2csvelte%2csolidjs%2cjquery%2cbootstrap%2chtml%2ccss%2cjavascript%2cwasm%2cwebpack%2cvite%2cts%2csass%2crollupjs%2cnuxtjs%2cnodejs%2cnestjs%2clatex%2cjest%2cgulp%2cgatsby%2cexpress%2cdeno%2celectron%2cflutter%2cthreejs%2ctailwind%2credux%2cpug%2cstyledcomponents%2csvg, https://skillicons.dev/icons?i=react%2cvue%2cangular%2csvelte%2csolidjs%2cjquery%2cbootstrap%2chtml%2ccss%2cjavascript%2cwasm%2cwebpack%2cvite%2cts%2csass%2crollupjs%2cnuxtjs%2cnodejs%2cnestjs%2clatex%2cjest%2cgulp%2cgatsby%2cexpress%2cdeno%2celectron%2cflutter%2cthreejs%2ctailwind%2credux%2cpug%2cstyledcomponents%2csvg 1.5x, https://skillicons.dev/icons?i=react%2cvue%2cangular%2csvelte%2csolidjs%2cjquery%2cbootstrap%2chtml%2ccss%2cjavascript%2cwasm%2cwebpack%2cvite%2cts%2csass%2crollupjs%2cnuxtjs%2cnodejs%2cnestjs%2clatex%2cjest%2cgulp%2cgatsby%2cexpress%2cdeno%2celectron%2cflutter%2cthreejs%2ctailwind%2credux%2cpug%2cstyledcomponents%2csvg 2x"
+            data-sizes="auto"
+            alt="https://skillicons.dev/icons?i=react,vue,angular,svelte,solidjs,jquery,bootstrap,html,css,javascript,wasm,webpack,vite,ts,sass,rollupjs,nuxtjs,nodejs,nestjs,latex,jest,gulp,gatsby,express,deno,electron,flutter,threejs,tailwind,redux,pug,styledcomponents,svg" />
+    </a><figcaption class="image-caption">前端</figcaption>
+    </figure></p>
+<p><figure><a class="lightgallery" href="https://skillicons.dev/icons?i=c,cs,cpp,go,rust,python,r,dotnet,java,kotlin,lua,php,qt,ruby,rails,gtk,maven,matlab,mongodb,mysql,sqlite,redis,spring,sequelize,laravel,graphql,gradle,django,dart,rabbitmq" title="Backend" data-thumbnail="https://skillicons.dev/icons?i=c,cs,cpp,go,rust,python,r,dotnet,java,kotlin,lua,php,qt,ruby,rails,gtk,maven,matlab,mongodb,mysql,sqlite,redis,spring,sequelize,laravel,graphql,gradle,django,dart,rabbitmq" data-sub-html="<h2>后端</h2><p>Backend</p>">
+        <img
+            class="lazyload"
+            src="/svg/loading.min.svg"
+            data-src="https://skillicons.dev/icons?i=c,cs,cpp,go,rust,python,r,dotnet,java,kotlin,lua,php,qt,ruby,rails,gtk,maven,matlab,mongodb,mysql,sqlite,redis,spring,sequelize,laravel,graphql,gradle,django,dart,rabbitmq"
+            data-srcset="https://skillicons.dev/icons?i=c%2ccs%2ccpp%2cgo%2crust%2cpython%2cr%2cdotnet%2cjava%2ckotlin%2clua%2cphp%2cqt%2cruby%2crails%2cgtk%2cmaven%2cmatlab%2cmongodb%2cmysql%2csqlite%2credis%2cspring%2csequelize%2claravel%2cgraphql%2cgradle%2cdjango%2cdart%2crabbitmq, https://skillicons.dev/icons?i=c%2ccs%2ccpp%2cgo%2crust%2cpython%2cr%2cdotnet%2cjava%2ckotlin%2clua%2cphp%2cqt%2cruby%2crails%2cgtk%2cmaven%2cmatlab%2cmongodb%2cmysql%2csqlite%2credis%2cspring%2csequelize%2claravel%2cgraphql%2cgradle%2cdjango%2cdart%2crabbitmq 1.5x, https://skillicons.dev/icons?i=c%2ccs%2ccpp%2cgo%2crust%2cpython%2cr%2cdotnet%2cjava%2ckotlin%2clua%2cphp%2cqt%2cruby%2crails%2cgtk%2cmaven%2cmatlab%2cmongodb%2cmysql%2csqlite%2credis%2cspring%2csequelize%2claravel%2cgraphql%2cgradle%2cdjango%2cdart%2crabbitmq 2x"
+            data-sizes="auto"
+            alt="https://skillicons.dev/icons?i=c,cs,cpp,go,rust,python,r,dotnet,java,kotlin,lua,php,qt,ruby,rails,gtk,maven,matlab,mongodb,mysql,sqlite,redis,spring,sequelize,laravel,graphql,gradle,django,dart,rabbitmq" />
+    </a><figcaption class="image-caption">后端</figcaption>
+    </figure></p>
+<p><figure><a class="lightgallery" href="https://skillicons.dev/icons?i=git,github,gitlab,vim,emacs,githubactions,heroku,hibernate,idea,vscode,ai,ps,figma,linux,md,nginx,openstack,postman,pr,regex,stackoverflow,sentry,vercel,wordpress,bash,neovim,linkedin,docker,kubernetes,codepen,cloudflare,bsd,aws,azure,atom,gcp,jenkins" title="Other" data-thumbnail="https://skillicons.dev/icons?i=git,github,gitlab,vim,emacs,githubactions,heroku,hibernate,idea,vscode,ai,ps,figma,linux,md,nginx,openstack,postman,pr,regex,stackoverflow,sentry,vercel,wordpress,bash,neovim,linkedin,docker,kubernetes,codepen,cloudflare,bsd,aws,azure,atom,gcp,jenkins" data-sub-html="<h2>其他</h2><p>Other</p>">
+        <img
+            class="lazyload"
+            src="/svg/loading.min.svg"
+            data-src="https://skillicons.dev/icons?i=git,github,gitlab,vim,emacs,githubactions,heroku,hibernate,idea,vscode,ai,ps,figma,linux,md,nginx,openstack,postman,pr,regex,stackoverflow,sentry,vercel,wordpress,bash,neovim,linkedin,docker,kubernetes,codepen,cloudflare,bsd,aws,azure,atom,gcp,jenkins"
+            data-srcset="https://skillicons.dev/icons?i=git%2cgithub%2cgitlab%2cvim%2cemacs%2cgithubactions%2cheroku%2chibernate%2cidea%2cvscode%2cai%2cps%2cfigma%2clinux%2cmd%2cnginx%2copenstack%2cpostman%2cpr%2cregex%2cstackoverflow%2csentry%2cvercel%2cwordpress%2cbash%2cneovim%2clinkedin%2cdocker%2ckubernetes%2ccodepen%2ccloudflare%2cbsd%2caws%2cazure%2catom%2cgcp%2cjenkins, https://skillicons.dev/icons?i=git%2cgithub%2cgitlab%2cvim%2cemacs%2cgithubactions%2cheroku%2chibernate%2cidea%2cvscode%2cai%2cps%2cfigma%2clinux%2cmd%2cnginx%2copenstack%2cpostman%2cpr%2cregex%2cstackoverflow%2csentry%2cvercel%2cwordpress%2cbash%2cneovim%2clinkedin%2cdocker%2ckubernetes%2ccodepen%2ccloudflare%2cbsd%2caws%2cazure%2catom%2cgcp%2cjenkins 1.5x, https://skillicons.dev/icons?i=git%2cgithub%2cgitlab%2cvim%2cemacs%2cgithubactions%2cheroku%2chibernate%2cidea%2cvscode%2cai%2cps%2cfigma%2clinux%2cmd%2cnginx%2copenstack%2cpostman%2cpr%2cregex%2cstackoverflow%2csentry%2cvercel%2cwordpress%2cbash%2cneovim%2clinkedin%2cdocker%2ckubernetes%2ccodepen%2ccloudflare%2cbsd%2caws%2cazure%2catom%2cgcp%2cjenkins 2x"
+            data-sizes="auto"
+            alt="https://skillicons.dev/icons?i=git,github,gitlab,vim,emacs,githubactions,heroku,hibernate,idea,vscode,ai,ps,figma,linux,md,nginx,openstack,postman,pr,regex,stackoverflow,sentry,vercel,wordpress,bash,neovim,linkedin,docker,kubernetes,codepen,cloudflare,bsd,aws,azure,atom,gcp,jenkins" />
+    </a><figcaption class="image-caption">其他</figcaption>
+    </figure></p>
 </div><div id="comments"><div id="valine" class="comment"></div><noscript>
                 Please enable JavaScript to view the comments powered by <a href="https://valine.js.org/">Valine</a>.
             </noscript></div></div></div>