Merge branch 'astro' of https://github.com/haxck/haxck.github.io into astro

haxck · haxck · commit 57c80347ecfc · 2025-09-06T21:50:45.000+08:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -10,7 +10,7 @@ jobs:
       VITE_ALGOLIA_ADMIN_KEY: ${{secrets.ALGOLIA_ADMIN_KEY}}
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           # If your repository depends on submodule, please see: https://github.com/actions/checkout
@@ -19,7 +19,7 @@ jobs:
         with:
           node-version: '18'
       - name: Cache NPM dependencies
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         with:
           path: node_modules
           key: ${{ runner.OS }}-npm-cache
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -10,8 +10,5 @@ import tailwind from "@astrojs/tailwind";
 // https://astro.build/config
 export default defineConfig({
   site: 'https://blog.haxck.com',
-  redirects: {
-    '/': '/posts/'
-  },
   integrations: [mdx(), sitemap(), tailwind(),icon()],
 });
diff --git a/autopush.bat b/autopush.bat
@@ -0,0 +1,4 @@
+@echo off
+git add src/data/blog/*
+git commit -m "new post %date%"
+git push origin astro
diff --git a/src/components/AI.astro b/src/components/AI.astro
@@ -1,17 +1,28 @@
 ---
-import { Icon } from 'astro-icon/components'
-const { ai } = Astro.props
+import { Icon } from "astro-icon/components";
+const { ai } = Astro.props;
 ---
 
 <!-- Component: Outline accordion with icons -->
-<section class="w-full bg-white border divide-y rounded divide-slate-200 border-slate-200">
-  <details class="p-4 group">
-    <summary class="[&::-webkit-details-marker]:hidden relative flex gap-4 pr-8 font-medium list-none cursor-pointer text-slate-700 focus-visible:outline-none transition-colors duration-300 group-hover:text-slate-900 ">
-      <Icon name={"mdi:stars"} class:list={"w-6 h-6"}/>
-      AI Summary
+<section
+  class="w-full bg-white border divide-y rounded divide-slate-200 border-slate-200"
+>
+  <details class="p-4 group" transition:animate="slide">
+    <summary
+      class="[&::-webkit-details-marker]:hidden relative flex items-center gap-4 pr-8 font-medium list-none cursor-pointer text-slate-700 focus-visible:outline-none transition-colors duration-300 group-hover:text-slate-900"
+    >
+      <Icon name={"mdi:stars"} class:list={"w-6 h-6 flex-shrink-0"} />
+      <span>AI Summary</span>
+      <span
+        class="absolute right-2 top-1/2 -translate-y-1/2 transition-transform duration-300 group-open:rotate-180"
+      >
+        <Icon name={"mdi:chevron-down"} class:list={"w-5 h-5 flex-shrink-0"} />
+      </span>
     </summary>
-    <p class=" text-slate-500">
-      {ai}
-    </p>
+    <div class="overflow-hidden">
+      <p class="text-slate-500 mb-0">
+        {ai}
+      </p>
+    </div>
   </details>
 </section>
diff --git a/src/consts.ts b/src/consts.ts
@@ -5,7 +5,7 @@ export const SITE_TITLE = "Haxck's blog";
 export const SITE_DESCRIPTION = "Haxck's blog";
 
 export const NAVS = [
-    {"name":"博客","link":"/posts"},
+    {"name":"主页","link":"/"},
     {"name":"收集","link":"/quote"},
     {"name":"清单","link":"/list"},
 ]
diff --git a/src/data/blog/automatically-deploy-hexo-blog.md b/src/data/blog/automatically-deploy-hexo-blog.md
@@ -2,6 +2,7 @@
 title: 自动部署 hexo 博客
 description: none
 pubDate: 2018-03-06 15:10:16
+tags: ['技术']
 ---
 
 去年将博客搬到了 Github，用的是 hexo 生成好的静态网页。此外还开了新分支来备份 hexo 源文件。每次写完文章后，hexo generate，hexo deploy 等一系列操作。
diff --git a/src/data/blog/book-zuoertingfeng.md b/src/data/blog/book-zuoertingfeng.md
@@ -0,0 +1,92 @@
+---
+title: 《左耳听风》中个人成长及程序员入门书摘
+description: 文章主要讲述了如何做正确的事，关注长期收益和个人成长，并详细阐述了个人成长的标准、程序员应具备的技能和技术，以及如何进行技术选择和深度思考。
+pubDate: 2025-03-28 15:25:45
+ai: 文章主要讲述了如何做正确的事，关注长期收益和个人成长，并详细阐述了个人成长的标准、程序员应具备的技能和技术，以及如何进行技术选择和深度思考。
+tags: ['成长','书']
+---
+- 正确的事
+	- 给个人或公司带来长期收益。
+	- 能使个人或公司有质的提升或成长
+	- 能提高效率
+	- 能解放生产力
+	- 提高竞争力
+> 多关注自己得到的，而不是自己失去的。一个人的时间、金钱、青春、精力、经验、能力等都可以用来投资，而聪明的投资者只关注自己能获得什么，而不是会失去什么。
+> 
+- 个人成长的 4 条标准
+	- 能否进入世界一流公司，并在其中表现出色。在挑战性的环境中工作，与同行竞争，学习和掌握新技能，并建立起强大的职业网络
+	- 能够在世界经济不断变化中找到稳定高质量的工作
+	- 能否做到大多数人做不到的事
+	- 是否具备领导力。具备领导力可以更好地与达人合作，发挥个人优势。
+- 真正的绩效
+	- 有效的沟通能力
+	- 有效的时间管理能力
+	- 应对变化与挑战的能力
+	- 坚持不懈与自我激励
+- 有竞争力的程序员
+	- 独立思考
+	- 获取高质量信息的能力
+	- 构建个人知识体系
+	- 个人技能
+	- 领导力
+- 如何选择技术
+	- 大公司是否使用
+	- 有没有杀手级应用
+	- 社区热度
+	- 是否有人为这项技术做贡献
+# 程序员的样子
+
+### 学习一门脚本语言
+  - 处理文本文件或 csv 文件的工具。读取文件，并对文件做操作。如单词统计，日志处理。
+  - 遍历本地文件系统的程序。统计目录所有文件的信息，按照各种条件排序和保存结果    
+  - 与数据库交互的脚本。
+  
+### 掌握一种主流编辑器
+ 
+  - 高效查看修改代码或日志，配置文件
+  
+### 熟悉 Shell 命令
+ 
+  - 文件系统结构和基本操作
+    
+  	- ls, rm, mkdir, cat, find, tar, gzip, chmod, chown, mount, ln
+	  
+  - 文本操作命令
+    
+  	- sed, awk, grep, tail, less, more
+	  
+  - 管理命令
+    
+  	- ps, top, lsof, netseat, kill, tcpdump, iptables, dd
+  	  
+  - 了解 /etc 目录下的各种配置文件，学会看 /var/log下的日志及 /proc 下的系统运行信息
+  
+### Web
+ 
+  - 修改网页样式或结构
+    
+  - 使用 js 操作 dom
+    
+  - 表单提交
+    
+  - 操作数据库
+  
+## 硬核技术
+
+### C 语言和操作系统调用
+
+  - 理解指针和内存模型，并使用 c 实现各种经典算法和数据结构
+  - Linux 系统调用
+  - WindowsSDK 编程
+###  Java
+### Web 安全与架构
+- Web 开发安全
+- Http server 的 rewrite 机制
+- Nginx 反向代理
+- Web 异步工作流
+- 数据 cache
+- 负载均衡
+### 数据库
+- 设计范式
+- 存储过程、触发器、试图、索引
+- 数据库优化
diff --git a/src/data/blog/car-license.md b/src/data/blog/car-license.md
@@ -3,6 +3,7 @@ title: 新技能：驾照
 description: "没能等上自动驾驶，只好我上了"
 pubDate: 2023-12-01
 ai: 本文主要讲述了作者考取驾照的经历，包括考取驾照的费用、科目考试的感想以及作者对于考取驾照的一些个人想法。
+tags: ['随笔']
 ---
 拖拖拉拉了两年之久，总算在 23 年年底把驾照考完了，现在我也可以开车咯。
 
diff --git a/src/data/blog/fm.md b/src/data/blog/fm.md
@@ -22,6 +22,10 @@ tags: ["随笔"]
 	- 如果你是个较真的人，这个你一定喜欢
 - Blow Your Mind
 	- 峰哥和简里里讲故事
+- 无人知晓
+  - 孟岩的声音太好听了，光是听他的声就是享受。
+  - 推荐听：
+    - #E23 此时此刻
 - 三点下班
 	- 理财
 - 理财小客栈
diff --git a/src/data/blog/mirouter-ssh.md b/src/data/blog/mirouter-ssh.md
@@ -1,9 +1,9 @@
 ---
-title: 小米路由器解锁 SSH
+title: 解锁小米路由器 SSH
 description: 解锁路由器 SSH 
 pubDate: 2025-03-03 21:39:58
 ai: 使用 xmir-patcher 工具解锁小米路由器的 SSH，并简单介绍了 SSH 登录后的基本操作和一些可以进行的折腾，但作者最终因为路由器配置和官方固件够用等原因，放弃了刷 OpenWrt 的想法。
-tags: ['']
+tags: ['技术','路由器']
 ---
 
 前段时间买了新路由，就想着玩玩 OpenWrt ，买回来也没折腾，这几天想起来了就折腾一下。
diff --git a/src/data/blog/software-in-use.md b/src/data/blog/software-in-use.md
@@ -35,6 +35,8 @@ tags: ["随笔"]
 - 效率
   - [PowerToys](https://github.com/microsoft/PowerToys)
     - 微软出品的高阶玩家工具集，有快速启动器，还能开启 mac 上文件夹中预览文件的功能。
+  - PixPin
+  	- 功能强大的截图工具，能长截图，固定截图在桌面，甚至是录制屏幕。目前已替换微信截图。
 # 浏览器插件
 - AdBlock（广告拦截）
 - 篡改猴 Tampermonkey
diff --git a/src/data/blog/syncthing-synchronize-my-notes.md b/src/data/blog/syncthing-synchronize-my-notes.md
@@ -0,0 +1,32 @@
+---
+title: 用 syncthing 同步我的笔记
+description: 文章主要讲述了如何使用 Syncthing 在多设备之间同步 Obsidian 笔记，并备份到 Github，以及 Syncthing 的一些使用技巧，如在 Windows 下自动后台运行和端口映射。
+pubDate: 2025-07-08 13:56:21
+ai: 文章主要讲述了如何使用 Syncthing 在多设备之间同步 Obsidian 笔记，并备份到 Github，以及 Syncthing 的一些使用技巧，如在 Windows 下自动后台运行和端口映射。
+tags: ['Obsidian', 'Syncthing']
+---
+我的笔记是用 Obsidian 记录，好处就是资料都在自己手里，坏处是需要自己保存。之前用 Github 来备份，因为大部分时间都是用电脑写，提交拉取也算是顺手。但设备多了之后，就有些繁琐了。
+
+Syncthing 就是用来处理多设备之间文件同步的工具，可以部署到自己的服务器上，还开源，不用担心数据泄露的问题，前提是你要管好自己的服务器。
+
+在 https://syncthing.net/ 官网下载安装还是挺方便的，安装完后在浏览器中打开 http://localhost:8384 就能进到管理界面。记得在防火墙配置允许 TCP\UDP 22000 端口通过，不然同步会有问题。
+
+## 同步到 IPhone
+
+App Store 中先下载 Synctrain，我们先来把同步服务器添加进来，在 Devices 点添加新设备，用摄像头扫描服务器的标识即可快速添加。刷新网页就能看到提示，允许即可。在 Folder 中添加 Existing Folder，选择 Obsidian 文件夹。
+
+这时需要在服务器上找到从手机上同步过来的文件夹，把 Github 中 Obsidian 文件放进去。回到手机 Synctrain 中，就能看到这个文件夹开始同步文件了。但是这只是看到这些文件，并没有下载下来，所有在手机上的 Obsidian 中并没有文件。在 Synctrain 的这个文件夹设置中，把 Selection 选到 All files 就会全部下载。全部完成后就能在手机中查看所有笔记了。
+## 备份到 Github
+
+现在服务器上有所有设备同步过来的文件，备份就不在本地做了，找 AI 写段自动提交 Github 的脚本，设个定时任务，一劳永逸。随着脚本越来越多，如何管理这些脚本成了问题，以后再琢磨这事。
+
+## 其它
+### Windows 下自动后台运行
+在运行中输入 `shell:startup` 打开启动文件夹，新建一个快捷方式，把 Syncthing 地址后面加上`--no-console --no-browser`即可。在 Win11 中由于默认使用的是终端程序，导致不能正常隐藏，解决办法是用计划任务运行一段 ps 脚本。
+```ps
+Start-Process -FilePath "D:\syncthing.exe" -ArgumentList "--no-console --no-browser" -WindowStyle Hidden
+```
+在计划任务中，用 PowerShell 打开这个脚本即可隐藏启动 Syncthing。
+
+### 将服务器中的端口映射到本地
+VS Code 中的端口映射太方便开发了，同样的方法我们在不用改防火墙配置就能访问服务器管理网页，搜了一下，原来就是一条命令 `ssh -L (本地端口)8888:localhost:8384(服务器端口) server_user@server`
diff --git a/src/data/blog/writing-blogs-in-obsidian.md b/src/data/blog/writing-blogs-in-obsidian.md
@@ -0,0 +1,22 @@
+---
+title: 在 Obsidian 中写博客
+description: 再也不用在 VS Code 中写博客啦
+pubDate: 2025-07-08 16:29
+ai: 文章主要讲述了作者如何使用 Obsidian 替代 VS Code 来撰写和发布 Astro 博客，通过 Obsidian 的模板功能快速生成带有 frontmatter 的 Markdown 文件，并利用 Markdown Blogger 插件将文件发送到 Astro 目录，最后使用脚本推送至 Github。
+tags:
+  - Obsidian
+---
+我的博客是用 Astro 搭建的，每篇文章都是一个 Markdown 文件，只是这个 Markdown 文件多了一些配置属性（frontmatter），每次写博客新建一个 Markdown 文件后都需要一些固定的 frontmatter，如标题、写作日期等。由于是固定结构，就在 VS Code 中写了一段 Snippet，每次调用就能快速把整个博客结构补全。
+
+现在经常使用 Obsidian ，就想着能不能不打开 VS Code，直接在 Obsidian 中写博客，然后发布，随即就开始了一些尝试。
+
+发一篇博客的流程是：
+1. 新建 md 文件
+2. 把文件放到 Astro 目录中
+3. 推送到 Github
+
+我们一步一步来，Obsidian 中的每篇笔记都是 Markdown，我们只需要把固定的 frontmatter 放进来即可，这一点跟 VS Code是一样的，在 Obsidian 中套用模板就行。
+
+第二步是把文件放到 Astro 目录中，在 Obsidian 插件中有一款插件就可以把文件发送到制定文件夹中。Markdown Blogger `obsidian://show-plugin?id=markdown-blogger`安装好插件后，设置好 Astro 路径，以后写好文章，`Ctrl + p` ->`markdown blogger: push`即可发送到 Astro 。
+
+接下来是推送到 Github，这个我没有想到好的方式，目前就是使用脚本文件自动提交。先就这样吧，后续再修改。可以愉快地在 Obsidian 中写博客啦。
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -0,0 +1,48 @@
+---
+import { getCollection } from "astro:content";
+import IndexPage from "../layouts/IndexPage.astro";
+import About from "../components/About.astro";
+import FormattedDate from "../components/FormattedDate.astro";
+const blogsByYear = {};
+
+(await getCollection("blog"))
+	.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf())
+	.map((blog) => {
+		let year = new Date(blog.data.pubDate).getFullYear();
+		if (!blogsByYear[year]) {
+			blogsByYear[year] = [];
+		}
+		blogsByYear[year].push(blog);
+	});
+---
+
+<IndexPage title="博客">
+	<About slot="left"></About>
+
+	<section class="px-2" slot="right">
+		<div>
+			{
+				Object.keys(blogsByYear).sort((a,b)=> -1).map((year) => (
+					<>
+						<h2 class="py-4 text-2xl font-bold">{year} <span class="text-sm">({blogsByYear[year].length} 篇)</span></h2>
+						<ul class="grid grid-cols-2 gap-4">
+							{blogsByYear[year].map((post) => (
+								<a
+									class="text-gray-900  dark:text-slate-100"
+									href={`/posts/${post.id}/`}
+								>
+									<li class="p-4 dark:bg-slate-600 bg-white shadow-lg rounded-lg hover:shadow-xl hover:scale-105 transition ease-in-out ">
+										{post.data.title}
+										<p class="pt-2 shrink-0 text-gray-400 dark:text-slate-400 ">
+											<FormattedDate date={post.data.pubDate} />
+										</p>
+									</li>
+								</a>
+							))}
+						</ul>
+					</>
+				))
+			}
+		</div>
+	</section>
+</IndexPage>
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -1,9 +1,11 @@
+@import url("https://fontsapi.zeoseven.com/3/main/result.css");
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
+
 body {
-  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif;
+  font-family:"undefined",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif;
 }
 
 h1,

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ export const SITE_TITLE = "Haxck's blog";`
`5`	`5`	`export const SITE_DESCRIPTION = "Haxck's blog";`
`6`	`6`
`7`	`7`	`export const NAVS = [`
`8`		`- {"name":"博客","link":"/posts"},`
	`8`	`+ {"name":"主页","link":"/"},`
`9`	`9`	`{"name":"收集","link":"/quote"},`
`10`	`10`	`{"name":"清单","link":"/list"},`
`11`	`11`	`]`