使用 Sunshine 与 Moonlight 进行串流
前言大学期间，博主自己买电脑硬件手动组装了一个台式机。由于上学2周才会回一次家，台式机就这样被丢在家里，怪可惜的。于是萌生了在学校也能操控家里电脑的想法。这里是实现这个想法的第一步：利用Sunshine与Moonlight进行串流，可以在局域网内通过其他设备操纵台式机。 主机下载Sunshine服务端 Sunshine是github上的一个开源项目，支持AMD、英特尔和英伟达GPU进行硬件编码。 可以通过这里进入Sunshine的github页面 下载Sunshine 进入release界面 选择AMD64的CPU架构安装包并下载 下载好后，找到安装包全部默认设置安装下来就行。 注册Sunshine本地账号 通过图中指示右键Sunshine图标 第一次进入界面直接输入用户名与密码，自动创建用户，过一会后界面会刷新，要求登录Sunshine，输入刚刚创建的用户名与密码登录就行。 登录后看到图中文字便是运行成功了。 若是上图文字是红色(某些模块没能正常启动)，可以尝试重启Sunshine。 客户机下载Moonlight客户端。 Moonlight同样是是git...
Javascript 基础学习案例
前言由于上一篇流水账太长了，移动端的浏览器出现了不知名故障，只能拆开一部分分到这里来了。这一部分主要记录写过的习题，方便可以随时随地回顾一下。不过将文章拆开来也不是一件坏事，以前复习来翻文章要要翻老久了。 习题例一123456789<label for="weather">选择今天的天气</label><select name="" id="weather"> <option value="">--请做出选择--</option> <option value="sunny">"晴天"</option> <option value="rainy">"雨天"</option> <option value="snowing">"雪天"</op...
Javascript 基础学习
前言这篇文章记录学习js查到过的资料，因为经常记不住。(静不下心来导致的)可恶不知道怎么分类，简单记录一下用到过的就算了，下次见到能想起来干啥用的就行。归类以后再说 各种遇到的Web API和接口(对象类型)可能会混进几个不是Web API或接口 document.querySelector() 文档对象模型Document引用的 querySelector() 方法返回文档中与指定选择器或选择器组匹配的第一个 Element对象。如果找不到匹配项，则返回null。 1234<select name="" id="weather"> <option value="1">String1</option> <option value="2">String2</option></select> 12345const select = document.querySelector("select");/...
博客添加评论功能
前言 博客也终于是部署在vercel上了，接下来要添加评论功能，使用的是waline评论系统。这篇文章会记录我部署服务的过程。 注册vercel账号进入vercel官网注册vercel账号 已经注册过的可以跳过这一步。 部署评论区服务端创建vercel项目进入waline官方文档 点击图中按钮直接跳转创建waline项目 给项目取个名称，然后点击Create 结束后点击最下面的Continue to Dashboard 创建数据库 点击图中的storage选项 创建Neno数据库 前面几步都选择默认即可，直到下图这一步骤，选择刚刚创建的项目，然后Connect即可 点击图中open in neno 进入waline.pgsql将链接中的sql语句替换掉图中选中的区域，然后点击Run运行 重启项目 回到我们的项目，点击Redeploy ok成了 添加域名(可选) 可以参照我的上一篇博客，步骤差不多，不过这里建议创建一个二级域名。 这个截图是完成后的效果 创建管理员用户 通过我们绑定的域名(或者默认给的域名)进入到管理界面，第...
将个人博客部署到 vercel
前言博客的配置已经基本完成，接下来就是找个地方把自己的博客挂上去啦，这里选择用vercel。虽然可以直接托管到github page，但是国内访问github的速度有限，所以这里选择用vercel。 注意事项 在根据使用本博客内容进行部署上传时，不要初始化git仓库若是已经根据前两篇博客初始化了仓库并上传GitHub，则可以直接跳过“将博客上传到Github”这一步 注册vercel账号进入vercel官网注册vercel账号vercel支持github登录，但是还是需要注册一个用户。下图记得选择个人，团队要米。 将博客上传到Github安装插件运行以下命令安装插件 1$ npm install hexo-deployer-git --save 修改config.yml文件打开_config.yml文件，找到deploy,将以下代码复制上去，将需要替换的东西替换为自己的。brach这一栏可以默认填写main，message可以空着不写。 12345deploy: type: git repo: <repository url> # https://bitb...
Butterfly 主题配置
前言这篇文章会记录我对butterfly这个主题配置进行过的更改，加深一下印象。方便我在之后忘记了可以回来这里看一眼。这篇文章会一直不定期的更新。(前面更新记录丢了，要找会很麻烦，开摆。只记录2026/4/16之后的更改) 更新网站运行时间123456789card_webinfo: enable: true post_count: true last_push_date: true sort_order: # Time difference between publish date and now # Formal: Month/Day/Year Time or Year/Month/Day Time # Leave it empty if you don't enable this feature runtime_date: 4/13/2026 # update in 2026.4.16 加入网站加载动画(pace)12345678preloader: enable: true # update in 2026.4.16 #...
初始化博客
前言上一篇文章记录了如何将代码上传到GitHub仓库，这篇文章准备记录如何初始化博客并下载博客主题。这里用的博客框架是Hexo框架，主题使用Butterfly主题，接下来会记录操作过程。 下载node.js安装进入node.js官网下载node.js 下载好之后运行.msi文件安装即可 测试安装完成后，运行下面命令查看node.js版本 1node -v 查看npm包管理器版本 1npm -v 初始化博客安装Hexo博客框架运行以下命令安装Hexo博客框架 1$ npm install -g hexo-cli 初始化博客文件夹进入你想创建博客文件夹的目录，运行以下命令初始化博客并安装相关依赖 123$ hexo init <folder>$ cd <folder>$ npm install 运行博客用vscode打开博客文件夹，终端输入以下命令运行博客 1hexo cl; hexo g; hexo s 进入浏览器，输入以下地址访问博客 1localhost:4000 详细可见Hexo官方文档 安装Butterfly博客主题(可选)安装运行以...
将代码储存到 github 仓库
前言由于这个操作已经进行过多次，而每次在新电脑操作时总会忘记一些细节。之前也进行过的许多新奇的尝试，即便成功了，其中有许多操作细节也渐渐忘记了。于是我决定建立自己的博客，记录我的一些我进行过的操作。也许相当于备忘录？ 注册 github 并创建仓库进入 github 官网注册 github 账号记住你所填写的邮箱，后面需要用。点击这里进入github官网 创建 github 仓库选择图中按钮创建仓库 填写仓库名称 可以将仓库名称设置为私有，然后创建仓库 安装与设置 git安装 git进入官网安装git 选择自己的操作系统进行安装，我这里选择的是Windows/x64 这一步对初学者来说选择vscode作为默认编辑器（图中默认vim，请自己修改） 修改分支名字为main 剩下的按照默认的设置即可 配置 git 用户名与邮箱进入终端运行指令配置用户名与邮箱(用户名与与邮箱需要与github保持一致) 12$ git config --global user.name "John Doe"$ git config --glob...
Hello World! 此博客的第一篇文章
前言这里是我的第一篇博客，部署下来时自动生成的，由我后来手动编辑。老实说大学刚开始的时候真的是对电脑一窍不通，直到自己装完第一台台式机才算真正的认识计算机。本来大三上学期就要部署博客的，但由于某些原因导致了好几个星期心情十分低迷，直到现在才将自己的个人博客部署下来。后面几篇博客是边做边写的，写了几篇才上线，包含了部署博客的全过程。众所周时，好记性不如烂笔头，我曾做过许多尝试，成功也好放弃也好，就算成功了其中有许多细节也淡忘了。于是我决定建立自己的博客来记录我的一些尝试。作为我的第一篇博客，这篇就尝试整理一下基本语法吧。 语法标题三级标题四级标题五级标题六级标题没啦最高就六级标题，虽然肯定用不到六级标题。 文本Here is MY Elyrene’s personal blog.这里是我的个人博客 引用块中间空一行效果 这是一个引用块 这是引用块中的引用块 这是引用块中的引用块中的引用块 中间不空行效果 这是一个引用块 这是引用块中的引用块 这是引用块中的引用块中的引用块 有序列表 内容一 内容二 内容三 内容四 内容五 内容六 无序列表 sour...