trle5/hexo_s
trle5/hexo_s
1
Fork 0
Code Pull Requests Activity

love(photo): ☮ web accessibility for everyone

Browse Source
This commit is contained in:
Hubert Chen 2022-12-22 00:01:10 +08:00
parent 12d8ebe79c
commit 7f15f177f5
5 changed files with 25 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
urara/post/8266-switch/+page.md
View File

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

12
urara/post/urara-intro/+page.md
View File

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

4
urara/post/urara-intro/extra/+page.md
View File

@ -103,7 +103,7 @@ export const friends: Friend[] = [
演示图
![](/post/urara-intro/extra/urara-friends.webp)
![三个朋友卡片样式，其中有一个的背景使用了 Daisy UI 主题的第一和第三色做了一个左下角到右上角的渐变](/post/urara-intro/extra/urara-friends.webp)
可以看到，这个好友卡片有两种样式（页脚不算），看源文件也能看出来，有渐变底的那个卡片里有 HTML 格式的代码，我不会改，如果你有能力可以试着自己改， [kwaa](https://kwaa.dev/) 大佬提供了一个 [Tailwind Play](https://play.tailwindcss.com/0AHHfFWTgL) 用于参考与修改
@ -129,7 +129,7 @@ export const friends: Friend[] = [
效果图
![](/post/urara-intro/extra/urara-friends-me.webp)
![我自己的朋友卡片，描述是 你好呀👋](/post/urara-intro/extra/urara-friends-me.webp)
也可以随时找我申请友链，在 [关于我](/about) 页面使用任意方式联系我即可

12
urara/post/搭建一个自己的博客/+page.md
View File

@ -1,7 +1,7 @@
---
title: '搭建一个自己的博客'
created: 2022-03-05
updated: 2022-12-04
updated: 2022-12-21
image: /post/搭建一个自己的博客/banner.webp
tags:
- Hexo
@ -18,7 +18,7 @@ summary: '使用 Hexo 后端与 GitHub Pages 服务'
搭建博客并没有那么困难，大部分的时候只需要跟着步骤走就行，当然有时候碰见 bug 会是不可避免的事，这就得看运气了 ~~我是属于运气差的那一类人~~
本文里使用的博客框架为 [Hexo](https://github.com/hexojs/hexo/) ，服务器使用 [GitHub Pages](https://github.io/)。域名可使用 Github Pages 默认域名或自定义
本文里使用的博客框架为 [Hexo](https://github.com/hexojs/hexo/) ，服务器使用 [GitHub Pages](https://github.io/)。域名可使用 GitHub Pages 默认域名或自定义
**那么就正式开始吧，毕竟我也不会写太多介绍**
@ -36,11 +36,11 @@ summary: '使用 Hexo 后端与 GitHub Pages 服务'
登录到 GitHub 网页版后，可以看见左上角的 **Recent Repositories** 旁有个 **New** 按钮，点击它来新建仓库
![](/post/搭建一个自己的博客/github-repo-desktop.webp)
![在 GitHub 网页新建项目](/post/搭建一个自己的博客/github-repo-desktop.webp)
如果是使用手机来访问，可以进入 `https://github.com/<你的 GitHub 用户名>?tab=repositories` ，就能看见那个 New 按钮了
![](/post/搭建一个自己的博客/github-repo.webp)
![在 GitHub 移动端网页新建项目](/post/搭建一个自己的博客/github-repo.webp)
创建仓库需要设定仓库名与仓库类型（公开或私密），如果你希望使用 GitHub Pages 给的二级域名，你需要把仓库名设为 `<你的 GitHub 用户名>.github.io` ，否则你的 GitHub Pages 网页会变成 `<你的 GitHub 用户名>.github.io/<创建的仓库名>`，但如果你使用自定义域名的话随便设置都没问题，仓库类型推荐使用公开，因为似乎只有 Github 付费用户才能在私密的仓库中开启 GitHub Pages 功能
@ -210,7 +210,7 @@ deploy: # 此处不用填写，留空
branch: main # 或 master，根据分支来，例如我的就是 hexo
```
**这下就可以部署到 Github Pages 了，不过还得设定一些东西**
**这下就可以部署到 GitHub Pages 了，不过还得设定一些东西**
确保你的终端里配置有 git，然后设置一下用户信息
@ -229,7 +229,7 @@ git config --global user.mail "<username@github.com>"
**设定了不公开邮箱地址？**
前往 [邮箱设定](https://github.com/settings/emails) ，找到你的邮箱地址，旁边会有一个提示符号 ，把鼠标放上去或点击它，就会显示一段话和一个格式为 `<number>+<username>@users.noreply.github.com` 的邮箱地址，复制它然后粘贴到终端里即可![](/post/搭建一个自己的博客/github-email.webp)
前往 [邮箱设定](https://github.com/settings/emails) ，找到你的邮箱地址，旁边会有一个提示符号 ，把鼠标放上去或点击它，就会显示一段话和一个格式为 `<number>+<username>@users.noreply.github.com` 的邮箱地址，复制它然后粘贴到终端里即可![GitHub 的邮箱设定，开启了非公开状态，图里显示了一个数字加用户名的替代邮箱](/post/搭建一个自己的博客/github-email.webp)
呃，还得安装一下 Hexo 提供的一键部署工具

5
urara/talk/page104/+page.md
View File

@ -1,7 +1,7 @@
---
title: '闲谈杂聊'
created: 2022-04-07 08:06:21
updated: 2022-11-06
updated: 2022-12-21
image: /talk/page104/hero.webp
tags:
- 闲聊
@ -46,7 +46,8 @@ summary: '四月不知过的怎么样'
说到五一，五一就到明日方舟三周年了，但从这个学期开始真的很少很少玩了，好像当初停止玩是因为 BOSS 太难打不过去(当时查攻略的话应该是没问题的)
![](/talk/page104/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 🤤
近几年半导体的东西价格都在涨，显卡 内存 硬盘 以及本来是打着廉价开发板名号的树莓派，现在都涨了，还想整块 zero 2w 当随身 Linux 主机的 😢