# st-html.github.io

**Repository Path**: junw555/st-html.github.io

## Basic Information

- **Project Name**: st-html.github.io
- **Description**: html5+css3
- **Primary Language**: HTML
- **License**: AGPL-3.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-07-30
- **Last Updated**: 2022-08-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[//]: # (居中组件)
<h1 align="center">
  <br>st-html.github.io<br>
</h1>

---

<p align="center">从零开始学习html5+css3。项目使用若干个单页面构成，互相独立，每个组件和page中都使用笔记进行说明。项目使用最新的node.js版本，nvm进行node
包管理。后期使用elementUI进行组件的展示和页面组装。</p>

<div align="center">

<img alt="GitHub" src="https://img.shields.io/github/license/wo1261931780/st-java.github.io?style=for-the-badge" >
<img src="https://img.shields.io/badge/java-17-%23ED8B00.svg?style=for-the-badge&logo=java&logoColor=white" >
<img src="https://komarev.com/ghpvc/?username=wo1261931780&style=for-the-badge&label=profile views">
<img src="https://wakatime.com/badge/user/2e3dbad1-9754-4463-8b48-badfed379466/project/1f95b019-406c-4718-a040-981acab28903.svg?color=%23ca3e47&style=for-the-badge" alt="wakatime" >
<img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/w/wo1261931780/st-java.github.io?color=%23ca3e47&style=for-the-badge">
<img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/wo1261931780/st-java.github.io?color=%23ca3e47&style=for-the-badge">
<img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/wo1261931780/st-java.github.io?color=%23ca3e47&style=for-the-badge">

<p align="center">
    <a href="README.md">English</a>
    ·
    <a href="README_cn.md">简体中文</a>   
<p/>

[//]: # (st-html.github.io)
![Alt](https://repobeats.axiom.co/api/embed/b979112ed5a8ef2ae7cbcd9ad27e180a1a993f60.svg "Repobeats analytics image")

</div>

<p>
  <img  align='right' src="https://app.fossa.com/api/projects/git%2Bgithub.com%2Fwo1261931780%2Fst-java.github.io.svg?type=large">
</p>

## Features

- [x] 支持最新的 node.js 16.15.3版本
- [x] 项目使用 elementUI 2.15.7构建
- [x] 全部使用原生html5+css3构建
- [ ] 内置了一个商城项目
- [ ] 其他特性等待更新

## 构造工具

<p>
<img src="https://img.shields.io/badge/java-%23ED8B00.svg?style=for-the-badge&logo=java&logoColor=white" style="margin-bottom: 4px;" height="30px">
<img src="https://img.shields.io/badge/sonarlint-CB2029.svg?&style=for-the-badge&logo=sonarlint&logoColor=white" style="margin-bottom: 4px;" height="30px">
<img src="https://img.shields.io/badge/IntelliJ%20IDEA-fd266a.svg?&style=for-the-badge&logo=IntelliJ%20IDEA&logoColor=white" style="margin-bottom: 4px;" height="30px">
</p>

## 关注我

<p>
<a href="https://weibo.com/u/6511079715"><img src="https://img.shields.io/badge/佳珺不谈恋爱-%181717.svg?&style=for-the-badge&logo=sina-weibo&logoColor=white&color=d52c2b" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="https://space.bilibili.com/2001956953?spm_id_from=333.1007.0.0"><img src="https://img.shields.io/badge/佳珺不谈恋爱的空间-%181717.svg?&style=for-the-badge&logo=BILIBILI&logoColor=white&color=00aeec" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<br/>
<a href="https://www.youtube.com/c/wo1261931780@gmail.com"><img src="https://img.shields.io/badge/YouTube-%23FF0000.svg?style=for-the-badge&logo=YouTube&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="https://www.instagram.com/junwang7789"><img src="https://img.shields.io/badge/Instagram-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="https://stackoverflow.com/users/JUNW555"><img src="https://img.shields.io/badge/-Stackoverflow-FE7A16?style=for-the-badge&logo=stack-overflow&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="https://twitter.com/wo1261931780"><img src="https://img.shields.io/badge/Twitter-%231DA1F2.svg?style=for-the-badge&logo=Twitter&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="https://www.facebook.com/Junw%20Junw"><img src="https://img.shields.io/badge/Facebook-%231877F2.svg?style=for-the-badge&logo=Facebook&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="https://linkedin.com/in/%E5%88%98%E4%BD%B3%E7%8F%BAjunw"><img src="https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="htttps://discord.gg/wo1261931780"><img src="https://img.shields.io/badge/Discord-%237289DA.svg?style=for-the-badge&logo=discord&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="https://leetcode.com/junw"><img src="https://img.shields.io/badge/LeetCode-000000?style=for-the-badge&logo=LeetCode&logoColor=#d16c06" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
</p>

## 捐献

[//]: # (捐献，这里还没有绑定账号)
<div>
<a href="https://ko-fi.com/re"><img src="https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="https://patreon.com/re"><img src="https://img.shields.io/badge/Patreon-F96854?style=for-the-badge&logo=patreon&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href="https://paypal.me/re"><img src="https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
<a href=""><img src="https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white" style="margin-bottom: 4px;" height="30px" target="_blank"></a>
</div>


[//]: # (贡献者自动生成)

## Thanks

感谢所有在Github上和Github外提交问题、提出建议，以及帮助使这个项目变得更好的人。
特别感谢：

<div align="center">
<a href="https://github.com/wo1261931780/st-java.github.io/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=wo1261931780/st-java.github.io" />
</a>
</div>

---

[//]: # (感谢jetbrains提供的证书)
<a href="https://jb.gg/OpenSourceSupport">
<p align="center">
    <img src="https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.svg" height="150">
</p>
</a>
<h3 align="center"><a href="https://jb.gg/OpenSourceSupport">JetBrains提供证书支持</a></h3>
<div align="center">IntelliJ IDEA 的每个方面都旨在最大化开发者生产力。结合智能编码辅助与符合人体工程学的设计，让开发不仅高效，更成为一种享受。</div>