3 月¶

约 993 个字 20 行代码预计阅读时间 5 分钟

2025-03-29 Saturday¶

~~2025 年第 13 周，确实一直想写个可以存档的 blog~~ 这个逻辑太不舒服了，不弄了。
以前觉得 markdown + mkdocs 就够了这两天一直渲染网页，忽然觉得还是得一点 html，谁能想到几年前自己学了半吊子的 html 居然还能用到😂。这样网页定制化更高，加上一些 css 和 javasript 确实好看😆。
为啥我的全站自动在新标签页打开，没效果 pip install mkdocs-open-in-new-tab
图片的呼吸感太舒适了，行了，开始图床，暂时不折腾外观了。
网站优化，action！
系统时间粘贴工具 get！
如无必要，勿增实体
其实今天对 git pages有了更进一步的理解，它是通过全球内容分发系统？进行内容分发的，所以响应速度还可以，但我的问题是图片太多了。

具体的解决方法也可以开始有了点轮廓：

①（已修改）png 图片格式变成 webp

②懒加载（有 js，也可以在 markdown 中直接进行设置）

③托管，Typora 可以直接进行托管转换 url（得花钱，先暂时再说，因为我是自己给自己看的更多一些解决方法：Typora+PicGo+阿里云OSS ，PicGo已下载。）

所以这里就后面再说。

2025-03-30 Sunday¶

08:49:50 还是得静态网页托管、图床

Text Only

++ctrl+alt+del+shift+command++

Ctrl+Alt+Del+Shift+Cmd

快捷键

`Alt`+`Cmd` + T	插入表格
`Shift`+`Ctrl` +D	插入当前日期 2025-03-30 Sunday
`Shift`+`Ctrl` +T	插入当前时间 09:23:04

关于如何在 mac 上进行插入日期和时间的做法

聚焦搜索：输入自动操作
打开自动搜索，选择快速操作，选择实用工具，双击选择 shell 脚本
输入 date +"%Y-%m-%d %H:%M:%S %A"
shell 脚本中，需要额外注意的设置是，输入部分选择 无输入 ，输出选择替换文本 ，点击运行，程序运行，点击结果，查看结果
保存快速操作名称 日期快捷键
打开系统设置，键盘，快捷键，服务，文本，选择找到 日期快捷键，没有可以稍等一下，录入快捷键即可。

更新 mkdocs 的使用

（1）代码块行内高亮

Text Only

``` py hl_lines="2 3" title="bubble_sort.py"
def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]
```

效果：

bubble_sort.py

def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]

(2) 无序列表

Text Only

- Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur
  accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh
  lacinia sed. Aenean in finibus diam.

    * Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.
    * Nam vulputate tincidunt fringilla.
    * Nullam dignissim ultrices urna non auctor.

Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam.
- Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.
- Nam vulputate tincidunt fringilla.
- Nullam dignissim ultrices urna non auctor.

任务列表

Text Only

- [x] Lorem ipsum dolor sit amet, consectetur adipiscing elit
- [ ] Vestibulum convallis sit amet nisi a tincidunt
    * [x] In hac habitasse platea dictumst
    * [x] In scelerisque nibh non dolor mollis congue sed et metus
    * [ ] Praesent sed risus massa
- [ ] Aenean pretium efficitur erat, donec pharetra, ligula non scelerisque

Lorem ipsum dolor sit amet, consectetur adipiscing elit
Vestibulum convallis sit amet nisi a tincidunt
- In hac habitasse platea dictumst
- In scelerisque nibh non dolor mollis congue sed et metus
- Praesent sed risus massa
Aenean pretium efficitur erat, donec pharetra, ligula non scelerisque

（3）关于折叠框的使用

Typora 自带的

Tip

Caution

Note

Important

Html

折叠摘要

好多内容好多内容好多内容好多内容好多内容

11:50:52 图床，要不然体验感太差了。
14:33:07 图床get

参考链接：Typora+Github+PicGO

步骤：

Github 上新建一个仓库，命名为与图片有关的，比如 PicGO

建好仓库以后，生成个人 token，选择 classic，两次都选择 classic，继续设置一个与图片有关的名称，下面复选框，勾选所有与 repo 有关的内容，接着生成 token，复制并保存好，后面就看不到了

回到 PicGo配置，mac 用户终端输入 uname -m 查看芯片，我的 arm86，所以选择 arm86 版本，PicGo 配置时间戳重命名，图床设置选择 Github，接着输入仓库名，main 分支，绑定快捷键 ++ctrl/command+shift++ ++P++

回到 typora 配置，图床配置，选择 PicGo，实现在 typora 中粘贴图片时自动生成图片链接

图床问题，github 需要魔法，阿里云存储 40G 也不到 10 块钱
png 格式太大了，想安装 compress插件和转格式插件，插件市场有问题。

add_circle2025-03-29 09:26:07update2025-03-30 17:54:44