---
title: about
comments: false
author: 青云工作室
type: about
sidebar: []
date: 2021-02-27 10:45:11
updated: 2021-03-21 15:13:42
---

## 关于

这里是青云工作室的小站,是一群有神奇灵魂的人们的聚集地

我们可以在小站进行技术交流、沟通、分享,文章甚至不限于博主,只要是发送至博主且团队审核通过,将由博主代发并注明作者

欢迎加入我们并成为我们中的一员，我们希望网站是多作者“共笔”的方式分享优秀的文章，如果你有什么好的创意想法和经验心得都可以向网站进行[投搞](/join)

## 联系博主

博客： [网站](https://qystu.cc "网站")，[RSS](https://qystu.cc/atom.xml "RSS")
QQ群：[660414614](https://qm.qq.com/cgi-bin/qm/qr?k=TjbIk84fDNYu4UAzA4xDzRk53hkKABh_&authKey=St%2F%2B%2FHaVkOvMkzZAqWXC5jfovqmrVqIStz5FL9o2oOCxZYAVth5ywkwnShxmf8X%2B&noverify=0&group_code=660414614)
tg群：[t.me/qystudio](https://t.me/qystudio "t.me/qystudio")
邮箱：
+ admin#qystu.cc

## 客观评价

<div class="author-content-item personalities">
    <div class="author-content-item-tips">性格</div>
    <span class="author-content-item-title">指挥官</span>
    <div class="title2" style="color:#ac899c">ENTJ-A</div>
    <div class="image">
        <img class="entered loading" src="https://cdn1.tianli0.top/npm/qycdn/img/other/ENTJ-A.svg" data-ll-status="loading">
    </div>
    <div class="post-tips">
        在 
        <a href="https://www.16personalities.com/" target="_blank" rel="noopener nofollow">16personalities</a>
         了解更多关于 
        <a target="_blank" rel="noopener external nofollow" href="https://www.16personalities.com/ch/entj-%E4%BA%BA%E6%A0%BC">指挥官</a>
    </div>
</div>
<style>
.post-tips {
 color: #999999;
 font-size:14px;
 bottom:1rem;
 left:2rem
}
.post-tips a {
 color:#999999!important;
 border:none!important
}
.post-tips a:hover {
 color:#999999!important
}
.author-content-item .author-content-item-tips {
 opacity:.8;
 font-size:.8rem;
 margin-bottom:.5rem
}
.author-content-item.personalities .image {
 position:absolute;
 right:-40px;
 bottom:-10rem;
 transition:transform 2s cubic-bezier(.13,.45,.21,1.02)
}
.author-content-item.personalities:hover .image {
 transform:rotate(-10deg)
}
@media screen and (max-width:768px) {
 .author-content-item.personalities {
  min-height:360px
 }
 .author-content-item.personalities .image {
  right:-70px
 }
}
.author-content-item.personalities .title2 {
 font-size:36px;
 font-weight:700;
 line-height:1.1
}
.author-content-item .author-content-item-title {
 font-size:36px;
 font-weight:700;
 line-height:1
}
</style>

## 网站数据

<div id="statistic">
<div class="content"></div>
</div>

<script>
fetch('https://v6-widget.51.la/v6/JgfdvE9NYUjOrkIE/quote.js').then(res => res.text()).then((data) => {
    let title = ['最近活跃访客', '今日人数', '今日访问', '昨日人数', '昨日访问', '本月访问', '总访问量']
    let num = data.match(/(?<=<\/span><span>).*?(?=<\/span><\/p>)/g)
    let s = document.querySelector('#statistic .content')
    // 自定义不显示哪个或者显示哪个，如下为不显示 最近活跃访客 和 总访问量
    for (let i = 0; i < num.length; i++) {
        if (i == 0 || i == num.length - 1) continue;
        s.innerHTML += '<div><span>' + title[i] + '</span><span class="num">' + num[i] + '</span></div>'
    }
});
</script>

<style>
#statistic {
    font-size: 18px;
    padding: 20px;
    border-radius: 12px;
    width: 100%;
    color: var(--font-color);
    background-color: var(--card-bg);
}

div#statistic .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

div#statistic a {
    text-decoration: none;
}

#statistic .content div {
    display: inline-block;
}

#statistic div span {
    font-size: 14px;
    line-height: 1.3;
    display: block;
}

#statistic div .num {
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: .8rem;
    white-space: nowrap;
}
</style>

## 捐助
{% image https://npm.elemecdn.com/qycdn@0.9.0/img/other/wechatpay.webp::width=300px::height=300px::alt=欢迎打赏 %}