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之后的更改) 图片设置 顶部图大小 123...index_top_img_height: 450px # update in 2026-06-15... 更新网站运行时间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...
初始化博客
前言上一篇文章记录了如何将代码上传到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...