文章

昨天晚上 DeekSeek Harness 发了预览版本，我也是第一时间安装了，它提供了两种安装方式，下载源码运行或者通过 npm 运行。 Github: https://github.com/deepseek-ai/deepseek-harness Npm: https://www.npmjs.com/package/@deepseek-ai/dsh

主力模型不支持多模态？不换模型也能识图——我把图片外包给了多模态 API，一个 skill 搞定。

做通话录音上传，核心不是简单申请权限后读取文件。本地测试时，很多情况下只申请权限并不能稳定拿到通话记录或录音文件，尤其是 Android 真机环境。通常需要结合原生 Java 能力、打包自定义基座、真机调试来完成。

基于 CloudFlare Workers 与全球边缘网络的免服务器、极速安全、即插即用评论系统。

之前高强度使用 Cursor 作为我的主力开发工具，后来随着厂商的限制，用起来也比较麻烦，就改成了 Qoder。 如果不考虑额度和价格的话，我认为 Qoder 完全可以作为 Cursor 的平替，但问题就在这里，pro 虽然价格还是可以，但是账户额度有限，不能很好的支持日常开发工作。一个订阅周期（30 天）基本高强度使用 2.3 天就用完了，还需要重新注册

元旦在苏州玩了两天，一些简单的感想。

又是一年过去，思考良久，终于到了动笔的时候，基本都在年底 12 月中旬发出来。

快速导出 GitHub Discussions 数据的方法

很久没有在小区门口看到摆摊的小贩了，之前还有很多，最近一个月突然销声匿迹，经常能看到城管在巡逻，应该是维持卫生秩序，不让摆摊。 然后昨天晚上下班后，和女友路过小区门口看到一家摆着河南烩面招牌的小摊，价格很公道只需要 12 元，来自家乡的味道，本来晚上不打算吃东西的，但是激烈思考了几秒钟后，决定和女友一起吃一碗。 毕竟也好久没吃了，我都记不起上次吃河南烩面

