Keleven.Me

发表于 更新于 分类于 Disqus：

无事儿

进度推进中！

闲逛，发呆，

上线就会感到舒适的游戏

也是不错的

如果还能对大多数用户提供稳定收入呢？

好多认为最重要的事儿，在他人眼中毫无价值。

发表于 更新于 分类于 Disqus：

docker-compose 下使用 clash

天朝的墙很高，新装系统都需要翻之。

理论上docker在全平台可以使用。

不同linux设置方法是相同的。

安装docker

安装docker方法

docker-compose也是必须的。

安装docker-compose方法

clash官方文档

docker-compose.yml

直接在修改官方设置就可以。

这里使用的本地ui

放在docker-compose.yml相同目录下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
version: '3'
services:
  clash:
    image: dreamacro/clash
    volumes:
      - ./config.yaml:/root/.config/clash/config.yaml
      # dashboard volume
      - ./ui:/ui
    ports:
      - "7890:7890"
      - "7891:7891"
      - "9090:9090"
      # If you need external controller, you can export this port.
      # - "8080:8080"
    restart: always
    # When your system is Linux, you can use `network_mode: "host"` directly.
    network_mode: "host"
    container_name: clash

config.yaml

proxy部分省略

1
2
3
4
5
6
7
8
9
10
11
port: 7890
socks-port: 7891
#允许局域网连接
allow-lan: true 
mode: Rule
log-level: info
#访问密码，可以移除
secret: 'secret' 
external-controller: '0.0.0.0:9090'
# ui连接
external-ui: /ui

ui选择

如果不设置ui,可以直接访问对应的开放UI

Yacd UI

Dashboard文档

yacd文档

dashboard文档

最后

访问127.0.0.1:9090/ui

填入对应信息就可以使用了

发表于 更新于 分类于 Disqus：

vue i18n 设置保存到 Cookies

安装js-cookie

1
yarn add js-cookie --save

引起

1
import Cookies from 'js-cookie'

在i18n文件中设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import * as locale from './locales'
import Cookies from 'js-cookie'

Vue.use(VueI18n)

export default new VueI18n({
  locale: Cookies.get('language') || 'en',
  messages: {
    'en' : locale.enUS,
    'zh' : locale.zhCH, 
  }, 
})

组件中使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<template>
  <b-navbar>
    <b-navbar-nav class="ml-auto">
      <b-nav-item-dropdown :text="$t('message.lang')" right>
        <b-dropdown-item v-for="(lang, i) in langs" :key="lang.index" @click="setLocalLanguage(lang)">{{ lang }}</b-dropdown-item>
      </b-nav-item-dropdown>
    </b-navbar-nav>
  </b-navbar>
</template>
<script>
import Cookies from 'js-cookie'
export default { 
  data() {
    return {
      langs : ['en', 'zh'],
    }
  },
  methods:{ 
    setLocalLanguage(lang) {
        this.$i18n.locale = lang
        Cookies.set('language', lang)
    }
  },

}
</script>

发表于 更新于 分类于 Disqus：

laravel 设置清空

使用Passport::tokensCan时

发现不能读取config中的设置scopes

需要使用下方命令清空config

1
la5 config:clear

之后就可以正常使用了。

发表于 更新于 分类于 Disqus：

mac 下 node 版本切换

hexo 不支持 新版的node，需要切换为旧版本

使用nvm 可以进行版本切换。

安装

1
brew install nvm

编辑.zshrc

1
2
3
export NVM_DIR="$HOME/.nvm"
  [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

重载zsh

1
. ~/.zshrc

使用

查看有哪些版本可以被安裝

1
nvm ls-remote

指定想要的版本

1
nvm install <version>

安裝目前的穩定版

1
nvm install stable

自动切换

项目文件夹运行

1
node -v > .nvmrc

.zshrc 加入钩子

作用：cd进入文件夹是自动切换为设定的node版本，未设定时切换为系统默认版本。

1
2
3
4
5
6
7
8
9
10
11
autoload -U add-zsh-hook
load-nvmrc() {
  if [[ -f .nvmrc && -r .nvmrc ]]; then
    nvm use
  elif [[ $(nvm version) != $(nvm version default)  ]]; then
    echo "Reverting to nvm default version"
    nvm use default
  fi
}
add-zsh-hook chpwd load-nvmrc
load-nvmrc

帮助文档

发表于 更新于 分类于 Disqus：

没有呢！

无事儿……

果然不是自己架设的东西都靠不住……

发表于 更新于 分类于 Disqus：

诸神是存在的！

2020-04-12 （庚子年庚辰月乙酉日） 发生了一些事情

证实了一些事情

结论是好好做人！上天什么都知道！

没事儿多念念经，记得回向。

发表于 更新于 分类于 Disqus：

沉迷动森

自由度高的游戏果然吸引人。角色也可爱~

switch 确实也过滤掉了一些人

不过普及也只是时间问题

用旧机器刷大气层改存档，也成为一种赚钱的手段

也是本地化存档的缺点之一

使用淘宝买数字版的也被超级ban了一些

国行依然是笑话，没什么未来，完全抹除了互联网的优越性

其他

这次武汉肺炎，明显看出天朝的基础产业不怎么样。

装备设施，到应急响应，速度太慢，没有跟上时代。

全世界也没好到哪里去！

之后只会更惨！

当一些已知的存在被进一步解明，世界会变好吗？

发表于 更新于 分类于 Disqus：

_.remove 不渲染更新数据的问题

vue中使用_.remove后，不会渲染数据

原因在于vue不识别_.remove产生的数据变化

使用splice()可以正常更新

1
this.items.splice(this.items.indexOf(data) , 1)

也可以

1
2
_.remove(this.items , data)
this.items.sort()

vue 数组更新检测

moment本地时间显示

1
2
import moment from 'moment'
moment().utc(time).format('YYYY-MM-DD HH:mm:ss')

发表于 更新于 分类于 Disqus：

使用VeeValidate

bootstrap vue 的表单验证推荐使用VeeValidate

安装！

效果不错

app.js中添加require('./veevalidate');

使用独立文件引入

veevalidate.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import Vue from 'vue';
import { ValidationObserver, ValidationProvider, extend , localize } from 'vee-validate';
import en from "vee-validate/dist/locale/en.json";
import * as rules from "vee-validate/dist/rules";
import VueI18n from 'vue-i18n'


Object.keys(rules).forEach(rule => {
  extend(rule, rules[rule]);
});

localize("en", en);

Vue.component("ValidationObserver", ValidationObserver);
Vue.component('ValidationProvider', ValidationProvider);

使用方法查看官方例子

注意passes 与 handleSubmit 是相同的 v-slot, 文档中没有写明。

0%