我本来以为Github Pages自定义域名是件很简单的事情,更改一下域名解析即可。没想到还是挺曲折的,记录一下。
前言云服务器到期,但是域名还有半年的时间,于是我想更改为Github Pages的自定义域名。
过程以及遇到的问题在云服务器过期的前几天,我域名解析了github线的博客地址,虽然会报如下错误提示
但还是可以跳转到自定义域名进行访问。
服务器正式过期后,就无法访问了,这也在我意料之中。
我删除了对云服务器公网IP的域名解析,只保留了对github线博客地址的域名解析。
结果还是不行,情况是还是都会跳转到自定义域名,但是无法访问。并且报错信息为
在网上找解决办法,还要添加一条对网站地址ip的解析
额,是一个IPv6地址,无法解决。
解决方法后面发现还是添加域名解析时的配置问题
我将主机记录改成了 www,并且勾选HTTPS后,成功了,并且可以访问。
在网上看到还有一种方法也可以解决问题,将 smiletoc.top 改为 www.smiletoc.top ,我试了一下,发现不行,更玄学的是,之前可以成功的方法却报错了。
后来我又将主机记录改回了 @,域名填写为 ...
介绍几种我常用获取网站favicon图的方法。
1.网址后添加 /favicon.ico这种方法可以获取大多数网站的favicon图,但获取的favicon图比较模糊。
2.F12此方法获取到的非favicon.icon,而是网站logo图,更加清晰。
网站的logo图一般是在首页,打开浏览器开发人员工具,选择网络–>img,再刷新,可以获取到这个页面上的所有图片。
3.浏览器插件我始终认为数不胜数的插件是浏览器的灵魂所在。根据关键字在浏览器插件市场搜索插件并安装,无论是获取favicon图还是页面上的图片都是没有问题的。下面是我常用插件的下载地址。
引用站外地址
Get 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 显示已安装的版 ...
Twikoo私有化部署(docker)前言随着博客的各种功能完善,搭建一个评论系统刻不容缓。我最终选择了Twikoo评论系统,并且进行私有化部署。
参考文档Twikoo 文档
操作步骤
以下操作在服务器里进行
安装docker首先,通过宝塔面板安装docker(如果没有安装宝塔面板,请通过命令安装)
安装好了可以通过以下命令检验
1docker -version
开始部署拉取Twikoo镜像1docker pull imaegoo/twikoo
创建并启动容器1docker run --name twikoo -e TWIKOO_THROTTLE=1000 -p 8080:8080 -v ${PWD}/data:/app/data -d imaegoo/twikoo
将服务器的8080端口打开测试容器是否正常运行在浏览器输入http://服务器IP地址:端口号>,出现下图内容表示成功
主题文件设置设置主题使用Twikoo12345678910comments: # Up to two comments system, th ...
创建图书馆等页面的基本步骤页面美化主要参考其他人的教程
我短时间内不打算更改样式,后面有时间会考虑改成抽屉样式。
其实影视馆、收藏馆与图书馆页面的大致结构差不多,现在就以搭建图书馆页面为例,讲解一下搭建步骤。
创建一个新的页面1hexo new page library
然后更改[博客更目录]/source/library/index.md,一定要添加type: library
修改page.pug打开[主题根目录]/layout/page.pug>,添加如下代码
123456789101112131415161718192021222324 when 'tags' include includes/page/tags.pug when 'link' include includes/page/flink.pug when 'categories' include includes/page/cat ...