受年龄增长以及生活影响，人接触到的新事物和知识将会越来越多，大脑就显得有些混乱了，我也不敢保证自己的思维会始终保持一个高强度的在线状态。 因此决定整理个人知识库， ...继续阅读 (13)

受年龄增长以及生活影响，人接触到的新事物和知识将会越来越多，大脑就显得有些混乱了，我也不敢保证自己的思维会始终保持一个高强度的在线状态。 因此决定整理个人知识库， ...继续阅读 (13)

受年龄增长以及生活影响，人接触到的新事物和知识将会越来越多，大脑就显得有些混乱了，我也不敢保证自己的思维会始终保持一个高强度的在线状态。 因此决定整理个人知识库，将大脑中的片段和思想整理出来。以笔记和文字的形式将他记录下来，但是最近一直在寻求这样的工具，多方对比，也没有一款能真正满足我的需求的工具。 最好是自建的笔记，因为我今天在语雀写了一篇私密笔记，或许因为内容略带敏感吧，然后就被审查了，说我违规。 语雀这是我目前最满意的工具，但是现在对他的热情瞬间降低了很多。我怕哪天一下子账号里面的笔记全部被删了，那样我会很绝望的。 接下来我还会多方对比，最终选择一款平台亦或者是自建的笔记系统。 博客是写给别人看的，笔记是给自己看的，包括一些计划，列表清单等等，都是隐私的内容。还有就是一些文章的草稿，碎片化的记录，所以不宜放在博客上。 而且对于功能方面，我也有较高的要求，比如拖拽，表单，下拉框，卡片等等，都是我比较需要的，隐私和安全性更是我比较看重的。 暂时就这样吧，我会慢慢寻觅。 2022/05/03 更新 经过为期一周的尝试和部署过后，我最终决定了使用思源笔记，可以使用 docker 进行私有部署，本地备份，而且还可以选择付费订阅，备份到官方，这是两种可以同时进行的选择，我觉得很好的满足了我的需要。 主要还是思源的功能以及外表打动了我，页面简洁而美，功能不臃肿，刚好我需要的他都有，一点也没 ...继续阅读 (15)

先点击收藏一个页面，然后右键它，选择修改，在网址输入框复制下面的 js 代码，就可以一键填入了。 将其中的昵称，邮箱，网址修改成自己的信息。 目前支持绝大多数主流博客平台 ...继续阅读 (12)

先点击收藏一个页面，然后右键它，选择修改，在网址输入框复制下面的 js 代码，就可以一键填入了。 将其中的昵称，邮箱，网址修改成自己的信息。 目前支持绝大多数主流博客平台 ...继续阅读 (16)

