Hello World /20240730/hello-world/ Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

$ hexo new "My New Post"

More info: Writing

Run server

$ hexo server

More info: Server

Generate static files

$ hexo generate

More info: Generating

Deploy to remote sites

$ hexo deploy

More info: Deployment

]]>
About me /20240730/about/me/ about]]> page /20240801/frontend/frontend/
  • deploy
  • ]]>
    网络相关 /20240807/net/index/ Docker被墙,如何继续使用? /20240801/frontend/deploy/deploy/ Docker Download

    自从docker官方仓库在中国大陆被墙后,docker的部署方式也发生了改变。
    解决docker安装问题:https://github.com/shenjianZ/docker_installer

    1. 安装docker

      sudo curl -fsSL https://gitee.com/tech-shrimp/docker_installer/releases/download/latest/linux.sh| bash -s docker --mirror Aliyun
    2. 启动docker

      sudo systemctl start docker
    3. 设置开机自启

      sudo systemctl enable docker
    4. Docker pull images

      将image下载到阿里云镜像仓库中
      解决docker pull 镜像问题:https://github.com/shenjianZ/docker_image_pusher

      1. 登录阿里云镜像服务 https://cr.console.aliyun.com/,

        启用个人实例,创建一个命名空间(ALIYUN_NAME_SPACE

      2. 访问凭证 可以看到账号 用户名(ALIYUN_REGISTRY_USER)

        密码(ALIYUN_REGISTRY_PASSWORD)

        仓库地址(ALIYUN_REGISTRY

      3. 启动Action
        进入您自己的项目,点击Action,启用Github Action功能

      4. 配置环境变量
        进入Settings->Secret and variables->Actions->New Repository secret
        将上一步的四个值
        ALIYUN_NAME_SPACE,

        ALIYUN_REGISTRY_USER

        ALIYUN_REGISTRY_PASSWORD

        ALIYUN_REGISTRY
        配置成环境变量

      5. 添加镜像
        打开images.txt文件,添加你想要的镜像 可以加tag

      6. 使用镜像
        回到阿里云,镜像仓库,点击任意镜像,可查看镜像状态。(可以改成公开,拉取镜像免登录)

    ]]>
    无法访问外网?需要订阅代理服务? /20240807/net/jichang/jichang/

    由于中国大陆的GFW(防火墙)限制,无法访问外网网络,因此需要访问像GitHub、YouTube这样的
    的网站将被屏蔽拦截,接下来我将给出一种使用VPN服务的可行的方案来保证服务的可靠性。

    介绍

    根据测试,许多提供服务的提供商所在的网站需要使用外部网络才能打开,仅有少部分的网站(比较贵)可以直接使用
    国内网络环境打开直接购买订阅服务。

    那么你现在可以有两个选择:

    1. 方案一:使用无需外部网络便能开通订阅服务的VPN,费用高,如果你选择此方案,那么你可自行搜索解决,此处仅仅讨论方案二。
    2. 方案二:如果使用此方案,详见下方。

    解决方案

    采用方案二方式

    这是一些订阅服务推广的链接: https://9.234456.xyz/abc.html?t=638586217737356738 (此链接打开无需使用VPN,但进入对应的机场页面却仍无法打开)

    此教程中我们使用的机场是

    1. 一元机场: https://xn--4gq62f52gdss.com/
    2. 赔钱机场https://xn--mes358aby2apfg.com/

    机场选择的建议:

    • 一元机场

      可以看到

      • 12元/年,每月50GB的可用额度,下个月重置流量额度
      • 15元/季,即为60元/年,每月有4000GB的可用额度,下个月重置流量额度
      • 7元/月,即为84元/年,每个月8000GB的可用额度,下个月重置流量额度
        根据我个人的使用情况,大多数情况下我每月的流量使用未超过50GB,如果没有频繁的流量使用,
        建议选择12元/年,否则可以选择15元/季,这意味着每月将有4000GB的可用额度
    • 赔钱机场


      赔钱机场的订阅共有9种方案,这里我仅显示自己正在使用的,个人认为十分优惠:

      • 34.99元/年,每月500GB的可用额度,根据我观察和使用,这个订阅方案比一元机场的性价比更高,且流量使用额度也不用担心

    如何订阅?

    由于需要外部网络才能完成订阅服务的购买,你可以向我的邮箱15202078626@163.com发送你的订阅计划方案,
    扫描付款二维码,我将为你开通订阅(您只需要付款对应的订阅金额即可)

    完成订阅后如何使用?

    你可以在 WindowsMacAndroid等平台使用此服务
    使用订阅的对应链接: https://flowus.cn/shenjian/22f76d4f-e7b3-4b8a-8a89-561566f6eb60

    ]]>
    网络代理
    组件使用 /20240805/frontend/uniapp/component1/ 组件自动导入
    "easycom":{
    "autoscan": true,
    "custom": {
    "^tui-(.*)": "@/components/thorui/tui-$1/tui-$1.vue" // 匹配components目录内的vue文件
    }
    }

    tui-sticky 吸顶容器

    包含 以下 tui 组件 :

    • tui-sticky
    • tui-list-view
    • tui-list-cell
    <tui-sticky :scrollTop="scrollTop" stickyHeight="104rpx" container>
    <!-- header start -->
    <template v-slot:header>
    <view class="sticky-item">
    <view class="setting">设置</view>
    </view>
    </template>
    <!-- header end -->
    <!--内容 start-->
    <template v-slot:content>
    <tui-list-view class="content">
    <tui-list-cell :arrow="false">
    <switch class='switch' checked color="#FFCC33" />
    </tui-list-cell>
    </tui-list-view>
    </template>
    <!--内容 end-->
    </tui-sticky>

    <script setup>
    import { ref } from 'vue'
    import { onPageScroll } from '@dcloudio/uni-app'

    // 定义 scrollTop 响应式变量
    const scrollTop = ref(0)
    // 监听页面滚动事件
    onPageScroll((e) => {
    scrollTop.value = e.scrollTop
    })
    </script>
    ]]>
    uniapp
    uniapp 开发 /20240805/frontend/uniapp/uniapp/
  • uniapp component
  • ]]>
    uniapp