posts: 📝 undo photo short link

This commit is contained in:
Hubert 2023-01-16 16:27:38 +08:00
parent b18e145c2d
commit c4ebb17e02
Signed by: trle5
GPG Key ID: 2935B4DE0D6F7720
6 changed files with 26 additions and 26 deletions

View File

@ -38,13 +38,13 @@ summary: '可接入 HomeKit 来控制开关'
分别是组合起来和分开的图(线懒得拆,直接拍照了<sup>虽然后面还是拆了</sup>
![继电器装上与分开的图](./8266-relay.webp)
![继电器装上与分开的图](/post/8266-switch/8266-relay.webp)
带 esp826601s 的继电器淘宝均价在 ¥12 左右
- CH340C 烧录下载器
![CH340C 烧录下载器](./ch340c-flash.webp)
![CH340C 烧录下载器](/post/8266-switch/ch340c-flash.webp)
这个烧录器的价格在 ¥6~10 左右,单独的话买不太值这个价
@ -59,11 +59,11 @@ summary: '可接入 HomeKit 来控制开关'
如果你手头有单独的模块,也可以自己接,但我自己接的好像不怎么好用
- esp 8266 模块 ![esp8266 模块](./esp8266.webp)
- esp 8266 模块 ![esp8266 模块](/post/8266-switch/esp8266.webp)
这个的供电 Micro USB 接口插拔太多次导致松动,掉下来了
- 可由 DC 5V 电流控制的继电器 ![DC5V 继电器](./DC5V-relay.webp)
- 可由 DC 5V 电流控制的继电器 ![DC5V 继电器](/post/8266-switch/DC5V-relay.webp)
虽然这里有展示,但后面不会讲这个,因为拼起来用了不太稳定,放到路由器旁边都有时会没响应
@ -91,7 +91,7 @@ HAA 固件我推荐选择只需使用一个文件的 `fullhaaboot.bin` 二进制
首先得把模块和烧录器连接起来,参考下面的图片,担心接错也可以核对一下针脚再连接
![模块接上烧录器与分开的图片](./ch340c-esp-01s.webp)
![模块接上烧录器与分开的图片](/post/8266-switch/ch340c-esp-01s.webp)
### 刷入固件
@ -105,7 +105,7 @@ HAA 固件我推荐选择只需使用一个文件的 `fullhaaboot.bin` 二进制
刷写固件完成后,请将模块重启一遍,然后打开手机或其他可使用 WLAN 功能的设备,查看可用的 WiFi 列表,不出意外可以找到一个名为 `HAA-ABCDEF` 格式的开放 WiFi 网络,连接它,然后打开浏览器,访问 [192.168.4.1:4567](http://192.168.4.1:4567/) 页面
没有问题的话,你的浏览器会加载出一个橘黄色的网页,如下图所示 ![橘黄色的 HAA 配置网页](./setup_orange.webp)
没有问题的话,你的浏览器会加载出一个橘黄色的网页,如下图所示 ![橘黄色的 HAA 配置网页](/post/8266-switch/setup_orange.webp)
图片来源: [Setup Mode - RavenSystem/esp-homekit-devices](https://github.com/RavenSystem/esp-homekit-devices/wiki/Setup-Mode) 进行过透明像素调整以适合比例
@ -167,7 +167,7 @@ HAA 固件我推荐选择只需使用一个文件的 `fullhaaboot.bin` 二进制
接下来把模块接到继电器上,将 5V 的供电线接到模块右边橘黄色框里的两个供电接线端子,从正面来看,左边是 `GND(-)`,右边是 `VCC(+)`,不放心的话请自己看看继电器的 PCB 有没有标识正负极,确定没有问题后再接上供电
![分别为接了线的继电器正反面,标记了供电与继电的接线端子](./8266-relay-2.webp)
![分别为接了线的继电器正反面,标记了供电与继电的接线端子](/post/8266-switch/8266-relay-2.webp)
此处黑色线为供电,白色线为输出,还有一条粗的绿色线用于连接正极电流到常开端口
@ -189,7 +189,7 @@ HAA 固件我推荐选择只需使用一个文件的 `fullhaaboot.bin` 二进制
这里我是将它作为一条可开关的 USB 延长线,也就是继电电压与供电电压一致,线分为输入部分和输出部分,我只需要使用它来控制输出部分的线就可以当成开关来使用了
![先接电源线,再输出线,最后用一条线把供电正极与继电常开端连接起来](./relay-wiring.webp)
![先接电源线,再输出线,最后用一条线把供电正极与继电常开端连接起来](/post/8266-switch/relay-wiring.webp)
首先把供电按照正负极接入 `GND(-)``VCC(+)`,暂时先不要拧上接线端子

View File

@ -134,7 +134,7 @@ Urara 的后端结构大致分为 `src` 与 `urara` 文件夹,其中 `src` 文
打开其中的 `urara` 目录,你会看到两个文件夹与一张图片,第一个文件夹 `assets` 中也有几张图片,它们是 demo 自带的资源,我也不清楚哪里会用的到,自己琢磨要不要删除吧
![三个项目,两个文件夹和一个樱花图标图片](./urara-folder.webp)
![三个项目,两个文件夹和一个樱花图标图片](/post/urara-intro/urara-folder.webp)
还有另一个 `hello-world` 文件夹,点进去可以看到两个文件夹、一张图片和一个名为 `+page.svelte.md` 的文件,再打开其中的 `toc-disabled` 文件夹,能看到另一个名为 `+page.md` 的文件
@ -242,7 +242,7 @@ export const site: SiteConfig = {
```
这里放一张链接预览的效果图 ![Telegram 的链接预览,展示了网站名、作者名称、简介和设定的图片](./telegram-preview.webp)
这里放一张链接预览的效果图 ![Telegram 的链接预览,展示了网站名、作者名称、简介和设定的图片](/post/urara-intro/telegram-preview.webp)
#### 主题配色、顶栏菜单与博客页脚
@ -397,7 +397,7 @@ export const date: DateConfig = {
我们尝试拆分一下,先看 demo 的页脚
![网站页脚,分三行,有订阅链接按钮、年份、版权和作者名称,还有由 Urara 驱动的文字](./footer.webp)
![网站页脚,分三行,有订阅链接按钮、年份、版权和作者名称,还有由 Urara 驱动的文字](/post/urara-intro/footer.webp)
可以看到第二部分的页脚分为两行,第一行为 **Copyright © 2022 John Doe**
@ -412,7 +412,7 @@ Copyright © {footerConfig.since && footerConfig.since !== new Date().toJSON().s
是不是看懂了一些? **Copyright © 2022 John Doe** 中的 **Copyright ©** 是按照人类可读形式写在文件里的,这说明我们可以随意修改,例如我们把 **Copyright** 改为 **版权** ,保存后等待测试服务器读取到更改或手动重启,再进入网站就发现 **Copyright** 已经变为了 **版权**
![同样是网站页脚,其中的 Copyright 被替换成了版权](./footer-2.webp)
![同样是网站页脚,其中的 Copyright 被替换成了版权](/post/urara-intro/footer-2.webp)
中间的日期就是自动生成的,原理应该是获取网络时间吧,我不清楚
@ -456,7 +456,7 @@ Powered by // 可读文字
演示一下不同主题下加了 `tooltip-secondary` 的信息框颜色差别,同样也只截取了部分主题
![三个 Daisy UI 主题,分别为 AQUA、LO-FI 和 PASTEL还有对应的信息框配色](./footer-custom.webp)
![三个 Daisy UI 主题,分别为 AQUA、LO-FI 和 PASTEL还有对应的信息框配色](/post/urara-intro/footer-custom.webp)
方便添加这种样式,这里就放一个默认提示框的示例,复制修改一下写进文件里自己测试吧
@ -473,7 +473,7 @@ Powered by // 可读文字
效果图
![网站页脚,名为“这里是文字”的超链接弹出了信息框,显示 “这里是弹出的文字”](./footer-test.webp)
![网站页脚,名为“这里是文字”的超链接弹出了信息框,显示 “这里是弹出的文字”](/post/urara-intro/footer-test.webp)
接下来也就没有其他要修改的地方了,那么这篇文章就正式结束了吧,当然如果后续发现错漏时,依然是会来修正的

View File

@ -281,7 +281,7 @@ export const friends: Friend[] = [
演示图
![三个朋友卡片样式,其中有一个的背景使用了 Daisy UI 主题的第一和第三色做了一个左下角到右上角的渐变](./urara-friends.webp)
![三个朋友卡片样式,其中有一个的背景使用了 Daisy UI 主题的第一和第三色做了一个左下角到右上角的渐变](/post/urara-intro/extra/urara-friends.webp)
可以看到,这个好友卡片有两种样式(页脚不算),看源文件也能看出来,有渐变底的那个卡片里有 HTML 格式的代码,我不会改,如果你有能力可以试着自己改, [kwaa](https://kwaa.dev/) 大佬提供了一个 [Tailwind Play](https://play.tailwindcss.com/0AHHfFWTgL) 用于参考与修改
@ -307,7 +307,7 @@ export const friends: Friend[] = [
效果图
![我自己的朋友卡片,描述是 你好呀👋](./urara-friends-me.webp)
![我自己的朋友卡片,描述是 你好呀👋](/post/urara-intro/extra/urara-friends-me.webp)
也可以随时找我申请友链,在 [**关于我**](/about) 页面使用任意方式联系我即可
@ -377,7 +377,7 @@ export const projects: Project[] = [
]
```
![一个与页脚等宽的项目卡片,左侧是展示图片,右侧是介绍信息](./urara-projects.webp)
![一个与页脚等宽的项目卡片,左侧是展示图片,右侧是介绍信息](/post/urara-intro/extra/urara-projects.webp)
目前这个拓展不能不放图片,图片框架有最小限制,图片尺寸不够的话会顶部居中对齐,图片过高则会往下纵向拓展,宽度固定

View File

@ -36,11 +36,11 @@ summary: '使用 Hexo 后端与 GitHub Pages 服务'
登录到 GitHub 网页版后,可以看见左上角的 **Recent Repositories** 旁有个 **New** 按钮,点击它来新建仓库
![在 GitHub 网页新建项目](./github-repo-desktop.webp)
![在 GitHub 网页新建项目](/post/搭建一个自己的博客/github-repo-desktop.webp)
如果是使用手机来访问,可以进入 `https://github.com/<你的 GitHub 用户名>?tab=repositories` ,就能看见那个 New 按钮了
![在 GitHub 移动端网页新建项目](./github-repo.webp)
![在 GitHub 移动端网页新建项目](/post/搭建一个自己的博客/github-repo.webp)
创建仓库需要设定仓库名与仓库类型(公开或私密),如果你希望使用 GitHub Pages 给的二级域名,你需要把仓库名设为 `<你的 GitHub 用户名>.github.io` ,否则你的 GitHub Pages 网页会变成 `<你的 GitHub 用户名>.github.io/<创建的仓库名>`,但如果你使用自定义域名的话随便设置都没问题,仓库类型推荐使用公开,因为似乎只有 Github 付费用户才能在私密的仓库中开启 GitHub Pages 功能
@ -229,7 +229,7 @@ git config --global user.mail "<username@github.com>"
**设定了不公开邮箱地址?**
前往 [邮箱设定](https://github.com/settings/emails) ,找到你的邮箱地址,旁边会有一个提示符号 ,把鼠标放上去或点击它,就会显示一段话和一个格式为 `<number>+<username>@users.noreply.github.com` 的邮箱地址,复制它然后粘贴到终端里即可![GitHub 的邮箱设定,开启了非公开状态,图里显示了一个数字加用户名的替代邮箱](./github-email.webp)
前往 [邮箱设定](https://github.com/settings/emails) ,找到你的邮箱地址,旁边会有一个提示符号 ,把鼠标放上去或点击它,就会显示一段话和一个格式为 `<number>+<username>@users.noreply.github.com` 的邮箱地址,复制它然后粘贴到终端里即可![GitHub 的邮箱设定,开启了非公开状态,图里显示了一个数字加用户名的替代邮箱](/post/搭建一个自己的博客/github-email.webp)
呃,还得安装一下 Hexo 提供的一键部署工具

View File

@ -46,7 +46,7 @@ summary: '四月不知过的怎么样'
说到五一,五一就到明日方舟三周年了,但从这个学期开始真的很少很少玩了,好像当初停止玩是因为 BOSS 太难打不过去(当时查攻略的话应该是没问题的)
![Lineage OS 19 更新题图](./hero.webp)
![Lineage OS 19 更新题图](/talk/page104/hero.webp)
Lineage OS 在 26 号的时候正式更新了 [Lineage OS 19](https://lineageos.org/Changelog-26),不知道 [Linux4](https://github.com/Linux4) 大佬什么时候让我的 s10e 吃上 Official Lineage OS 🤤

View File

@ -42,7 +42,7 @@ Urara 吸引我的其实还有设计,切换页面有动画、组件颜色跟
在这里放张来自 [**wrapped.run**](https://wrapped.run) 的 GitHub 统计图
![来自 wrapped.run 的统计图,列出了我提交量前三的仓库、语言统计、收藏与被收藏数量,关注与被关注数量,以及最近关注的三个用户和最近关注我的三个用户](./wrapped_Interstellar750.webp)
![来自 wrapped.run 的统计图,列出了我提交量前三的仓库、语言统计、收藏与被收藏数量,关注与被关注数量,以及最近关注的三个用户和最近关注我的三个用户](/talk/page112/wrapped_Interstellar750.webp)
<big><b>菜鸟</b></big>
@ -94,7 +94,7 @@ Urara 吸引我的其实还有设计,切换页面有动画、组件颜色跟
今年的游戏时间似乎是骤减,相比之前少了很多(感觉上),放一个[**我的 2022 年 Steam 回顾:**](https://s.team/y22/ffrtvndf?l=schinese)
![我的 2022 年 Steam 回顾,打开过 330 次游戏,新玩了 1 个游戏,总共玩过 10 个游戏,完成了 12 个成就](./steam.webp)
![我的 2022 年 Steam 回顾,打开过 330 次游戏,新玩了 1 个游戏,总共玩过 10 个游戏,完成了 12 个成就](/talk/page112/steam.webp)
大部分时间还是在打 CS:GO其次是我的世界再其次...没了
@ -211,15 +211,15 @@ Spotify 的听歌排行,有 101 首,最近发现好像有些歌莫名奇妙
逛过几次公园,虽然拍了很多,但放几张拍的好看的就行了
![在步行梯扶手处对着天空斜上方拍了一张图片,可以看到步行梯的扶手和台阶地板是木头做的,栏杆则是刷了白漆的铁栏杆](./DSC_0369.webp)
![在步行梯扶手处对着天空斜上方拍了一张图片,可以看到步行梯的扶手和台阶地板是木头做的,栏杆则是刷了白漆的铁栏杆](/talk/page112/DSC_0369.webp)
在一个很多步行梯的地方往上拍,不太懂这个建筑应该叫什么
![一个很有意思的屋子,在一家商铺上方凸出了一个被像是绿色藤蔓覆盖了的阳台?似乎不那么透光,顶上也有封起来,还有一张深绿色的厚塑胶片盖住了顶部防水](./DSC_0539.webp)
![一个很有意思的屋子,在一家商铺上方凸出了一个被像是绿色藤蔓覆盖了的阳台?似乎不那么透光,顶上也有封起来,还有一张深绿色的厚塑胶片盖住了顶部防水](/talk/page112/DSC_0539.webp)
去往另一个公园的路上遇到的有趣建筑,表面被像是藤蔓的植物还是人造的东西覆盖了,不知道支撑材质是什么,感觉是钢架子做的
![一辆作为公园景点的坦克,不知道已经在这里放了多久,早已锈迹斑斑](./DSC_0556.webp)
![一辆作为公园景点的坦克,不知道已经在这里放了多久,早已锈迹斑斑](/talk/page112/DSC_0556.webp)
作为公园内景点的坦克,记得某位朋友喜欢坦克,就拍了下来,估计在这里放了很长时间