先点击收藏一个页面，然后右键它，选择修改，在网址输入框复制下面的 js 代码，就可以一键填入了。 将其中的昵称，邮箱，网址修改成自己的信息。 目前支持绝大多数主流博客平台和系统，如果发现没有起作用，可以在下面代码里面修改增加一下 input 的属性。 如果你不会修改的话，可以在评论区留言没有起作用的网站，我可以更新代码。 javascript:void function(){var lauthor=["#author","input[name='comname']","#inpName","input[name='author']","#ds-dialog-name","input[name='wc_name']", "input[name='nick']",],lmail=["#mail","#email","input[name='commail']","#inpEmail","input[name='email']","#ds-dialog-email","input[name='wc_email']","input[name='mail']",],lurl=["#url","input[name='comurl']","#inpHomePage","#ds-dialog-url","input[name='url']","input[name='wc_website']", ...继续阅读 (11)

正式启动一周碎碎念计划，起因是无意中发现了一个网站，古天乐的博客 。看完之后震撼了，虽然每天都是很简短的一句话，但是一个习惯坚持了 12 年。 因为我决定仿效他的做法，看 ...继续阅读 (15)

正式启动一周碎碎念计划，起因是无意中发现了一个网站，古天乐的博客 。看完之后震撼了，虽然每天都是很简短的一句话，但是一个习惯坚持了 12 年。 因为我决定仿效他的做法，看 ...继续阅读 (21)

正式启动一周碎碎念计划，起因是无意中发现了一个网站，古天乐的博客 。看完之后震撼了，虽然每天都是很简短的一句话，但是一个习惯坚持了 12 年。 因为我决定仿效他的做法，看看自己是否能坚持足够长的时间。碎片化一些记录，然后通过语雀小记进行记录，最后在每周最后一天工作日总结一下，发布到博客。 （2022/04/20） 很遗憾，之前准备连载的小说，正式宣布烂尾，反思一下问题所在。没有在最可是写好一个大纲，统筹布局，都是一边构思剧情一边写，导致在后来越写越混乱。 地址：https://www.yuque.com/docs/share/8d5456ac-4600-4890-a251-b7648bf48115?# 《夜幕》 （2022/04/21） 千万不要在深夜冲动消费，下了一单又一单，最后又全部取消了，是什么让我克制住了呢？是口袋！ （2022/04/22） ...继续阅读 (12)

如题所述，想要在闲置的服务器中跑一些服务，青龙面板代挂京豆现存很多开源的脚本，安全性已经经过很多人验证，可以放心使用。 因此我也安排了一个脚本，成功部署之后，就写 ...继续阅读 (13)

如题所述，想要在闲置的服务器中跑一些服务，青龙面板代挂京豆现存很多开源的脚本，安全性已经经过很多人验证，可以放心使用。 因此我也安排了一个脚本，成功部署之后，就写 ...继续阅读 (18)

如题所述，想要在闲置的服务器中跑一些服务，青龙面板代挂京豆现存很多开源的脚本，安全性已经经过很多人验证，可以放心使用。 因此我也安排了一个脚本，成功部署之后，就写这篇不算教程的笔记来记录一下整个过程。 Github: https://github.com/6dylan6/jdpro 作者会更新一些部署的指令，如果安装不成功可以对照文档中的指令。 拉取镜像 我是在宝塔中运行服务的，也是非常简单方便。至于怎么安装宝塔，这里就不介绍了，之前写过一篇关于部署宝塔面板的教程，可以点击站内搜索。 如何安装宝塔面板？ 需要买服务器可以 点击链接在腾讯云购买服务器有优惠哦~ 不嫖白不嫖，省个十几二十块钱不香吗？ 先在软件商店中下载安装一个 Docker管理器 ，之后点击 设置 > 镜像管理 > 镜像获取。 然后输入 qinglong 进行搜索，选择第一个链接然后拉取。 创建容器 点击创建容器。 镜像就选择刚才拉取的那个，端口映射中的容器端口和服务器端口都填入 5700，选择开机自启动，其他的都不用填，点击提交。 服务器的防火墙放行 5700 端口。 部署脚本 在浏览器输入 ip:5700 ，ip 地址就是你的服务器 ip，会弹出一个青龙面板初始化配置，按照提示点击安装即可，没有特别复杂的。 都是用户名密码通知设置等，我选择的是邮箱通知。 安装完成后，在首页右上角点击新建任务，里面的内容直接复制即可 ...继续阅读 (12)

清明过去两天了，由于出去玩了两天，身体很累等原因，再加上工作忙碌所以没有来得及记录。今天略有闲时间，整理一下随笔。 爬山—杭州半山森林公园 相比于西湖等 ...继续阅读 (14)

清明过去两天了，由于出去玩了两天，身体很累等原因，再加上工作忙碌所以没有来得及记录。今天略有闲时间，整理一下随笔。 爬山—杭州半山森林公园 相比于西湖等 ...继续阅读 (12)

清明过去两天了，由于出去玩了两天，身体很累等原因，再加上工作忙碌所以没有来得及记录。今天略有闲时间，整理一下随笔。 爬山—杭州半山森林公园 相比于西湖等景点，半山已经算是人非常少的呢，因为疫情原因也不敢去外地太远的地方，万一给隔离就完蛋了，所以就在市内景点挑人少没去过的地方玩了一下。 西溪—花朝节 “迟日江山丽，春风花草香。” 一年一度的西溪花朝节，虽然说平时也都经常去，但是借着这个假期和女朋友出来闲逛，也挺舒服，刚好也不热穿着卫衣，漫步在花丛中，别有一番风味。 朋友的猫 ...继续阅读 (16)

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

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

v-viewer 基于 vue 的一个插件，可以实现图片放大，缩小，旋转，拖拽，预览等各种功能，效果还是很棒的。这是我在 Github 摸鱼时发现的一个仓库，感觉很有用，就分享一下使用过程。 Github: https://github.com/mirari/v-viewer 1.安装 npm install v-viewer 2.用法 在 plugins 中新建 viewer.js 文件。 // /plugins/viewer.js import Vue from 'vue'; import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vue.use(Viewer) Viewer.setDefaults({ Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': true, 'tooltip': true, 'movable': true, 'zoomable': true, 'rotatable': true, 'scalable': true, 'transition': true, 'fullscreen': true, 'keyboard': true, 'url': 'data-sourc ...继续阅读 (10)

新建组件 Canvas.vue 。 // @/components/Canvas.vueexport default { name: "Canvas", props: { bgColor: { default: "none", }, // 背景色 waveAllHeight: { default: 160 }, // 波浪的整体高度 waveCount: { default: 2 }, // 波峰个数 waveHeight: { default: 50 }, // 波浪起伏高度 // ...继续阅读 (19)

新建组件 Canvas.vue 。 // @/components/Canvas.vueexport default { name: "Canvas", props: { bgColor: { default: "none", }, // 背景色 waveAllHeight: { default: 160 }, // 波浪的整体高度 waveCount: { default: 2 }, // 波峰个数 waveHeight: { default: 50 }, // 波浪起伏高度 // ...继续阅读 (18)

新建组件 Canvas.vue 。 // @/components/Canvas.vueexport default { name: "Canvas", props: { bgColor: { default: "none", }, // 背景色 waveAllHeight: { default: 160 }, // 波浪的整体高度 waveCount: { default: 2 }, // 波峰个数 waveHeight: { default: 50 }, // 波浪起伏高度 // 波浪颜色 waveColor: { default () { return [ "#f3f3f3", "#f3f3f3", "#f3f3f3", ]; }, }, // 波浪速率 waveTime: { default () { return [4000, 4000, 4000]; }, }, }, data () { return {}; }, mounted () { this.wavePlay("wave1", 140, this.waveColor[0], this.waveTime[0]); this.wavePlay("wave2", 140, this.waveColor[1], this.waveTime[1]); this.wavePlay("wave3", 140, this.wa ...继续阅读 (13)

如题，我花了一个多小时，参照 nuxt 文档，把搜索功能给加上了，url 地址 /search ，记录一下相关代码。 可以选择放在 components/里面，然后引入到 head 模板，也可以单独创建一个页面，我选择的 ...继续阅读 (19)

如题，我花了一个多小时，参照 nuxt 文档，把搜索功能给加上了，url 地址 /search ，记录一下相关代码。 可以选择放在 components/里面，然后引入到 head 模板，也可以单独创建一个页面，我选择的 ...继续阅读 (19)

如题，我花了一个多小时，参照 nuxt 文档，把搜索功能给加上了，url 地址 /search ，记录一下相关代码。 可以选择放在 components/里面，然后引入到 head 模板，也可以单独创建一个页面，我选择的是后者。 新建一个页面模板 /pages/search.vue 。{{ article.attributes.title }}{{ article.title }}在url地址后加一个/，配置全站的url格式，防止错乱import HeaderMe from "@/components/HeaderMe"; import PageSidebar from '@/components/PageSidebar'; export default { components: { HeaderMe, PageSidebar }, data () { return { searchQuery: '', articles: [] } }, async asyncData () { // 调用 search.md 内的数据 const article = await import(`~/content/search.md`); return { article }; }, watch: { async searchQuery (searchQuery) { if (!searchQ ...继续阅读 (16)

需求：我将博客和 typecho 后台结合起来，打算做一个在线说说的功能，在 typecho 中输入内容，然后调用接口，实现在我的博客查看说说功能的功能。是不是有点绕？我也这么觉得，但是折腾一 ...继续阅读 (22)

需求：我将博客和 typecho 后台结合起来，打算做一个在线说说的功能，在 typecho 中输入内容，然后调用接口，实现在我的博客查看说说功能的功能。是不是有点绕？我也这么觉得，但是折腾一 ...继续阅读 (19)

需求：我将博客和 typecho 后台结合起来，打算做一个在线说说的功能，在 typecho 中输入内容，然后调用接口，实现在我的博客查看说说功能的功能。是不是有点绕？我也这么觉得，但是折腾一下也挺好的。 typecho 导出的数据默认是时间戳格式，那我在前端调用的时候就很麻烦，所以选择在 sql 查询时直接转换，created 是表里面的参数。 // 时间转换语句 FROM_UNIXTIME(created) // 数据库查询语句 $sql = "select FROM_UNIXTIME(created),text from ... order by created desc"; 这里导出的数据就是下面这个样子。 所以使用 as 参数将前面的语句自定义一下。 $sql = "select FROM_UNIXTIME(created) as created,text from ... order by created desc"; 成功导出，接下来调用就很简单了。 多谢梦繁星的指导。 ...继续阅读 (20)

迫于我之前的电脑已经服役了六年，还是高考结束后购买的，一直陪伴我度过了整个青春 ?。大学时写论文，作业都是通过它。 但是最近越来越严重，主要是屏幕的色域出现了一些问 ...继续阅读 (16)

迫于我之前的电脑已经服役了六年，还是高考结束后购买的，一直陪伴我度过了整个青春 ?。大学时写论文，作业都是通过它。 但是最近越来越严重，主要是屏幕的色域出现了一些问 ...继续阅读 (13)

迫于我之前的电脑已经服役了六年，还是高考结束后购买的，一直陪伴我度过了整个青春 ?。大学时写论文，作业都是通过它。 但是最近越来越严重，主要是屏幕的色域出现了一些问题，大面积发白，很伤眼睛。 其次显卡配置等，虽然凑合一下还能用，但也是很多年前的产物了。显卡、cpu 也是不能满足我目前的使用了（主要是现在的游戏太吃配置了），综合考虑我决定让它退休？。然后在我精挑细选下，选择了惠普暗影精灵 7。 我计划是 6000-7000 之间价位，所以一些高价低配的办公本我直接放弃，主要看的还是游戏本。不要听这个名字，综合来说同等价位的游戏本性能普遍高于办公本，对于我的要求来说是这样。除了体积稍大一些，笨重之外，也没有其他缺点了。 有了预算之后，就可以看品牌了，由于是笔记本，一体的还是买品牌比较稳，小厂商品控和售后不敢保证。我看重的大概有惠普，联想，宏碁这个牌子，里面的暗影精灵，拯救者，暗影骑士等都是性价比相当不错的选择。在反复纠结之后我选择了配有 RTX3050ti 显卡的暗影精灵 7。在知乎上看了一些网友的评价，感觉都差不多，然后我就下单了，最主要还是要上机体验一下才知道合不合适。 具体配置： 显卡：RTX3050ti cpu: i7-11800H 内存：16G 固态：512G 显示器：16.1 英寸 LED 显示屏 1920 京东的效率还是很高的，第二天电脑就到了，也是迫不及待的打开。 配置 ...继续阅读 (13)