change things in about, and test git

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "git.ignoreLimitWarning": true
+}

Gemfile

@@ -21,6 +21,7 @@ group :jekyll_plugins do
     gem 'mini_racer'
     gem 'unicode_utils'
     gem 'webrick'
+#    gem 'jekyll-multiple-languages-plugin'
 end
 group :other_plugins do
     gem 'css_parser'

README.md

@@ -1,5 +1,16 @@
 # al-folio
 
+## Important:
+To run the server on local, needs the following things:
+- `cd` to the target index and active the virtual environment by using `source venv/bin/active`
+- run the web server: `bundle exec jekyll serve`.bundle exec jekyll serve
+- anytime when change things except words, need to `control + c` to quiet the web server and restart it.
+
+## `TODO` list
+1. make this web to be a two languages one. Due to the time, I have one language only. Later I want to add a button inside the web and once press the button, switch to another on.
+2. At `about` page, there is one thing that the list of `skills` is input by typing `html` inside the `_layouts/about.liquid`. It could be better to make it as the one like `news` and `lasest_post`.
+
+
 <div align="center">
 
 [![Preview](readme_preview/al-folio-preview.png)](https://alshedivat.github.io/al-folio/)

_config.yml

@@ -2,19 +2,24 @@
 # Site settings
 # -----------------------------------------------------------------------------
 
-title: Master # the website title (if blank, full name will be used instead)
-first_name: You
-middle_name: R.
-last_name: Li
-email: you@example.com
+title: blank # the website title (if blank, full name will be used instead)
+first_name:  李比昂
+middle_name: 
+last_name:
+email: biangli@126.com
 description: > # the ">" symbol means to ignore newlines until "footer_text:"
   A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design.
 footer_text: >
   Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a> with <a href="https://github.com/alshedivat/al-folio">al-folio</a> theme.
   Hosted by <a href="https://pages.github.com/" target="_blank">GitHub Pages</a>.
-  Photos from <a href="https://unsplash.com" target="_blank">Unsplash</a>.
-keywords: jekyll, jekyll-theme, academic-website, portfolio-website # add your own keywords or leave empty
-lang: en # the language of your site (for example: en, fr, cn, ru, etc.)
+keywords: 个人网站, 李比昂, 简历, Biang Li # add your own keywords or leave empty
+
+# to set biolanguages
+
+#languages: ["en", "cn"]
+
+#default_lang: cn
+lang: cn # the language of your site (for example: en, fr, cn, ru, etc.)
 icon: ⚛️ # the emoji used as the favicon (alternatively, provide image name in /assets/img/)
 
 url: https://Wall-wearer.github.io # the base hostname & protocol for your site
@@ -41,7 +46,7 @@ repo_trophies:
 # will use title and url fields
 # Take a look to https://github.com/jekyll/jekyll-feed for more customization
 
-rss_icon: true
+rss_icon: false
 
 # -----------------------------------------------------------------------------
 # Layout
@@ -95,14 +100,14 @@ pinterest_id: # your pinterest id
 publons_id: # your ID on Publons
 quora_username: # your Quora username
 research_gate_profile: # your profile on ResearchGate
-scholar_userid: qc6CJjYAAAAJ # your Google Scholar ID
+scholar_userid: # your Google Scholar ID
 scopus_id: # your profile on Scopus
 semanticscholar_id: # your Semantic Scholar ID
 spotify_id: # your spotify id
 stackoverflow_id: # your stackoverflow id
 telegram_username: # your Telegram user name
 unsplash_id: # your unsplash id
-wechat_qr: # filename of your wechat qr-code saved as an image (e.g., wechat-qr.png if saved to assets/img/wechat-qr.png)
+wechat_qr: wechat-qr.png # filename of your wechat qr-code saved as an image (e.g., wechat-qr.png if saved to assets/img/)wechat-qr.png
 whatsapp_number: # your WhatsApp number (full phone number in international format. Omit any zeroes, brackets, or dashes when adding the phone number in international format.)
 wikidata_id: # your wikidata id
 wikipedia_id: # your wikipedia id (Case sensitive)
@@ -112,7 +117,7 @@ youtube_id: # your youtube channel id (youtube.com/@<youtube_id>)
 zotero_username: # your zotero username
 
 contact_note: >
-  You can even add a little note about which of these is the best way to reach you.
+    欢迎通过邮件联系我
 
 # -----------------------------------------------------------------------------
 # Analytics and search engine verification
@@ -132,8 +137,8 @@ bing_site_verification: # out your bing-site-verification ID (Bing Webmaster)
 # Blog
 # -----------------------------------------------------------------------------
 
-blog_name: al-folio # blog_name will be displayed in your blog page
-blog_description: a simple whitespace theme for academics
+blog_name: blog-name # blog_name will be displayed in your blog page
+blog_description: This is Biang Li's personal website
 permalink: /blog/:year/:title/
 lsi: false # produce an index for related posts
 
@@ -186,6 +191,7 @@ newsletter:
 
 # -----------------------------------------------------------------------------
 # Collections
+# This is the listed things on the Home Page
 # -----------------------------------------------------------------------------
 
 collections:
@@ -198,13 +204,21 @@ collections:
     output: true
     permalink: /:collection/:title/
 
+skills:
+  enabled: false
+  crollable: true # adds a vertical scroll bar if there are more than 3 news items
+  limit: 5 # leave blank to include all the news in the `_news` folder
+
+selected_papers:
+  enable: false
+
 announcements:
-  enabled: true
+  enabled: false
   scrollable: true # adds a vertical scroll bar if there are more than 3 news items
   limit: 5 # leave blank to include all the news in the `_news` folder
 
 latest_posts:
-  enabled: true
+  enabled: false
   scrollable: true # adds a vertical scroll bar if there are more than 3 new posts items
   limit: 3 # leave blank to include all the blog posts
 
@@ -269,6 +283,7 @@ plugins:
   - jekyll-toc
   - jekyll-twitter-plugin
   - jemoji
+#  - jekyll-multiple-languages-plugin
 
 # Sitemap settings
 defaults:
@@ -339,9 +354,9 @@ scholar:
 # Display different badges withs stats for your publications
 # Customize badge behavior in _layouts/bib.liquid
 enable_publication_badges:
-  altmetric: true # Altmetric badge (Customization options: https://badge-docs.altmetric.com/index.html)
-  dimensions: true # Dimensions badge (Customization options: https://badge.dimensions.ai/)
-  google_scholar: true # Google Scholar badge (https://scholar.google.com/intl/en/scholar/citations.html)
+  altmetric: false # Altmetric badge (Customization options: https://badge-docs.altmetric.com/index.html)
+  dimensions: false # Dimensions badge (Customization options: https://badge.dimensions.ai/)
+  google_scholar: false # Google Scholar badge (https://scholar.google.com/intl/en/scholar/citations.html)
 
 # Filter out certain bibtex entry keywords used internally from the bib output
 filtered_bibtex_keywords:
@@ -373,7 +388,7 @@ max_author_limit: 3 # leave blank to always show all authors
 more_authors_animation_delay: 10 # more authors are revealed on click using animation; smaller delay means faster animation
 
 # Enables publication thumbnails. If disabled, none of the publications will display thumbnails, even if specified in the bib entry.
-enable_publication_thumbnails: true
+enable_publication_thumbnails: false
 
 # -----------------------------------------------------------------------------
 # Jekyll Link Attributes

_includes/skills.liquid

@@ -0,0 +1,34 @@
+<div class="skills">
+  {% if site.skills != blank %}
+    {% assign skills_size = site.skills | size %}
+    <div
+      class="table-responsive"
+      {% if include.limit and site.announcements.scrollable and skills_size > 3 %}
+        style="max-height: 60vw"
+      {% endif %}
+    >
+      <table class="table table-sm table-borderless">
+        {% assign skills = site.skills | reverse %}
+        {% if include.limit and site.announcements.limit %}
+          {% assign skills_limit = site.announcements.limit %}
+        {% else %}
+          {% assign skills_limit = skills_size %}
+        {% endif %}
+        {% for item in skills limit: skills_limit %}
+          <tr>
+            <th scope="row" style="width: 20%">{{ item.date | date: '%b %d, %Y' }}</th>
+            <td>
+              {% if item.inline %}
+                {{ item.content | remove: '<p>' | remove: '</p>' | emojify }}
+              {% else %}
+                <a class="skills-title" href="{{ item.url | relative_url }}">{{ item.title }}</a>
+              {% endif %}
+            </td>
+          </tr>
+        {% endfor %}
+      </table>
+    </div>
+  {% else %}
+    <p>No skills so far...</p>
+  {% endif %}
+</div>

_includes/social.liquid

@@ -128,3 +128,4 @@
   </div>
   {% include scripts/wechatModal.liquid %}
 {% endif %}
+

_layouts/about.liquid

@@ -40,12 +40,48 @@ layout: default
 
     <div class="clearfix">{{ content }}</div>
 
-    <!-- News -->
-    {% if page.news and site.announcements.enabled %}
+    <!--list of skill-->
+    <!--for now just do this to reduce the cost of time-->
+    <h2>
+        <a>技能</a>
+    </h2>
+
+    <h4>
+      <a>专业技能</a>
+    </h4>
+    <ul>
+        <li>会用CATIA进行三维建模</li>
+        <li>会使用AutoCAD绘制二维工程图</li>
+        <li>会用如ANSYS 和ADAMS等分析软件</li>
+        <li>会使用如Blender, C4D和Keyshot等3D建模渲染软件</li>
+        <li>会使用Python，C，汇编，Octave和Matlab等编程语言并用Git进行版本控制</li>
+        <li>会使用HTML, CSS制作网站</li>
+        <li>有编写AI进行图形、人脸识别的经验</li>
+        <li>有操作3D打印机，线切割机，车床等设备的经验</li>
+        <li>会使用Altium Designer设计电路板</li>
+        <li>有设计赛车悬架经验</li>
+        <li>有设置服务器的经验</li>
+        <li>有自制IoT设备经验</li>
+        <li>有设计变速箱经验</li>
+        <li>持有完整的英国和中国驾照并有6年驾驶经验</li>
+    </ul>
+
+    <h4>
+      <a>语言技能</a>
+    </h4>
+    <ul>
+    <li>雅思6分</li>
+    <li>全国高校英语专业四级考试（CET-4）</li>
+    </ul>
+
+
+
+    <!-- Skills -->
+    {% if site.skills.enabled %}
       <h2>
-        <a href="{{ '/news/' | relative_url }}" style="color: inherit">news</a>
+        <a href="{{ '/skills/' | relative_url }}" style="color: inherit">技能</a>
       </h2>
-      {% include news.liquid limit=true %}
+      {% include skills.liquid %}
     {% endif %}
 
     <!-- Latest posts -->
@@ -56,19 +92,30 @@ layout: default
       {% include latest_posts.liquid %}
     {% endif %}
 
-    <!-- Selected papers -->
-    {% if page.selected_papers %}
+    <!-- News -->
+    {% if page.news and site.announcements.enabled %}
+      <h2>
+        <a href="{{ '/news/' | relative_url }}" style="color: inherit">news</a>
+      </h2>
+      {% include news.liquid limit=true %}
+    {% endif %}
+
+
+    <!-- Selected papers (cause no one for now)-->
+    {% if page.selected_papers.enabled %}
       <h2>
         <a href="{{ '/publications/' | relative_url }}" style="color: inherit">selected publications</a>
       </h2>
       {% include selected_papers.liquid %}
     {% endif %}
+
+
 
     <!-- Social -->
     {% if page.social %}
       <div class="social">
         <div class="contact-icons">{% include social.liquid %}</div>
-
+        
         <div class="contact-note">{{ site.contact_note }}</div>
       </div>
     {% endif %}

_pages/about.md

@@ -1,25 +1,33 @@
 ---
 layout: about
-title: about
+title: 主页
 permalink: /
-subtitle: <a href='#'>Affiliations</a>. Address. Contacts. Moto. Etc.
+subtitle: 浙江绍兴人. 先进机械工程硕士. 车辆工程学士
 
 profile:
   align: right
   image: prof_pic.jpg
   image_circular: false # crops the image to make it circular
-  more_info: >
-    <p>555 your office number</p>
-    <p>123 your address street</p>
-    <p>Your City, State 12345</p>
+  more_info: 
+    <p>邮箱：[email protected]</p>
+
+    <p>浙江绍兴</p>
+    <p>上虞</p>
 
 news: true # includes a list of news items
 selected_papers: true # includes a list of papers marked as "selected={true}"
 social: true # includes social icons at the bottom of the page
 ---
 
-Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com). You can put a picture in, too. The code is already in, just name your picture `prof_pic.jpg` and put it in the `img/` folder.
+欢迎来到我的个人网站。
+
+我来自浙江省绍兴市上虞区，2024年毕业于[英国杜伦大学](https://www.durham.ac.uk/)的先进机械工程专业。2021年毕业于江苏理工学院车辆工程专业。
+
+在英国硕士期间，我的研究课题是通过控制风电机叶片平面的偏转角度来提升风力发电站的整体功率输出(AEP)。为了完成学习任务，我自学了Python以实现优化过程中的仿真计算。最终以全专业前三，<span title="等效为国内985高校平均分75分以上"> 2:1</span>的总成绩获得硕士学位。
+
+
+除了毕业课题外，我还通过一些平日的课题学习了多方面的技能。比如[构建个人物联网(IoT)系统](/blog)。这个项目要求我从硬件到软件完全尝试着构建一整套系统，需要的知识包含但不限于：用[HTML](https://baike.baidu.com/item/HTML/97049)写网站并用[CSS](https://baike.baidu.com/item/CSS/5457)视觉美化；[树莓派](https://baike.baidu.com/item/%E6%A0%91%E8%8E%93%E6%B4%BE/80427)搭建服务器；微传感器和控制器通讯；Python爬虫；[Git](https://baike.baidu.com/item/GIT/12647237)实现版本控制；[PyTorch](https://baike.baidu.com/item/PyTorch)实现人脸识别；Linux和命令行等。
 
-Put your address / P.O. box / other info right below your picture. You can also disable any of these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically.
+在国内的本科期间，我的精力主要集中在[中国大学生方程式大赛](http://www.formulastudent.com.cn/)。为学校的龙城车队设计并优化2018年和2019年的[参赛用车]()的悬架系统。为此，通过自学，学长传授和外派学习的方式学习了[CATIA](https://baike.baidu.com/item/CATIA/382683)、[Adams/Car](https://baike.baidu.com/item/ADAMS?fromModule=lemma_search-box)和[ANSYS](https://baike.baidu.com/item/ansys?fromModule=lemma_search-box)等软件的使用方法。并随队参与了2018年的比赛并进行现场设计答辩，最终获得全国第21名。
 
-Link to your social media connections, too. This theme is set up to use [Font Awesome icons](https://fontawesome.com/) and [Academicons](https://jpswalsh.github.io/academicons/), like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them.
+[更多信息](/blog)

_pages/blog.md

@@ -1,7 +1,7 @@
 ---
 layout: default
 permalink: /blog/
-title: blog
+title: 经历
 nav: true
 nav_order: 1
 pagination:

_pages/cv.md

@@ -1,10 +1,10 @@
 ---
 layout: cv
 permalink: /cv/
-title: cv
+title: 简历
 nav: true
 nav_order: 5
-cv_pdf: example_pdf.pdf
+cv_pdf: Biang_Li-CV.pdf
 description: This is a description of the page. You can modify it in '_pages/cv.md'. You can also change or remove the top pdf download button.
 toc:
   sidebar: left

_pages/dropdown.md

@@ -1,7 +1,7 @@
 ---
 layout: page
 title: submenus
-nav: true
+nav: false
 nav_order: 8
 dropdown: true
 children:

_pages/news.md

@@ -1,6 +1,6 @@
 ---
 layout: page
-title: news
+title: 最近
 permalink: /news/
 ---
 

_pages/profiles.md

@@ -3,7 +3,7 @@ layout: profiles
 permalink: /people/
 title: people
 description: members of the lab or group
-nav: true
+nav: false
 nav_order: 7
 
 profiles:

_pages/projects.md

@@ -1,6 +1,6 @@
 ---
 layout: page
-title: projects
+title: 项目
 permalink: /projects/
 description: A growing collection of your cool projects.
 nav: true