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
  • ]]>
    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. 使用镜像
        回到阿里云,镜像仓库,点击任意镜像,可查看镜像状态。(可以改成公开,拉取镜像免登录)

    ]]>
    uniapp 开发 /20240805/frontend/uniapp/uniapp/
  • uniapp component
  • ]]>
    uniapp
    组件使用 /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