生成打卡图片

一直没有满意的写文章的地方，所有应用都有些无法满足要求的点，不如自己写一个。最终还是放弃了，写博客还是愿意下笔重要~





## 实现
- 前端框架

  vue3 + vite + naive-ui

- 访客计数

  使用 不蒜子

  问题：访问子页的流量未统计。

- 允许被搜索引擎爬取

  根目录设置 robots.txt

  google：判断是否被索引：搜索 site:42tr.github.io，未被索引会提示使用 google search consoloe，验证网站所有权，添加站点地图 sitemap.xml，完成后过一天再看。

- Github Actions 自动部署

  生成一个 Personal access token，加入到该仓库的 new repository secret，Name 为 ACCESS_KEY，Value 为 token，在代码目录新建 .github/workflows/pages.yml，内容如下

```yml
name: GitHub Actions Build and Deploy
on:
  push:
    branches:
      - 42tr
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v2.3.1
        with:
          persist-credentials: false

      - name: Install and Build 🔧
        run: |
          npm install
          npm run build
      - name: Deploy 🚀
        uses: JamesIves/github-pages-deploy-action@3.7.1
        with:
          ACCESS_TOKEN: ${{ secrets.ACCESS_KEY }}
          BRANCH: gh-pages
          FOLDER: dist
          CLEAN: true
```

## 开发中遇到的问题
- 打包发布到 github.io 的文件无法加载

  问题原因：打包后生成的文件名以下划线开头，无法返回。

  解决方案：修改 vite.config.ts
  ```typescript
  export default defineConfig({
      plugins: [vue()],
      build: {
          rollupOptions: {
              output: {
                  // 入口文件名
                  // entryFileNames: `assets/[name].js`,
                  // 块文件名：不能下划线开头，增加一个 main 前缀
                  chunkFileNames: `assets/main-[name]-[hash].js`,
                  // 资源文件名 css 图片等等
                  // assetFileNames: `assets/[name]-[hash].[ext]`,
              }
          }
      }
  })
  ```

- 解决发布缓存问题——增加唯一标识，如时间戳
  ```typescript
  const timestamp = new Date().getTime()

  export default defineConfig({
    build: {
      rollupOptions: {
        output: {
          // 入口文件名
          entryFileNames: `assets/[name].${timestamp}.js`,
          // 块文件名
          chunkFileNames: `assets/[name]-[hash].${timestamp}.js`,
          // 资源文件名 css 图片等等
          assetFileNames: `assets/[name]-[hash].${timestamp}.[ext]`,
        },
      },
    }
  })
  ```

使用 html 写博客

# Nightly
## 安装
```
rustup install nightly
rustup default nightly
```

Rust 环境

**Full stack, fully typed.**

A cutting-edge Rust framework for the modern web.



## About
Leptos is a full-stack, isomorphic Rust web framework leveraging fine-grained reactivity to build declarative user interfaces.

## 创建项目
```shell
cargo new hello_leptos
cd hello_leptos
cargo add leptos
cargo install trunk
rustup target add wasm32-unknown-unknown
```
添加依赖 `leptos = { version = "0.6.5", features = ["csr"] }`

下载失败需要设置 rust 源
```
# 放到 `$HOME/.cargo/config` 文件中
[source.crates-io]
registry = "https://github.com/rust-lang/crates.io-index"

# 替换成你偏好的镜像源
replace-with = 'sjtu'
#replace-with = 'ustc'

# 清华大学
[source.tuna]
registry = "https://mirrors.tuna.tsinghua.edu.cn/git/crates.io-index.git"

# 中国科学技术大学
[source.ustc]
registry = "git://mirrors.ustc.edu.cn/crates.io-index"

# 上海交通大学
[source.sjtu]
registry = "https://mirrors.sjtug.sjtu.edu.cn/git/crates.io-index"

# rustcc社区
[source.rustcc]
registry = "git://crates.rustcc.cn/crates.io-index"

[net]
git-fetch-with-cli=true
```
启动 `trunk serve --open`

![image.png](/static/img/7487767c8e581bbd42362ca581a3fc52.image.png)

## 使用 cargo leptos
- 安装 nightly 版本 rust
- `rustup target add wasm32-unknown-unknown`
- 创建 `cargo leptos new --git leptos-rs/start`
- 启动 `cargo leptos serve`
- 构建 `cargo leptos build`

Leptos 初识

多设备数据需要互通必备！



# 准备
## 硬件
- 树莓派 4b
- 磁盘阵列盒 CM461
## 挂载
- 启动磁盘阵列盒，设置 raid 模式（reset 10s）
- 格式化磁盘 `mkfs -t ext4 /dev/sdb`，挂载磁盘 `mount /dev/sdb /disk`

## 开启 smb
- 安装
  ```shell
  apt-get install samba samba-common-bin
  ```
- 添加用户 `useradd smb`，设置密码 `smbpasswd -a smb`
  > 查看 smb 用户: `pdbedit -L`
  > 
  > 删除 smb 用户: `pdbedit -x <username>`
- 修改配置 `/etc/samba/smb.conf`，添加
  ```shell
  [disk]
   path = /disk/
   guest ok = yes
   browseable = yes
   writeable = yes
   create mask = 0777
   # 设置可访问的用户，非必选
   valid users = root
   directory mask = 0777
  ```
- 重启 smb 服务 `systemctl restart smbd`

## 连接
- windows
  > 输入 \\\\ip 即可
  > 
  > 如果修改过用户，连接时会报错，multi user，在 cmd 执行 `net use * /del /y` 清除即可
  > [windows 外网链接问题](https://blog.csdn.net/qq_46106285/article/details/131612914)

- mac
  > mount -t smbfs //\<user>:\<pwd>@\<ip>:\<port>/\<dir> <local_dir>
  > 
  > finder 远程连接

# 部署影音服务器软件
- Plex
- emby
- Jellyfin
  > 免费，安装 `sudo docker run -d -p 8096:8096 -v /disk/app/jellyfin/config:/config -v /disk/resource:/media jellyfin/jellyfin`