前言还是因为服务器过期的原因,之前部署的Twikoo已经不能用了,于是我尝试使用Vercel部署Twikoo。
部署过程申请 MongoDB 账号并创建数据库首先进入MongoDB官网创建一个账号,可以使用github直接登录。
引用站外地址
MongoDB官网
登录后进入界面,选择最右边的免费共享数据库 -> aws -> N.virginia(us-wast-1) -> create。
设置用户名和密码并记住,后面需要使用。
ip设置 0.0.0.0/0
然后会自动跳转到首页,点击connect
链接应用
记住第 3 条的代码,后续部署需要用到,且使用时需要在相应位置替换为之前设置的用户名和密码
1mongodb+srv://<username>:<password>@twikoo.odlv1qd.mongodb.n ...
我本来以为Github Pages自定义域名是件很简单的事情,更改一下域名解析即可。没想到还是挺曲折的,记录一下。
前言云服务器到期,但是域名没有半年的时间,于是我想更改为Github Pages的自定义域名。
过程以及遇到的问题在云服务器过期的前几天,我域名解析了github线的博客地址,虽然会报如下错误提示
但还是可以跳转到自定义域名进行访问。
服务器正式过期后,就无法访问了,这也在我意料之中。
我删除了对云服务器公网IP的域名解析,只保留了对github线博客地址的域名解析。
结果还是不行,情况是还是都会跳转到自定义域名,但是无法访问。并且报错信息为
在网上找解决办法,还要添加一条对网站地址ip的解析
额,是一个IPv6地址,无法解决。
解决方法后面发现还是添加域名解析时的配置问题
我将主机记录改成了 www,并且勾选HTTPS后,成功了,并且可以访问。
在网上看到还有一种方法也可以解决问题,将 smiletoc.top 改为 www.smiletoc.top,我试了一下,发现不行,更玄学的是,之前可以成功的方法却报错了。
后来我又将主机记录改回了 @,域名填写为 w ...
介绍几种我常用获取网站favicon图的方法。
1.网址后添加 /favicon.ico这种方法可以获取大多数网站的favicon图,但获取的favicon图比较模糊。
2.F12此方法获取到的非favicon.icon,而是网站logo图,更加清晰。
网站的logo图一般是在首页,打开浏览器开发人员工具,选择网络–>img,再刷新,可以获取到这个页面上的所有图片。
3.浏览器插件我始终认为数不胜数的插件是浏览器的灵魂所在。根据关键字在浏览器插件市场搜索插件并安装,无论是获取favicon图还是页面上的图片都是没有问题的。
至于免费Api或者网站都是同理,且没有插件这么方便。
生活日常
未读临近毕业,心态与职业规划都发生了一些变化,没有坚持更新下去。
由于阿里云云服务器快要过期了,我这才开始整理博客,并说说我目前的想法。
对于博客我起初为什么要建立一个个人博客?
我认为这是一件很酷的事情,并可以监督自己勤记学习笔记,还可以与志同道合的小伙伴一起交流。
很显然,计划赶不上变化,我的更新越来越慢,周期越来越长,偏离了起初的想法。
如果要输出自己的观点,大有平台可以更加方便的做到这样,比如csdn,B站,酷安,牛客等等,并可以得到及时的反馈。
后续想法我是一个分享欲很强的人,我会让这个博客保留下去。
阿里云服务器我并不打算续费,目前只使用Github Pages。
对于内容方面,之后我会在博客上面多写写自己的感受,所见所闻,最近看了哪些书籍或电影,当做一个属于自己的空间吧。
技术教程
未读前言起初是为了能在电脑上愉快地刷酷安(摸鱼),于是我使用了MuMu模拟器12,打开速度挺快,体验还算不错,就是有模拟器的通病,适配不到位,无法自由拉伸,也无法使用鼠标手势等。
然后发现了uwp版的酷安,可能是因为我电脑的原因,卡顿挺严重的,特别是看大图模式下必卡。
win11刚发布那会我是知道win11可以直接运行安卓应用这个功能的,当时我并没有这个需求,而且我到现在为止一直用的都是win10,我就理所当然的认为这个功能是win11专属,所以就没有优先考虑wsa。
看教程实践一下,原来win10也是可以用的(大佬牛逼!!!)
安装过程查看windows版本win+R,输入winver,内部版本最好大于推荐版本 。
推荐版本:22H2 Build 10.0.19045.2311
开启硬件虚拟化各品牌电脑开启方式不一样,任务管理器可看是否开启。
启用windows功能win+R,输入optionalfeatures.exe,勾选“虚拟机平台”,然后提示重启电脑。
下载并运行WSAgithub上下载合适版本的WSA
Releases · A-JiuA/WSAOnWin10 (gi ...
技术教程
未读前言styl 是一种 CSS 预处理语言,如何将其编译成普通的 CSS 文件?
具体步骤使用命令行工具安装 stylus,并利用其将 styl 文件编译为 css 文件。
前提:已经安装node.js
在命令行工具中运行以下命令安装 Stylus
1npm install -g stylus
在存放 styl 文件的目录下运行以下命令
1stylus style.styl -o style.css
即可完成转换
Pinia学习前言虽然已经在项目中使用过Pinia,现在决定好好系统学习一下
引用站外地址
Pinia中文文档
官方文档
pinia是什么?主要充当状态管理的角色,所谓状态管理,简单来说就是一个存储数据的地方,存放在Pinia中的数据在各个组件中都能访问到,它是Vue生态中重要的组成部分。实际上,pinia就是Vuex的升级版。
官网解释:
Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。
Pinia的优点
Vue2和Vue3都支持,这就意味着同时使用Vue2和Vue3的小伙伴都能很快上手。
pinia中只有state、getter、action,抛弃了Vuex中的Mutation,Vuex中mutation一直都不太受小伙伴们的待见,pinia直接抛弃它了,这无疑减少了我们工作量。
pinia中action支持同步和异步,Vuex不支持
良好的Typesc ...
在Win10任务栏上显示性能信息前言真的是火星了,最近在做期末课程设计,需要录屏,于是我看看win10是否自带录屏,结果发现了系统自带的一款小组件,可以在任务栏上显示性能信息(虽然没什么用)
效果图
手动展开
具体步骤其实实现也是非常简单的。
首先win + g,打开小组件菜单栏,点击性能小组件(如果不需要手动展开,点击右边的小鼠标,关闭此功能)
点击红框内按钮,可将小组件固定在桌面上
然后点击左边的性能选项
重要的是将图形位置选项设置为底部,其它根据个人喜好进行设置。
然后将组件放置在任务栏上即可。
结语当然,还有其它的小组件,甚至还有个小组件商店,大部分我稍微尝试了一下,都差了点意思。
对于我而言,这款性能小组件恰到好处,放在任务栏上也不会占位置,背景还能透明。
大家可以尝试一下哦
ok,就写到这。
node版本管理工具nvm的基本使用前言nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以非常方便有效地切换node版本,解决项目中遇到的版本问题
下载下载地址推荐选择nvm-setup.exe进行下载(nvm-setup.zip需要手动配置)
安装==切记,一定要将原来已安装的node卸载,避免冲突==双击运行nvm-setup.exe
nvm安装路径(安装路径不能有中文)node安装路径(空的node.js文件夹,自动生成)命令行输入查看版本,显示则安装成功
配置淘宝镜像在安装目录下settings文件中新增如下两行
12node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/
nvm的一些常用命令nvm list available 显示所有可以下载的 Node.js 版本nvm list 显示已安装的版 ...