因为一些需求，需要和同事之间同步一些代码，但是前提是不上云，也不想走公司内部的 svn 存储。因此打算在本地局域网起一个 git 服务，想要多台电脑像操作 GitHub 一样在本地执行各种拉取合并操作。 我锁定了开源项目 [Gitea](https://github.com/go-gitea/gitea)，可以在任何一台机器上部署类似 GitHub 的服务

好久没更新日常了，国庆出去耍了一下...不过不是旅行办了一些私事，因此也没有拍什么照片。 第一次跑全程 3000km 的高速路线，杭州 - 重庆 - 杭州，看到了路上很多不同的风景，穿梭在云端的高速，遇山钻洞，遇水架桥。  <video mut

记一次去大明山牵牛岗露营的经过，看到了星星体验很不错。

很久没出去旅游，有事来了趟南京顺便玩两天。虽然离杭州很近，但一直没有机会。 预约了侵华日军南京大暑杀遇难同胞纪念馆，非常庄严肃穆，刚好赶上淅淅沥沥的小雨，心情也变得沉重起来，感叹和平来之不易。 随后逛了总统府，了解了民国这一块的相关史实。 天色渐晚，又下起小雨，打消了前往秦淮河夫子庙的旅程，再会。 --- **侵华日军南京大暑杀遇难同胞纪念馆**

**2025/07/30 更新：** 发现 Bitwarden 可以关闭二次验证，可以通过以下方式，进入 https://vault.bitwarden.com/#/settings/account 我的账户页面。 在登录旧版扩展前，先点击底部 `停用新设备登陆保护`，登录之后再打开这个选项，提高安全性。 ![危险操作](https://imgurl.

在当今互联网世界，验证码作为人机验证的重要工具无处不在。然而，频繁输入验证码对用户体验造成了不小的困扰。今天，我想分享一个名为 "CAPTCHA-automatic-recognition" 的开源项目，它巧妙地运用 AI 技术，实现了网页验证码的自动识别与填充。 ## 1. 解决日常痛点 作为一名经常需要在不同网站注册和登录的开发者，我深受验证码困扰。

<style>.post-content img.mob{max-width:300px;margin:10px auto;display:block}</style> 前景提示：[Obsidian:如何使用坚果云进行多端同步？](/blog/146.html) 时隔三年，终于完成了这个系列，Obsidian 多端同步坚果云之移动端同步。这依赖于坚果云的

昨天周五下班后，准备食材包粽子，迎接端午节的到来。 主材料：粽叶、糯米 馅料：五花肉、豆沙、咸蛋黄、蜜枣 由于是第一次包，我跟女朋友一边看教程一边学习，刚开始用的一张叶子，总包不好，后面换成两张叶子，发现越来越得心应手。 模样不算太好看，但是都是真材实料，且没有露馅。但是好像是酱油加的有点少了，所以导致不够咸，总体偏淡，但是口感也是可圈可点，是我喜欢的

> 五一刚回来有些忙，推迟了好几天，终于可以闲下来写写游记了。 五一出去象山玩了几天，出发前一周已经做好了攻略，包括路线、时间、住宿哦、饮食等个各方面，但计划赶不上变化。最开始预估的最多三个小时就能到达目的地，结果硬是在高速跑了五六个小时，基本 2/3 的时间都在堵，特别是宁波嘉兴段高速，走走停停，不过还好带了小零食，跟对象说说笑笑就过去了，也不会枯燥。

今天中午吃完饭闲来无事，准备上 GitHub Explore 看看有没有新的开源项目推荐。 发现我的一个项目，居然成功达到了 1k star，记录一下，虽然是一个很简单的工具，但也算解决了部分用户的痛点。 已经迭代了 170+ 个 releases 版本，功能不断更新，解决了 110+ Issues，合并了 20+ Pull requests。 Git

这几年最火的事情莫过于 AI，也有可能是幸存者偏差的原因，当然这暂表不提，只谈谈我和 AI 相处的这几年，我是如何利用这个工具，提高我的工作效率，以及在生活，兴趣爱好等层面和谐融入 2022 年底 的时候，我初步接触 gpt 3.5，给我带了极大的震撼，我没想到，AI 已经进化到如此的地步，可以智能对话，处理代码逻辑，进行文字撰写工作。以现在的目光看来它很

```shell 无法加载文件 D:\Code\xxx\npm.ps1，因为在此系统上禁止运行脚本 ``` 偶尔会遇到这个问题，修改下电脑的策略就可以了。 在管理员终端输入下面的指令： ```shell Set-ExecutionPolicy -ExecutionPolicy RemoteSigned ```

本教程使用环境 Cherry Studio 1.1.17. 最近 Cherry Studio 也接入了 MCP 服务器，闲着无聊准备尝试一番，就拿最简单的高德地图来做演示，刚好最近高德也支持了 MCP 服务。 需要申请高德开发者账号，这个就不赘述了。在高德开发者控制台找到 `应用管理>我的应用`，点击`创建新应用`，类型名称随便填一下，绑定服务要选择 `

[樱花飞舞的初春 / 2024-03-26](/blog/222.html) 同样的地点，同样的时间（就差了 2 天），一直在等着上班路上的这棵樱花树盛开，花的颜色好像更好看了。 

感谢博友的文章，[《AI 实践｜零成本生成 SEO 友好的 TDK 落地方案》](https://blog.ops-coffee.cn/s/ai-powered-seo-automation-for-tdk-generation.html)。 昨天晚上刷到一篇文章，通过 AI 自动化生成网站 SEO 的 TDK，他这个方法有两点比较繁琐的地方。 > 1.

周五无意在小红书上刷到说杭州周边的山头都开始下雪，立刻打开“天文通”APP 查看，确实下雪了。  立刻喊上女朋友开始规划周六的行程。 早上 9 点左右出门，到达时 10:30 左右，将车停在了径山集散中心附近，然后乘坐景区免费的接驳车前往山顶的

GitHub: https://github.com/twikoojs/twikoo-cloudflare Twikoo 支持通过 Cloudflare Workers 进行部署服务和数据库，GitHub 仓库地址如上。 但是部署文档中有一点小坑需要注意一下，官方没有进行标注，我不清楚是只有我遇到这个问题还是怎么样，记录下来以防有其他人遇到这个问题，在搜

<style> .post-content figure{width:49%;display:inline-block;} @media(max-width:768px){.post-content figure{width:100%;}} </style> 周五晚上下班和对象临时决定做一回特种兵，极限旅游。 各自回家收拾一下，开车凌晨出发，一点多到达杭

最近在使用 wxt 框架开发浏览器扩展，记录一些问题。 https://wxt.dev/ ### 1. 隔离脚本与网站本身的样式 使用 [Shadow Root](https://wxt.dev/guide/essentials/content-scripts.html#shadow-root)，可以不让 content-scripts 侵入式影响网站

时间过的很快，又到了一年结束的时候。今年还算过的充实，不管是生活还是工作中，也是符合我的预期了。 上半年公司开发了新项目，连续加班几个月身心疲惫，好在后期补充新人，我也转战别的业务不再疯狂加班，不然真的有些熬不住... 那段时间过后感觉身体都有些不舒服，因此也发掘了一些新的爱好约上三五好友。 比如说露营，开始还不太了解，跟着朋友参加了几次露营活动，觉得

## 1. 前言 Lobechat 就不做过多介绍了，一个开源、现代设计的人工智能聊天框架。 今天就来聊聊同步的问题，Lobechat 分为社区版和正式版，正式版需要付费订阅套餐，支持全局云同步，但是最便宜的套餐都要 4.9 刀，这让我 API 用户感觉有点难以接受。因为我需要的功能社区版都已经满足了，并不打算单独对云同步付费。 官方之前有通过 Web

大慈岩位于浙江建德，半山腰有一座悬空庙，同时也是庆余年 2 的取景地，今天来到这里爬爬山打打卡。 用无人机拍出了全貌，地势也是十分惊险。  ![](https://imgurl.zishu.me/2024/11/1731162534022.web

今天带着小外甥出去晒晒太阳补补钙，去了盐官古城。 刚开发到一半就开放运营了，门票 60，有一大半区域还在施工，景点基本是没有的，也没有太多的商家入驻，只看到了一家全家便利店，其他的都是又口味一般又没听过的“特色美食”，就餐环境也不是很好。 据便利店员工聊天所知，景区不允许便利店售卖过多的快餐等食物，只有少量的面食（几盒），以恶意揣测是怕抢别的当地的饭馆生

经历了一周的降雨，整个人都发霉了，刚好看到周末两天天气非常棒，很适合出行，前往良渚踏青。   ![](https://imgurl.z

2024 年 11 月 1 日，OpenAI 在谷歌扩展商店发布了一款插件 -- ChatGPT search。 下载地址：[https://chromewebstore.google.com/detail/ejcfepkfckglbgocfkanmcdngdijcgld](https://chromewebstore.google.com/detail/

周六，天气很凉爽，虽然下了点小雾雨，但是依旧无法影响出行游玩的欲望，出去露营，地点是嘉兴市神仙湖生态公园。 不知道为什么手机导出无人机拍摄视频，再到微信保存之后这么模糊，下回买个读卡器直接导出试试看。 <video src="https://video-oss.zishu.me/1729427366636.mp4" controls muted></vi

（多图预警） 虽然因为上周国庆假期导致周六调休，但是丝毫不影响我周日的热情，邀请了几位朋友一起去西湖徒步。 从九溪公交站出发，爬五云山，看真际寺，经十里锒铛，下龙井村，绕满觉陇，赏桂花，最终满载而归。 前半程路线还比较空旷，路人并不多，到达满觉陇后震惊，人山人海，刚好赶上九月底杭州桂花开满全城的季节，而满觉陇更是每年都爆满的路段，也是走的很辛苦。不过，

国庆跟朋友约着出去露营，环境还不错，温度也挺凉快的，天气晴朗，有蓝天白云。   ![](https://imgurl.zishu.me

在开发个人项目时，写 README 文件一直是一件很头疼的事情，所幸辛苦写完了，想做个多语言版本更头疼，为了解决整个痛点，写了个 python + GPT 脚本，将这一切自动化处理了。 源码：https://github.com/anghunk/translate-README 在根目录下新建俩文件 `.env` 和 `translate_md.py`：

虽然本文是有关 Vue 的内容，但是可以作为一件奇闻轶事来阅读，因此放在了随笔分类中。 2024 年 9 月 1 日，Vue3.5 发布，命名为 "Tengen Toppa Gurren Lagann"，因为之前没有特别关注过，所以对这个名称有些好奇，翻译成中文是天元突破红莲螺岩，来源于一部日本动漫《天元突破红莲螺岩》（天元突破グレンラガン）。 继续查阅

安装依赖并生成 `tailwind.config.js` 和 `postcss.config.js`。 ```shell yarn add -D tailwindcss postcss autoprefixer npx tailwindcss init -p ``` 注意，配置中要使用 ES6 模块语法 `export default`。 ```js

我在 GitHub 搭建了一个图床，用于小量存储博客图片，为了稳定安全考虑，决定备份到 CloudFlare R2 存储桶一份，R2 默认有每月免费的 10G 存储、100 万次 A 类操作、1000 万次 B 类操作，备份完全足够了。 说到备份肯定是越自动化越好，手动上传是不可能的，因此我决定利用 GitHub Actions 执行自动任务。 话不多说

标题有些危言耸听了，只是刚好最近遇到了一些事，一些朋友的事，内心有些惆怅。 时代的一粒沙落到个体头上，都是非常沉重的代价，随着年纪的增长，越发感受到这句话。这也可能是自身能力不足的一种推辞，但真真切切落在自己头上，是一种无能为力的苦涩。 我的朋友，暂且称呼他为小 H，我们是 21 年认识的，一起骑过车，爬过山，吃过饭，也算是比较熟络了，出去玩的时候聊天，

## 一、配置 route 路由 使用 vite + vue 构建项目默认是没有 route 的，所以需要手动引入。 ### 1. 基础配置 ```shell # 建立一个 vite 项目 npm create vite@latest yarn create vite # 安装 route 依赖 npm install vue-router@4 ya

很多人在申请完 `serve00` 后无法登录，简单的介绍一下，首先会收到一封邮件，上面有： ```shell Login: xxx Password: xxx SSH/SFTP server address: xxx ``` 打开一个终端工具，比如 `xshell`， ![](https://imgurl.zishu.me/2024/08/17236

多图警告，加载缓慢。 （查看时建议点击图片查看全图~） 台风过去后据说日出特别好看，刚好赶到周日，我在凌晨 2 点定了个闹钟，驾车前往马家坞观景平台，停车还挺方便的，路边可以免费停车。 路程半个小时，又花了半个小时爬山，途中遇到很多同行的人，背着大包小包，摄像机。 大概在凌晨 3 点钟到达。 解锁了新的生活方式，不要被时间和距离束缚了灵魂。 --

多图警告，加载缓慢。 （查看时建议点击图片查看全图~） ### 场馆   ### 古籍 **《史记》** ![](https:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d27568.436010137124!2d120.0467503777646!3d30.264028288052753!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3


上周五研究了好久买了一台大疆 mini4k，非常适合新手，想体验一下在天上俯拍的视角。 今天跟朋友驾车来到青山湖，拍摄了水上森林的视角。  ![](https://imgurl.zishu.me/2024/05/1716713483621.jpg

坐标：富阳 - 黄公望隐居地，也是富春山居图的实景地点。 从市区开车过去一个小时左右，路上的风景也非常棒，吹着风。 如果有无人机设备的话，从这个角度俯拍，实现的效果将会非常好。 

`.env` 命名规则。 ```shell # 开发环境 .env 文件名 .env.development # 开发环境 .env 文件名 .env.production ``` 在 vue-cli 中，要求环境配置文件必须以 `VUE_APP` 开头，如下： ```shell # .env VUE_APP_BASE_URL = http://0.

坐标安徽宁国。 这两天公司出去团建了，到了一些风景秀美的地方，有山有水，烟雾缭绕，颇有意境。 图一是皖南川藏线起点，在酒店的附近，两者相距很近。 早上起来，湿气很重，雾气弥漫。  图二是青龙湾湖面。 ![](https://imgurl.z

假期出行，前往距离杭州 160km 的严州古城，比较小众的景点，但是人并不少。 体验还是不错的，推荐前往。   ![](https:

樱花飞舞的初春，半空中落英缤纷，蓝紫色桔梗似将画面停顿。 正是满城花开时。 

*杭州·奥体·大莲花*  

vue 把一个值赋给两个变量，修改一个变量时，另一个变量也会修改。 **原因分析** ```js this.a = res.data; this.b = res.data; ``` 同时给两个变量 a 和 b 赋值时，修改 a 的内容，打印 b 结果是一样的，因为这里的赋值是属于引用传递的，把 `res.data` 这个地址赋给 a 和 b，当修改 a

 Github 仓库：[https://github.com/cooderl/wewe-rss/](https://github.com/cooderl/wewe-rss/) 免费、开源的微信公众号订阅方式，支持私有化部署、微信公众号 RSS 生

https://github.com/markdown-it/markdown-it markdown-it 是一个基于 vue 的解析 markdown 语法的库。 在 vue 中引入 markdown-it 模块时遇到一个问题，dev 开发运行时报出以下错误，无法从非 EcmaScript 模块导入命名导出。 ```shell # shell e

杭州·城市阳台灯光秀。 

有事在北京待了两天，去圆明园遗址溜达一下，建筑物被损坏确实有些可惜。   ![](https://imgurl.zishu.me/20

回顾过去的一年，虽然对自己的经历还不是很满意，但也算是划上了一个记号，结束了一段短暂的旅程，即将迎来新的开始。我期待着新的一年，希望能够继续保持这种积极向上的状态，迎接生活的挑战。 ### 分享软件、工具和网站的周刊 我一直对技术和创新非常感兴趣。因此，我决定每周分享一些我发现的有用的软件、工具和网站。这个周刊不仅让我能够整理自己的收藏夹，还能够帮助他人

追着秋天的尾巴，沿着黄龙洞，越过初阳台，到达穗庐。   ![](https://imgurl.zishu.me/2023/170221357202

分享一下 hugo 的语法模板，如何获取总文章数和总字数，效果可以参考我的首页。 ```html {{ $articleCount := len .Site.RegularPages }} {{ $totalWordCount := 0 }} {{ range .Site.Pages }} {{ $totalWordCount = add $totalWo

记录一个方法，pyhton 通过 json 文件，在同级目录下生成对应格式的小文本。 ```py import json def generate_files_from_json(json_file): with open(json_file, 'r', encoding='utf-8') as f: data = json.lo

在 chrome119 版本下观看视频时，比如 bilibili 或者 douyin，会不时的出现闪动，黑屏，自动刷新等情况，反正我是经常遇到。 在网络上上求助时，看有人说到可能是 NVIDIA 显卡和 Chromium 内核冲突的问题。 进入设置 `chrome://flags/#use-angle` ，将 Choose ANGLE graphics

不出意外的，今天天气很好，约了个小伙伴一起出来骑行。目的地五丰岛，沿着滨江绿道一路至吴家渡口。 不过岛比较小，找了家面馆吃了午饭后，沿着小岛绕了一圈。时间还早，继续行至湘湖，平时我只在晚上去过，基本没有白天来湘湖，没想到这么热闹，很多人摊了个野餐布在草地休息，还好很多拍婚纱照的，比较好玩就多呆了会。 今日刷里程 60 公里。 ![](https://i

国庆与中秋连在一起放假了，可以出去散散心，从杭州出发一路骑行翁金线，至观潮胜地公园，位于嘉兴海宁，全程将近 70 公里。 整体的感受就是非常爽，前半程因为钱塘江大潮的缘故，游客非常之多，路上来来回回都是人，安全起见不敢骑太快，后半程才放开身心，享受骑车的乐趣和沿途的风景。 回家的路上碰到两个骑友和我的路线一致，便结伴而行，一边聊天一边刷里程，也是非常畅快

chrome117 版本更新后标签栏多了一个【所有标签】按钮，相当别扭，通过设置可以隐藏。  --- 浏览器输入 url: **[chrome://flags/#power-bookmarks-side-panel](chrome://fl

和小伙伴绕着江边骑行，欣赏了“大莲花”亚运会主场馆，杭州之门地标。   ![](https://imgurl.zishu.me

RustDesk 是一款功能齐全的远程桌面应用，支持 Windows、macOS、Linux、iOS、Android、Web 等多个平台。支持 VP8 / VP9 / AV1 软件编解码器和 H264 / H265 硬件编解码器。完全掌控数据，轻松自建。P2P 连接，端到端加密。在 Windows 上可以非管理员不安装运行，根据需要在本地或远程提升权限。

相关文献： - https://cecide.digitalgd.com.cn/monorepo/app-front/home - http://www.gd.gov.cn/gdywdt/dsdt/content/post_4205291.html --- 今天摸鱼发现了一个神奇的东西，CEC-IDE。 据说是：“国内首款适配国产操作系统、自主可控的

游湖拍摄了几张照片。   ![](https://imgurl.zishu.me/images/old/2

### 1.介绍 Bitwarden 是一款自由且开源的密码管理服务，用户可在加密的保管库中存储敏感信息。Bitwarden 平台提供有多种客户端应用程序，包括网页用户界面、桌面应用，浏览器扩展、移动应用以及命令行界面。Bitwarden 提供云端托管服务，并支持自行部署解决方案。 在调研一些市面常用的密码管理工具之后，我选择了 Bitwarden。然后

2023 年 07 月 09 日夜梦 昨晚我做了一个梦，也许是因为最近太多玩《极限国度》的缘故。在梦中，我在一条陌生的赛道上狂飙，以极速骑行。当我经过一座拱桥时，遇到了一个年轻人，他和我做着相同的动作，优雅地在空中旋转着，360 度的转体后稳稳地降落下来。 随着时间的推移，场景莫名地转变，我来到了小时候的家乡。高耸的水塔和大坝，两旁是湍急的河流。突然间，

> 使用设备 RedmiK50 拍摄。 当太阳逐渐西沉时，天空的色彩变得温暖而温和，绝美的晚霞画卷即将展开。  这是我今天最喜欢的一张照片。

项目中遇到这个问题，网页往下滑动时加载 aos 事件触发不了，原因也很简单，因为 aos.js 是在页面加载时获取页面高度从而绑定一些事件进去，但是如果这个文件加载速度比框架加载的快，会导致两者高度不一致，从而动画效果触发失败。 我尝试用 `window.onload` 但是效果并不好，依旧失败。 ```js window.onload=function

短短几分钟后，彩虹就消失得无影无踪，我庆幸自己按下了快门。 

突然萌生了骑行的想法，行动力很强的我立刻研究相关知识并付诸实践，两个小时 36 公里浅浅锻炼一下。绕着湘湖骑了一大圈，开始还有点累腿，后面慢慢就适应节奏了。 看着湖景，赏荷花，夜风迎面吹来，别有一番滋味。  ![](https:/

https://1x.antdv.com/docs/vue/getting-started-cn/ 根据 Ant Design 官方文档，在 vue2 中安装组件时使用指令： ```shell npm i --save ant-design-vue ``` 但在实际操作中会出现问题，它仅适用于 vue3 项目，在 vue2 中需要带上相匹配的版本号。

项目来源于我的突发奇想，并且基于热爱折腾的心理，利用 GitHub 本身提供的 Api，将博客管理面板化。 目前仅支持 hugo，其他程序有对应的工具，就不造轮子了。 Github: [https://github.com/anghunk/HugoFast](https://github.com/anghunk/HugoFast) 网站：[https

夕阳伴随着晚霞划破了云层。  *下班时在路口发现的风景，记录美好的瞬间。* --- https://github.com/canton7/SyncTrayzor 搞定了 SyncTrayzor，一个 Syncth

早上起来的时候看到微信群中有博友分享自己的建站时间，聊着聊着说到总字数上面，这时我才发现我的网站没有统计的地方，索性就自己写一个吧，因为是静态博客，所以不涉及后端、服务器等，只用前端的方式来解决。 这里需要借助我之前的一篇文章，[《用原生 js 给网站写个搜索功能》](/blog/189.html/)，里面有提到如何生成一个文章列表 json 文件，这里我

本周行程：万松书院出发，翻越凤凰山，登顶玉皇山，俯瞰八卦田。 上周和朋友爬山，由于实力太弱拖了后腿，因此奋发图强，直接下单了一把登山杖，差生文具多。但是有一说一，登山杖是真的好用，不管是上山还是下山都很借力，对膝盖起到了一定的保护作用。 这次徒步旅行相对来说还是比较轻松的，拥抱大自然，见到了很多不一样的风景，这是城市所不能拥有的，特别是登高望远，那种心理

Github Actions 监听仓库 commit 事件，然后执行自动化打包流程，并通过第三方平台自动部署，发布非常方便。 ```yml name: Build on: push: branches: - main jobs: build: runs-on: ubuntu-latest steps:

 这棵树刚种下的时候，还是宋朝初年。  茶园，梅家坞。 ![](https://

春日繁花媚不言，天高云淡乐无边。 雨过天晴添好景，走遍山川任心怜。 持续了一周的降雨，终于迎来了一天晴朗，决定去春游。 杭州西湖 - 郭庄，花圃公园打卡。 ![](https://imgurl.zishu.me/images/old/20230326/d5c32b7965bb7d8169fc474a55e2315.34x05tgzayw0.web

本文也算是一篇教程，可以给 hugo 网站加个搜索功能，并且实现热更新，体验感更好。 如果是其他程序，只需要按照特定的模板生成以下格式的文件即可，主要代码从 第 2 部分 开始，第一章节写的是如何用 hugo 输出文章列表 json 文件。 `title` 是文章标题，`permalink` 是文章链接。 ```json [{ "permalink

 *使用 openai 生成。 [大漠孤烟直，长河落日圆]* 不知不觉，已经坚持写博客 1000 天了，从 2020 年 6 月 14 日开始，第一次踏入这个圈子。

要在 GitHub 上生成新的 SSH 密钥，请按照以下步骤操作： 1. 打开终端或命令提示符。 2. 输入以下命令：将"your_email@example.com"替换为您在 GitHub 上注册的电子邮件地址。 ```shell ssh-keygen -t rsa -b 4096 -C "your_email@example.com" ``` 3.

Vue 不允许在已经创建的实例上动态添加新的根级响应式属性，它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上。 如果直接给数组添加对象，视图不会更新，但是可以输出正确的值；只有通过 `this.$set` 覆盖才可以更新视图。 ```js for (let i = 0; i < this.data.l

周末出游，去了两个古镇，体验还不错，分享几张旅游风景照。   ![](https:/

如题，我是否陷入了信息茧房？暂时是以一个疑问句的形式出现，因为我还未确认事实真的如此。  **什么是信息茧房？** 信息茧房是一种现代的网络语境下的概念，指的是某些人因过度沉溺于网络而逐渐隔离于现实世界，形成了

想在文章中插入 iframe, video, 以及其他比如 summar y 等标签，可以配置一下 config 文件。 1. 如果是 `config.toml`，加上下面配置； ```toml [markup] [markup.goldmark] [markup.goldmark.renderer] unsafe = tru

## 1.介绍 cloudflare 有一个非常好用的功能---Workers，可以在无服务器的状态下运行一些程序，包括常见的反向代理等。 所以我利用这一功能实现对 gravatar 反代，达到国内访问加速的目的。 话不多说，开始流程操作，分享我的部署过程。 **1.登陆后，在主页点击左侧的 `Workers`，然后点击`创建服务`。** ![](

memos 是一个具有知识管理和社交功能的开源自托管备忘录中心。 Github 地址：[https://github.com/usememos/memos](https://github.com/usememos/memos) 可以用它本身提供的 api，然后结合静态博客，做成一个在线的动态列表，类似于朋友圈功能。 接口 url 有固定的格式，open

点击页面时可以弹出随机颜色小心心，目前我的网站就使用了这个特效。 直接将下面的代码复制到引入的 js 文件中即可，不用进行其他配置。 ```js !function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transf

不出所料，每天往返于公司，地铁，住的地方，我阳了。 很难受，客观记录一下我的症状吧。 **第一天：2022/12/19** 持续发烧 38℃左右，没有吃药，硬抗过去。 抗原测试呈阳性，应该是第二天或者第三天了，但是前几天没有任何症状，所以就不算在内了，从昨天夜里才开始起反应。 在床上躺着四肢酸痛，皮肤掉皮，呈粉末状，大概是高烧的原因。 嗓子哑疼

~~枯木逢春~~。  又到了一年一度的总结时间，回顾自己这一年做了些什么。我通常都是在最后一个月开始进行总结，预留出足够的时间让我可以好好思考与回顾，如果时间很短就会显得很仓促。没有什么主题，就是想到哪写到哪

越长大越不想长大，在人生的第 24 年经历了很多事情。 

冬天来了，杭州今年的雪来的猝不及防，前天还是十多度，今天下雪，走在路上只感到寒风刺骨。 “白雪纷纷何所似？ 撒盐空中差可拟。 未若柳絮因风起。” 

 `[ ]+{ }`：一个数组加一个对象。 加法会进行隐式类型转换，规则是调用其 valueOf() 或 toString() 以取得一个非对象的值 (primitive value)。

转自 youtube: https://youtu.be/o0ewAMw-ftg --- 很遗憾我自己的手机像素不行，拍不清晰，但是肉眼可见的红，也有些壮观。 

远上寒山石径斜，白云深处有人家。 停车坐爱枫林晚，霜叶红于二月花。 

>demo: https://img.zburu.com/ 今天分享一下如何使用 Github 作为图床，首先就要推荐这个工具 picx。 Github 仓库：[https://github.com/XPoet/picx](https://github.com/XPoet/picx) 本文的图片全部使用该工具上传，然后通过 Staticaly 进行 c

localStorage 是浏览器自带的一个属性，只读的 localStorage 属性允许你访问一个 Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。localStorage 类似 sessionStorage，但其区别在于：存储在 localStorage 的数据可以长期保留；而当页面会话结束——也就是说，当页

分享一个 hugo 一键打包并上传 github 的方法，前提是你之前上传过 GitHub 仓库。 采用 window 支持的 sh 可执行文件，在根目录新建一个 `hugo.sh` 文件，里面放上一些命令。 ```shell hugo # cd public time=$(date "+%Y-%m-%d %H:%M:%S") echo $time

晚上给朋友写了一个油猴脚本，场景是一个拥有很多输入框的表单，多为经常填写的一些字符串。跟我说了一下，刚好没什么事情，吃完晚饭抽两小时出来简单写了写。 需求是预设多套模板，后期可以自己添加内容，置顶在网页空白处，点击按钮让设置好的文本填充到网页的表单中。 处理起来很简单，我原本打算使用ajax调用json文件，把模板写在json中，这样一目了然便于后期自行

业务中需求的方法，接口返回一个数组，里面包含了大量的对象，具有同名的属性名，比较常见。但是需要将其中参数为 name 的属性值全部取出，合并成数组。 ```js const num = [ { id: 1, name: 'abc', }, { id: 2, name: 'xyz',

今天在坐地铁的过程中，突然想要一个问题，一个安全稳定，便于记忆的密码时什么样子的。是否要包括字母大小写，数字，以及特殊符号？ ### 如何设置并存储？ 我想这是必须的，但是密码如果太过复杂，就不便于记忆。而想要记忆就必须有自己的规律，可一旦有了规律，别人在破解的时候就有了更多的思路，安全性相对来说就下降了。 不论怎么想，这两者是冲突的，很难让它们统一起

https://poets.org/poem/so-you-want-be-writer 这是曾经询问过自己的一个问题，我想很多人在年少时期可能都会有过这样的经历，渴望将自己的文字带给更多人。 这件事情大多发生在高中时期吧，如果我没记错的话。忽然想起来那个年轻段的人都有些中二，看了不少玄幻和悬疑小说，心中泛起了写小说的念头，于是动笔。但最终也没有坚持很久

如题，这是我今天思考的话题。灵感来源于我在 dev.to 网站上看到的一个帖子。对于 learning 的方式，更倾向于看文档还是视频？我觉得可以从多个维度进行分析。 1. 学习进度，也可以说是过程 2. 行业领域 3. 后天应该养成什么样的习惯呢？ ### 1.学习进度 学习进度应该是对学习方式影响最大的因素了。 学习的初始阶段以看视频为主，应该对

浴鹄湾，东靠杨公堤，西临三台山路，北至三台梦迹景区，南到赤山埠。 <iframe src="//player.bilibili.com/player.html?aid=557639773&bvid=BV1Ye4y1d7rp&cid=822949281&page=1" scrolling="no" border="0" frameborder="no" fr

公司团建，随手拍两张照片。   白居易诗。 ![](https://imgurl


- 监听对象时如果值是 null 会报错，默认值设置为{}； - for in 只能遍历对象 i in 4 是错误的写法； - 动态获取数组 - 拼接传参 ```js var arr = [ "单位 1", "单位 2", "单位 3", "单位 4", "单位 5" ] ``` ```js // 1.数组 [] for (va

落霞与孤鹜齐飞，秋水共长天一色。  放个图防止抑郁。 --- 昨天看了一个帖子很有感触，土生土长的城市本地人很难体会每隔一段时间要重新建立社会关系的难受，从小到大，每到一个地方上学，从陌生变为熟悉，中间总有有一段难熬

来自一位朋友的意难平。 <img src="https://imgurl.zishu.me/images/old/2022/08/04/62eb2eb5d2d21.jpg" style="width:400px;">

实测好用，没有坑。 管理员权限下打开终端，输入。 ```shell reg add "HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32" /f /ve ``` 随后重新启动资源管理器即可 ```shell taskkill /f /im

> 本文专为 Anghunk 主题开发文档而写。 > https://github.com/anghunk/Anghunk 方案是在[梦繁星](https://blog.emoao.com/)的协助下完成的。 ### 介绍 Anghunk 评论携带很多精美的表情，但是正常情况下 Typecho 后台是没办法正常解析这些表情的。如下图； ![](htt

好像很久没有写随笔了，最近发生的事很多，却不是件件如人心意。上午烈日当空，下午乌云密布，也已经是常事。当然我说的是天气。 生活只是尽量让自己过的更好，喂自己一口毒鸡汤，艰难前行。 "定个小目标，先瘦他个十斤！" 子舒狠狠的咬下一块鸡肉发出豪言壮语。 周五总能让人变的浮躁，所以我才静下心来随便写点，千万别当真。 --- ![](https://img

```shell # 删除之前无法使用的面板环境 rm -rf /www/server/panel/pyenv #重新获取新的面板环境和更新包 curl http://download.bt.cn/install/update_panel.sh|bash ```

示例如下。 ```js <template> <div class="posts"> <div v-for="item in list" :key="item.cid" > {{ item.title }} </div> </div> </template> <script> impor

2022 年 7 月 8 日，安倍晋三在街头发表演讲时遭枪击。据奈良市消防局称，遇袭的安倍晋三目前失去意识，心肺停止。嫌疑人 41 岁男子山上彻也（现住奈良市）随后被控制。 相关报道： [https://www.sohu.com/a/565207100_121425542](https://www.sohu.com/a/565207100_12142554

手机像素一般，更主要的是拍照手法不行，拍不出优美的感觉。 

接上篇文章 [《关于我选择笔记系统这件小事》](/blog/121.html) ，Obsidian 的个人体验很棒，我也打算长久使用作为个人知识库。 但是它有一个弊端，就是本地离线化导致同步是个问题，官方的同步服务很贵，给我劝退了，因此我寻求了其他的同步备份方案，就是今天我要分享的坚果云 + Obsidian。 ### 注册账号 在[坚果云官网](ht

一个有趣的 demo ```js this.smalltoBIG(43533534.78); //肆仟叁佰伍拾叁万叁仟伍佰叁拾肆元柒角捌分 smalltoBIG (n) { var fraction = ['角', '分']; var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌'

分享一个掘金抽奖的油猴脚本，可以一键签到，抽奖，梭哈。 攒多一点矿石，体验买彩票的感觉。 <summary>油猴脚本代码<details> ```js // ==UserScript== // @name 掘金抽奖 // @namespace http://tampermonkey.net/ // @version 1.2

传统的 usb 接口是一个神奇的物品，当你插入第一次的时候肯定是反方向的，所以你要反过来插第二次，但是结果仍然是插不进去。这个时候你就会发现，它存在第三面，所以当你再次反过来的时候就可以正常插进接口了。 这就是 usb 接口的三面性 😐。 所以为了保护精神和心理不受伤害，请离开传统的 usb，投入 type-c 的怀抱吧！

当情绪破防的时候， 任何事情都是最后一根稻草。 --- 尘埃落定。 ---2022/06/23

随着年龄的增长，越发感觉自我想象力的缺失。 最近迷上了科幻小说，遂找到刘慈欣的小说集，大概二十多篇，花上一周时间研读完毕，只有一种惊艳的感觉，不论是文笔还是世界观架构，都令我着迷。 而大刘作为理工生，将充满浪漫色彩的想象力和严谨的物理学知识相结合，我很佩服。 诗云中对宇宙艺术的理解，是我最喜欢的一篇，文明发展到最后，生存就已经变成了婴孩时期的啼哭，除了

typecho 在评论时默认是没有 `@` 评论人的功能，可以用代码加一下。 在 `functions.php` 中： ```php /* * 评论回复时 @ 评论人 */ function get_comment_at($coid) { $db = Typecho_Db::get(); $prow = $db->fetchRow(

抽空看完了爱死机第三季，个人感受比第二季优秀，但是还是不如第一季。太过追求三者的结合，科幻与死亡的元素，不够灵活。 但是其中的剧情还是比较精彩的，比如邪神那一集，估计只有了解克苏鲁的人才能看懂，结局也比较贴合剧情走向。女子挖去了眼睛和耳朵，听不到邪神的喃语，才免受精神污染，活着走出危机。（2022/05/26） --- bootcss4 是一个轻量前端

### 前言 网站经常备份好处就是遇到问题以后可以迅速的恢复，不那么被动，防止信息丢失，操作性很大。虽然搭建一个网站非常容易，但为了应对网络上各种各样的意外情况，避免自己的网站付诸东流，做好网站备份是非常有必要的。 现在邮箱接收都支持附件文件，将网站文件和数据库文件备份到我们自己的邮箱也是一种很好地备份方式，也防止备份文件丢失。 邮箱接收附件文件大小，

分享一个 python 的库 ---fonttools，针对字体文件进行处理非常方便。 ### 下载 需要先在电脑上下载 python 环境，这个就不多说了。 然后在本地命令行输入： ```shell pip install fonttools ``` ### 字体库 1. 本地新建一个文件夹，取名为 `fonts` ，随意即可。将自己需要压缩整理

好事和坏事总是接踵而至，你永远不知道下一秒会发生什么。但是总有解决的办法，不是吗？但实际上我也不确定。 昨天很晚才睡，想了很多，乱七八糟的。生活哪有容易的事情，就跟摸石头过河一样，跌跌拌拌，最后才找到适合自己生活的模式。（2020/05/09） --- coding 构建部署同步 github 好像有 bug，搞了半天最后重新刷新 GitHub.com

起因是因为觉得 v2ex 网站主题略有拥挤，阅读体验不好，而正好网站支持自定义 css，所以就在参考其他人的基础上，修改了一套比较美观的样式。 本来是自用的，但是看到有人发帖分享主题，我也索性将它分享出来了。 v2ex 帖子：[https://www.v2ex.com/t/851735](https://www.v2ex.com/t/851735) G

五一假期回老家处理一些事情，收拾东西的时候，从角落里翻出来几张老照片，很有怀念意义。（2022/05/03） <img src="https://imgurl.zishu.me/images/old/2022/05/06/2a17e3f7b4257687e194a430405357b1.png" style="width:400px;"> <img sr

> 文章废弃 ### 部署 ```shell docker run --name siyuan -itd -p 6806:6806 -v /opt/my_siyuan_path:/opt/siyuan --restart always b3log/siyuan ``` ### 备份 ```shell sudo su # 查看容器列表 docker

今天醒的很早，原来以为是失眠，结果是早起，这两天发生的有点多，导致情绪都有些低落，精神萎靡。希望风波赶紧过去，太影响生活了。 （2022/04/25） --- 很喜欢雨后的阴天，骑着车，微凉的空气扑面而来，清新而舒适，本来早上有些困倦的大脑清醒了很多。 可惜时间很短暂，中午又迎来了焦灼的烈日。 （2022/04/26） --- 已经连续五天的核

受年龄增长以及生活影响，人接触到的新事物和知识将会越来越多，大脑就显得有些混乱了，我也不敢保证自己的思维会始终保持一个高强度的在线状态。 因此决定整理个人知识库，将大脑中的片段和思想整理出来。以笔记和文字的形式将他记录下来，但是最近一直在寻求这样的工具，多方对比，也没有一款能真正满足我的需求的工具。 最好是自建的笔记，因为我今天在语雀写了一篇私密笔记，或

先点击收藏一个页面，然后右键它，选择修改，在网址输入框复制下面的 js 代码，就可以一键填入了。 将其中的昵称，邮箱，网址修改成自己的信息。 目前支持绝大多数主流博客平台和系统，如果发现没有起作用，可以在下面代码里面修改增加一下 input 的属性。 如果你不会修改的话，可以在评论区留言没有起作用的网站，我可以更新代码。 ```js javascri

正式启动一周碎碎念计划，起因是无意中发现了一个网站，[古天乐的博客](https://www.kootinlok.com/blog4.0/blog/blogList.php) 。看完之后震撼了，虽然每天都是很简短的一句话，但是一个习惯坚持了 12 年。 因为我决定仿效他的做法，看看自己是否能坚持足够长的时间。碎片化一些记录，然后通过语雀小记进行记录，最后在

如题所述，想要在闲置的服务器中跑一些服务，青龙面板代挂京豆现存很多开源的脚本，安全性已经经过很多人验证，可以放心使用。 因此我也安排了一个脚本，成功部署之后，就写这篇不算教程的笔记来记录一下整个过程。 Github: https://github.com/6dylan6/jdpro 作者会更新一些部署的指令，如果安装不成功可以对照文档中的指令。

清明过去两天了，由于出去玩了两天，身体很累等原因，再加上工作忙碌所以没有来得及记录。今天略有闲时间，整理一下随笔。 ### *爬山---杭州半山森林公园* 相比于西湖等景点，半山已经算是人非常少的呢，因为疫情原因也不敢去外地太远的地方，万一给隔离就完蛋了，所以就在市内景点挑人少没去过的地方玩了一下。 ![](https://imgurl.zishu.

`v-viewer` 基于 vue 的一个插件，可以实现图片放大，缩小，旋转，拖拽，预览等各种功能，效果还是很棒的。这是我在 Github 摸鱼时发现的一个仓库，感觉很有用，就分享一下使用过程。 Github: [https://github.com/mirari/v-viewer](https://github.com/mirari/v-viewer)

新建组件 `Canvas.vue` 。 ```js // @/components/Canvas.vue <template> <div :style="{ height: waveAllHeight + 'px', background: bgColor }" class="wave"> <canvas id="wave1"></canv

如题，我花了一个多小时，参照 nuxt 文档，把搜索功能给加上了，记录一下相关代码。 可以选择放在 `components/<Search />` 里面，然后引入到 head 模板，也可以单独创建一个页面，我选择的是后者。 新建一个页面模板 `/pages/search.vue` 。 ```js <template> <div> <Hea

需求：我将博客和 typecho 后台结合起来，打算做一个在线说说的功能，在 typecho 中输入内容，然后调用接口，实现在我的博客查看说说功能的功能。是不是有点绕？我也这么觉得，但是折腾一下也挺好的。 typecho 导出的数据默认是时间戳格式，那我在前端调用的时候就很麻烦，所以选择在 sql 查询时直接转换，created 是表里面的参数。 `

迫于我之前的电脑已经服役了六年，还是高考结束后购买的，一直陪伴我度过了整个青春 ?。大学时写论文，作业都是通过它。 但是最近越来越严重，主要是屏幕的色域出现了一些问题，大面积发白，很伤眼睛。 其次显卡配置等，虽然凑合一下还能用，但也是很多年前的产物了。显卡、cpu 也是不能满足我目前的使用了（~~主要是现在的游戏太吃配置了~~），综合考虑我决定让它退

想了很久，也算是结合自己的心境吧，打算正式起一个博客名称，以前子舒的博客，也就是挂着自己的名字，总觉得差点意思。所以现在决定更名为 '不如吃茶去'。其中含义，听我娓娓道来... --- 我是从中学开始接触音乐的，当时喜欢唱歌，会听很多当时流行的歌曲。那时候比较火的最多的还是周杰伦的歌，还有就是林俊杰等歌手。 然后再到初入高中，准确的说应该是初三，开

如何使用 php 写一个接口，然后将数据以 json 文件格式调用。 ```php <?php header('Content-Type:application/json; charset=utf-8'); header("Access-Control-Allow-Origin:*"); $servername = "localhost"; $u

花了两天时间，终于把 Artalk 部署好了，一款数据自托管带后端的评论程序，非常适合我。这篇文章就介绍一下我部署的流程，以及我在部署过程中遇到的一些问题，将它记录一下，以便之后研究，顺便对使用 Nuxt.js 搭建博客的伙伴提供一些参考价值。 Artalk 地址：[https://artalk.js.org/](https://artalk.js.or

万物更新，旧疾当愈，长安常安。 今日是除夕，极目不见故土，抬头却是一片星空。 今年也是在杭州过的第三个新年，因为疫情的缘故，支持国家防疫政策。 如果所有人都祝你新年快乐，那我祝你历遍山河仍觉得人间值得。 去岁千般皆如意，今年万事定称心。新的一年，愿日子如熹光，温柔又安详，你我赤诚且勇敢，欣喜也在望。 也希望自己能继续不忘初心，一切如少年。

在浏览网站时，受限于网站的缺陷，我们通常都会写一些脚本和插件来进行扩展，常规方法有油猴和谷歌插件两种，油猴也是一种插件，使用起来很方便，今天要讲的是如何通过谷歌插件进行注入。 按照结构生成下面几个文件： ```shell |chrome-plugin |---manifest.json |---script.js |---favicon.ico ```

### 0. 引言 如果再来一次的话，我不敢保证还会再做出这样的选择。 “悲剧是一种特殊的，无与伦比的喜剧。任何一种事物走到极端时，都会不可避免的朝着反方向前进。所以正确的方法应该是在随着时间的推移中，通过自身的动力以及外在的压力双重作用下，不断修正自己，那句话怎么说来着，是一种缓慢但稳定的螺旋式上升。”男子响亮而坚定的声音在天花板下回荡。​ ###

最近在读柏拉图的《理想国》，源于罗翔老师的推荐，让我也有一些冲动。也抱着对自己灵魂有一丝净化的作用。让浮躁的内心安静下来。 但是通书有一点诡辩的色彩，所以还是要认真分辨的。不可掉入设置的“陷阱”，就像是生活一般，做事都要对其认识分析，不可一概而信。人都是主观的，每个人读到的内容都是不一样的。 >当一个人知道自己将要死亡的时候，会有一种恐慌和忧虑在他的

在部署一个网站之后，我们最关心的事情无异于是访问量，以及对它的分析。国内的百度统计是一个不错的选择，基本的功能都是免费的。 只需要在 head 中引入一串 javascript 代码即可。 ```html <!-- <script> var _hmt = _hmt || []; (function() { var hm = document.cr

我真的老了吗？看看我的网易云音乐年度报告分享吧！ | 图片 | 图片

找到根目录下 `config.inc.php` 文件，在最前面加入下面的代码。  ```php define('__TYPECHO_GRAVATAR_PREFIX__', 'ht

记录一次不大不小的事件，2021 年 12 月 20 日，cdn.jsdelivr.net 国内 ip 全面崩盘，说是证书出错了，然后所有使用 cdn.jsdelivr.net 进行加速的资源全部 404。 我也是在朋友圈看到的这个消息，上线一看果然全部显示丢失。 对国外资源没有影响，所以这是一次只出现在国内的问题，jsd 官网都还在，估计是 cdn 配

2021，不知不觉，又过去一年了。 因为最近也比较忙，所以一直拖到了中旬末，现在闲下心准备闲谈一下。 该说不说，坚持写博客也有 500 多天了，大概是我的水平有限，产出的技术文章也是寥寥无几，大多是一些笔记和一些生活中的琐碎事。 认识了几个一起玩博客的新朋友，优化了一下自己网站，然后帮助别人解决一些力所能及的问题，大家都很友善。 但是感觉今年好像没有做

写博客必不可少的一个功能就是图片灯箱功能，也就是点击放大查看。但是不同程序的博客所使用的插件也都不一样，我这里研究出一套可以满足绝大部分程序的灯箱插件。已经测试过 hexo, hugo, typecho 均无问题。 ## 引入文件 首先引入我们关键的两个文件分别是 `zoom.css` 和 `zoom.js` 。 ```html <!-- head 头

因为一件小事有感而发，在人际交往的过程中，我们通常都会关注一些细节，从而影响对一个人印象。这是一个作为人很正常的行为。 打个比方，两个人聊天，其中一个人不停拿起手机查看，就很给人一种很没有礼貌的印象。假如说有工作要忙，或者其他要处理的事项，这当然另当别论。换个思维，如果真的有那么忙，也不会发生此次社会交互行为活动。所以这是一个悖论了。基本上不存在忙的要命的

格局刚好。 

这段时间双十一，发现没有了往年那种囤货淘宝的欲望了，翻来翻去不知道买什么，包括那些活动，有好多朋友给我发链接助力我都没怎么弄，可能是生活的打磨让我对它没兴趣了吧~~ 唯一的消费活动就是买了一台服务器，腾讯云正在做双十一特惠活动，一台 2h4g6m 的服务器，三年才一百多，个人感觉还是比较划算的，以后可以放一些脚本，跑跑服务啥的，还可以把我的博客挂在上面。

>英文地址：https://javascript.plainenglish.io/demystifying-javascript-arrow-functions-7b2a0908a2b3 >通过掘金翻译计划活动进行翻译 ![](https://imgurl.zishu.me/images/old/2021/11/05/b48745e783a796580

这个属性对我来说还真有些陌生，无意中发现的，查询过 MDN 之后听得挺有意思的，就记录一下。 根据字面意思就是“将数据以表格的形式显示”。这个方法需要一个必须参数 data，data 必须是一个数组或者是一个对象；还可以使用一个可选参数 columns。 表格的第一列是 index。如果数据 data 是一个数组，那么这一列的单元格的值就是数组的索引。如

`getTimezoneOffset() 方法` 方法返回 UTC 时间和本地时间之间的时差，以分钟为单位。 >世界协调时间 (UTC) 是世界时间标准设定的时间，UTC 时间与 GMT 时间（格林威治时间）相同。 测一下我所在时区和标准时区的时间差 ```js function myDate () { var d = new Date();

好长时间没回老家了，这次本想借着国庆七天回家一趟，顺便处理一些其他的事情。所以我从 9 月 30 日晚，与家人一同驾车回家。 ### 艰难的回家之路 刚上高速跑得很快，原以为已经错开出行高峰期，结果发现是我想多了，不出意外的堵在高速上。 导航呢，这时候也是推荐不走高速，直接从国道走（真的是后悔），然后我们就下了高速，结果这个导航给我整的有点蒙，在临安绕

先写一个简单的 html 页面出来 ```html <style> /* ... */ </style> <ul> <li>html</li> <li>css</li> <li>js</li> </ul> ``` 通过 `Math.random()` 属性可以随机生成一个数字，然后通过转化为十六进制的方法进行处理，下面就是随机生成 6

Cusdis 是一个界面清爽、注重隐私的轻量级 (~5kb gzip) 评论系统，可以很方便地与 React、Vue 或其他博客系统结合，并且还提供了一个后台来管理所有的评论。 由于 Cusdis 自称是 Disqus 的替代方案，因此它还支持一键从 Disqus 导入、支持邮件通知等功能。 官方地址：[https://cusdis.com/](http

数字递增，顾名思义就是数字不断增加，数字递增的效果就是要一定时间内，让数字有一个增加的特效，一般用于强调某个内容。 用 jquery 也很好处理，大概就是下面这些。 * `data-to` 属性代表最后想要递增到的数值 * `data-speed` 代表数值想要递增的过程时间 `class="num-ber"` 和 `id="count-number"

`npm install`下载依赖包的时候出现下面错误，请求失败。 ```shell npm ERR! FetchError: request to https://registry.npm.taobao.org/cnpm failed, reason: connect ECONNREFUSED 127.0.0.1:1181 ``` 调试过后发现是本地代

## 关于这个博客的构成 这个就放在最前面吗，算是起到一个统计整理的作用。 博客基础的框架使用是 hugo, 前端样式是自己慢慢构思的，可能是因为没有设计师的天分吧，构思出来的 UI 就很奇怪。 我也尽量将色彩往黑白上靠，就是为了避免色彩的冲突造成阅读的不适，以文字为主体，也可以将我的重心转移到写文章上来。 然后通过本地渲染构建了 `public`

>接口链接：[http://121.196.166.173/img/img.php](http://121.196.166.173/img/img.php) >展示 demo：[http://121.196.166.173/img](http://121.196.166.173/img) ## 前言 为了写博客以及其他的一些用途，我使用服务器搭建了一个连

从 6 月 8 日世界海洋日开始，南大洋将被认定为世界第五大洋。世界上就有七大洲，五大洋啦！中学课文需要改一改了。 美国国家地理学会宣布，南极洲周围海域将被称为南大洋，并正式承认南大洋为地球第五大洋。 南大洋是海洋生态系统的重要家园，也是南半球的焦点。它直接包围着南极洲，从大陆的海岸线一直延伸到南纬 60 度。 海洋的边界与其他四个大洋中的三个相连——

如何在 vue 中完成一次接口的调用？首选就是 axios，方便快捷又好用，支持各种 api ,封装也很方便。 先用 node 安装一下。 ```js npm install axios ``` 然后在 main.js 文件中引入。 ```js import axios from 'axios' import VueAxios from 'vue-a

为了方便写一些东西，pc 端和手机端都可以同步，我用 leanote 搭建了一个在线笔记，但是必须在服务器后台运行一个指令 ```shell base run.sh ``` 不然就访问不了端口，我也不可能时刻在终端保持指令运行，所以就需要把指令放在服务器后台，让它自己保持运行，刚好有这么一插件 `Supervisor管理器 2.2` 。 ![](htt

## 1.问题 >css 中使用动画属性会和同标签下的 fixed 属性冲突，导致定位失效，那么该如何解决他呢？ ## 2.分析 简单说一下问题产生的背景，昨天夜里我想给我的博客页面做一个简单的动画，浏览器刷新的时候从下往上渐现的效果，代码如下： ```css /* index-container 类名是页面的主体部分 */ .index-conta

>转载自：[https://www.moeor.com/26.html](https://www.moeor.com/26.html) ## 前言 本教程讲解 Oracle Database Express Edition (XE) Release 11.2.0.2.0 (11gR2) 版本的下载安装教程！ 该版本是一个便携式安装版本，直接安装，就可以

## 1.前言 本文从[Typecho](http://typecho.org/) 简介开始讲解，其中包括服务器的选择，以及域名注册，服务器系统选择，宝塔安装，环境配置，Typecho 安装包括中间的防采坑注意事项，为您提供完整的保姆级搭建流程，请珍惜哦！ 如果不喜欢前面的啰嗦讲解，请跳过，直接从宝塔安装开始。 不喜勿喷，谢谢！ 需要买服务器可以 [

我想很多小伙伴在写博客的时候都能遇到一个令人头疼的问题，某一篇文章想用 `iframe` 引入一个外链视频，但是大小总是有问题，宽度可以固定到 100% ，但是高度比如用实际高度来表示，比如 `100px`, `200px`，诸如此类。 但是问题来了，在不同的页面宽度下，视频的高度是一致的，就会导致一个很麻烦的问题， 看下面两个图， **pc 端**

>2021 许嵩第 8 张全创作专辑《呼吸之野》首支曲目《乌鸦》5 月 7 日正式发行。 ## 《乌鸦》 <img style="width:100%" src="https://imgurl.zishu.me/images/old/2021/05/07/362e4b4d20e38d46a9d8445317a9a020.png"> 我们都曾领受过误解、

> 由于博友不在维护博客，导致图片链接丢失，仅以此为纪念。 > 2023-06-02 --- >文章作者：[江江_Jan](https://www.jannns.com) >文章链接：https://blog.jannns.com/posts/Kieslowski-and-his-reality/ >版权声明：本博客所有文章除特别声明外，均采用

## 一、搭建 docsify 是一个类似 vuepress, gitbook 等静态文档程序，但是对比之前，个人还是喜欢 docsify 的风格和源码。不想要那么多附带的功能，能满足写文章，目录的功能就行了。 打开终端输入指令，把本地环境搭建起来： ```shell npm install docsify-cli -g ``` 初始化文档： ``

清明时节雨纷纷，路上行人欲断魂。 ### 云栖竹径  ![](https://imgurl.zishu.me/images/old/2021/04/04/a27aeb1b582c6

之所以学习 Python，本意是想写一些脚本之类的程序，用来在浏览器爬一些自己想要的文字，图片等资料，这些程序其实 GitHub 蛮多的，但奈何我对后端的语言一窍不通，直接拿过来给我用我都不会。 因此就萌生了先学习 Python 基础知识的想法，一直听说廖雪峰的 Python 教程写的不错，这次趁着这个机会要好好研读一番。也没想说用的多牛逼，至少希望能为自

问题产生于需求，因为项目需要适配 pc 和移动端多套布局，所以某些元素在特定的宽度下会产生错位的现象。 如果是在 css 中，可以很好的判断，使用媒体查询可以实时检测页面的宽度，从而给予标签不同的属性。 ```css @media (max-width:768px){ ... } ``` 在 js 下可以使用下面这种方法 ```js wind

有一个需求，滚轮滚动到相应位置的时候执行当前的动画，这个动画在`footer`里面，而网页的主体通过`ajax`进行渲染，我在 js 里面调用 ajax 渲染数据，然后再获取主体的高度，滚动到该高度的时候执行动画。 本地测试了一下没什么问题，该有的效果都有了。放在服务器上测试发现无论怎么写，都是先获取主体的高度，然后才进行数据的渲染。那么必然高度是一个极小

>起因是因为 IE10 不兼容 es6，所以引发了一系列的问题。 ### 一 使用`ajax`拼接字符串有很多方法，最简单的莫过于使用 es6 的语法中的关键符号， ```js str += `<li class="wrap-item"> <div class="pic-wrap"> <div class="pic">

通过 jquery 进行 ajax 请求数据是一种较为简便的方式，我简单写了一个本地的`data.json`文件，然后用`get`请求数据，下面是部分代码 ```js // ajax 请求获取数据 function picShow(){ var str = ''; $.ajax({ url:'./js/data.json',

1. IE10 不支持箭头函数，写 js 的时候慎用。 2. IE10 下对 js 的语法要求严格，正常参数后如果没有多余的代码，写个`,`会报错，如果加了删掉就 OK，Chrome 下不会产生影响。 3. zoom 属性能不用，尽量别用。我在 Chrome 使用 zoom 进行大小调整，放到 IE10 运行，整个页面都错位了，找半天才想起来之前给一个容

页面监听是我们经常用的一个功能，下面两个段代码表示两个事件，分别在页面滚动 500px 和 1000px 的时候触发，在代码中使用了箭头函数。 ```js window.addEventListener('scroll', () => { var scrollTop = document.documentElement.scrollTop i

```js $("#test").click(function () {     $('html,body').animate({ 'scrollTop': '0' }, 500,) }) ``` 这行代码使用的是 jquery 的写法，一个 500 毫秒的动画，这样写在 Chrome 浏览器等没问题，可以正常运行。 但是今天在写项目的过程中，要求代码

ps：先说点题外话，因为工作的原因很久没更新博客了，最近也是告一段落，处理一了一些事情之后可以安心坐下来，把我的博客重新整理一下。 今天要讲的是 css3 的一个新属性 `animation`，也算是一个回顾吧，我只是将平时如何使用，以及一些技巧分享出来。如果想学习更基础的内容，可以点击链接：[https://www.runoob.com/css3/css

最近正在面试，遇到了很多有意思的东西，比如今天，在面试前先做了一套面试题，其中有这么一道题，觉得挺有意思，之前也没见过，就打算记录下来： ```html <!-- Chrome 浏览器 12px 字体大小以下无法显示，均显示为 12px，应该怎么解决。 --> ``` 我确实有点蒙，在之前写代码的时候，没有遇到过这样的情况，不过既然这样问了，就得想出解决

很多小伙伴在做个人网站或者博客时，总能用到各种各样的图床工具，毕竟在写文章的时候需要插入一些图片，我也不例外，来盘点一下之前用的工具， 1. 最开始是找一些免费的图床网站，比如 sm.ms 等，但是后来为了安全性和稳定性考虑放弃了这种。 2. 然后是在 github，gitee 仓库存储的（缺点就是 github 访问速度有些尴尬，gitee 其实挺好的，

typecho 博客建立完成之后，会发现如果插入一些小表情，页面渲染完之后，表情不会显示，并且表情之后的内容全部消失，导致体验感很差。 表情无法显示的原因是 uft-8 编码的问题，无法识别小表情，需要将其改成 utf8mb4 ### 第一步，进入数据库 首先登陆博客后台的数据库，然后点击 sql，输入下列代码： ```sql alter tabl

在浏览掘金社区的时候，发现一个很有意思的小彩蛋，在个人主页将鼠标悬浮在头像上，会不停的加速旋转，我感觉挺有意思，f12 看看这个样式怎么写的，发现用到了 css3 的相关技术。 下面是具体代码，img 是头像元素，直接写在 hover 中即可。 ```css img:hover { transform: rotate(666turn); t

## 一、javascript 由三部分组成 ### 1.ECMAScript（核心） 它规定了语言的组成部分：法语，类型，语句，关键字，操作符等等。 ### 2.DOM（文档对象模型） DOM 把整个页面映射为一个多层节点结果，开发人员可借助 DOM 提供的 API，轻松地删除、添加、替换或修改任何节点。 ### 3.BOM（浏览器对象模型）

## 1.webpack 的核心概念 1. **entry（入口）**：一个可执行模块或者库的入口。定义了打包后的入口文件。 2. **output（出口）**：指示 webpack 如何去输出，以及在哪里输出。 path: 打包文件存放的绝对路径 publicPath: 网站运行时的访问路径 filename: 打包后的文件名 3. **mo

最新网上爆出风风火火的一件事，许嵩的《有何不可》被抄袭，抄袭者为罗聪，《简单的幸福》。 我从 14 年开始听许嵩的歌，一直到现在，许多年过去了，他的歌依旧脍炙人口，从之前的抒情浪漫情歌，批判社会的思想，一直到现在具体哲学内涵，中华传统思想。大部分都是包揽作词作曲为一身，真的很有才华。 因为太有才华了，所以被“碰瓷”抄袭。这也算是一场闹剧了。据说嵩哥本人对

最近发了很多关于 React 的文章，记录遇到的新技术点，以及在写代码过程中遇到的问题，希望可以帮助到和我遇到同样问题的同学。 今天分享的是一款基于 React 的富文本编辑器－－Braft Editor。 >Braft Editor 官网：[https://braft.margox.cn](https://braft.margox.cn) >Githu

关于 [React 框架](https://react.docschina.org/) 和 [Vue 框架](https://cn.vuejs.org/) 的对比，用两者写出同一个程序，对比其代码实现的过程，看看它们的差异究竟有多大？ >转载于：https://blog.csdn.net/csdnnews/article/details/81880378

`create-react-app` 脚手架指令可以生成 React 项目，在项目完成之后执行打包命令 `npm run build`，文件夹内生成 `build`文件夹，就是打包后的文件，在浏览器运行 `index.html` 发现页面空白，打开控制台有报错，css 和 js 文件的引用路径有问题。 浏览 `index.html` 代码可以发现： ``

本文主要写如何在 React 中引入 less。因为 less 和 css 非常像，因此很容易学习。而且 less 仅对 css 语言增加了少许方便的扩展，这就是 less 如此易学的原因之一。 ## 1.安装 less ```shell npm install less less-loader --save-dev ``` ## 2.暴露 webpa

来源于：[https://react.docschina.org/docs/forms.html](https://react.docschina.org/docs/forms.html) ## 一、表单 在 React 中，html 表单元素的工作方式和其他的 DOM 元素不太一样，因为表单内部通常会保持一些内部的 `state`，比如下面这个纯 ht

年度总结这个东西很有意思（我觉得），可以静下心来好好回顾一下这一年做了些什么事情，希望我能养成这个好习惯，多总结。 这个博客是我在年中搭建起来了，到现在也将近半年了，没怎么做过 seo 优化，也没怎么想过推广，就简简单单的写一些自己的东西。更大的原因是我的文笔太拙劣，不敢让人发现，哈哈哈。 大学四年过的还算充实，学到了自己感兴趣的东西，培养的业余兴趣爱好

## 一、React 组件是什么？ >组件，从概念上类似于 javascript 函数，他接受任意入参`（props）`，并返回作用于描述页面展示内容的 React 元素。 组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思。 ### 1.创建一个组件 ```js // 函数组件 function Welcome(props)

Github: https://github.com/lydiahallie/javascript-questions 相当不错的一个 Github 仓库，`javascript questions` ，作者每周都会发布一些有关 javascript 的题目，虽然不难但是考察细节，刷了一会，其实一些很简单的问题，结果因为细节思考不到位直接出错。 >引用

React 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同 React 事件的命名采用小驼峰式（camelCase），而不是纯小写 使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串 ## 一、事件处理 ### 1.事件绑定 React 元素的事件处理和 DOM 元素类似，但是在语法上有些区别，比如： **

缘于一些小事，本想发在朋友圈里，但是熟人挺多，不方便发，就在博客里吐槽一下 一个正常的人际交往应该是互相传递出好的情绪，开心的事情，这样不但有利于两个人之间的交往，而且对个人对身心健康也是有帮助的 正面的情绪绝对有助于自己的身体和心理健康，反观整体郁郁寡欢，跟别人说自己多不顺，和别人吵架，不好的情绪就传达给另一个人了 并不是说不能找人倾述自己生活的不痛

在 React 项目中，render 方法只能有一个根元素，一般都是 `<div> <div/>` ，然后在里面写上我们的组件，渲染到浏览器一看，除了我们想要显示的组件，外面还套着一层 div，如果在写项目的时候，套了很多曾组件，那么每一层都会多出来一个父级元素 div，不美观，而且在调整样式的时候会有些麻烦 因此，React 提供了一个占位符 Fragm

根据官网文档来解释，为什么不可变性的概念在 React 中非常重要的原因，一般来说，有两种改变数据的方式。第一种方式是直接修改变量的值，第二种方式是使用新的一份数据替换旧数据 >[React 文档](https://react.docschina.org/tutorial/tutorial.html#why-immutability-is-importan

有关 react 框架的学习计划，除了之前推荐的 react 开源作者写的学习建议，我还参考了阮一峰的 react 实例教程，写的通俗易懂，又难易并进，可以很快的掌握 react 的核心要点 之前说了，为了公司的项目决定学习 react 框架，看了一份 react.js 开源作者的一份学习计划，[react 学习路径－－怎么学习 react？](../20

进行重新加载编译。实际就是将浏览器不认识的语法编译成浏览器认识的语法。比如 less 编译成 css，ES6 语法 转成 ES5 等等。 减少 io 请求，通常我们在请求后，会返回一个 html 到浏览器。这时，我们如果打开控制台，就会发现在 html 页面通过 script,link 等标签引用的静态资源，浏览器会再次发出请求去获取这些资源。但是 web

## 一、计算属性 computed ### 1.例子 ```html <div id="app"> <div>{{message}}</div> <div>{{revermessage}}</div> </div> <script> var vm = new Vue({ el: '#app', data: {

## 一、vue 实例 ### 1.创建 vue 实例 一个 vue 实例应该通过`new Vue`来创建根实例，所有的 vue 组件其实都是 vue 实例 ```js var vm = new Vue({ ... }) ``` 当一个实例被创建时，`data`对象中的 property 都被加入到 vue 的响应式系统中，当值发生改变时，试图也

## 一、什么是 vue? 练习时使用，最新版本 ```html <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> ``` 生产时使用，明确版本号的版本，避免造成不可预见的问题 ```html <script src="https://cdn.jsdelivr.n

类是对的类型，类是具有相同属性和方法的一组集合，一个类可以对应多个对象，对象通过他们公开的方法来定义他们与外界的交互行为，而方法就形成了与外界交互的接口 ## 类，对象和接口 ### 1.类和对象 区别： 1. 对象是类的一个实例。就比如一个人，他有具体的属性，身高，体重，姓名等状态，跑步，跳舞等行为 2. 类是抽象的概念，代表一类事物的模版。对一类

vue 使用 cli 脚手架构建项目工程，执行的命令以及遇到的相关的问题 ### 1.下载安装 node 测试一下是否成功安装， ```shell $ node -v // 返回下载的版本号 ``` ### 2.安装 webpack 环境 ```shell $ npm install webpack -g // 如果失败，可能是因为用户没有权限 //

转载于：[https://github.com/petehunt/react-howto](https://github.com/petehunt/react-howto)，react 开源作者对于 react 框架的一个学习路径的建议，个人感觉还是相当不错的学习路线 --- # 如何学习 React? 如果你是一个 React (或者前端) 新手，出

在写一个小 demo 的时候，无意中发现定义变量的时候直接写入 value，会导致获取不到数据，或者获取的不是我们想要的内容，在 js 中运算不能随便把 value 属性定义成变量 先看一段代码 ```html <input type="text"" id="a"> <span>*</span> <input type="text" id="b"> <i

事件一般是用于浏览器和用户操作之间的交互，当用户执行某些特殊的操作时，浏览器给予反应，触发绑定的事件，`事件流`，事件发生时会在元素节点和根节点之间按照约定的顺序传播，事件经过的所有节点都会受到事件的影响，这个传播过程被称为 DOM 事件流 ## 函数事件 事件一般是用于浏览器和用户操作之间的交互，当用户执行某些特殊的操作时，浏览器给予反应，触发绑定的事

`querySelector`和`querySelectorAll`的用法和`getElementBy`大致一样，获取的时候带上符号，getElementBy 获取的是元素的`动态集合`，querySelector 获取的是元素的`静态集合`。 <red>但是需要注意：getElementBy 系列和 querySelector 系列的区别</red>