HTML：02.排版标签
内容排版标签： <h1> <p> <hr /> <br /> <div> <span> <center> <pre> 下面来详细介绍一下排版标签。 标题标签标题使用 <h1> 至 <h6> 标签进行定义。 <h1> 定义最大的标题， <h6> 定义最小的标题。具有 align 属性，属性值可以是： left 、 center 、 right 。 代码举例： 1234567891011121314151617<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&q...
PM2实用指南、详解、实现脚本后台运行示例
前言上一篇我们部署 Twikoo 之后，发现PM2真的还是比较神奇的，这边来简单的学习了解一下。 PM2 GitHub PM2 官网 安装1npm install -g pm2 启动12345pm2 start app.js --watch #实时监控app.js的方式启动，当app.js文件有变动时，pm2会自动reloadpm2 start app.js -i max # 根据有效CPU数目启动最大进程数目pm2 start app.js -n appname -i max -e err.log -o out.log # 以 appname 启动 app.js，错误当前目录 err.log 为 error log，out.log 为输出 logpm2 start bb.sh --interpreter bash # 用 bash 执行脚本pm2 start test.py--interpreter python3 # 用 python 环境执行脚本 启动类似 node xxx.js 的项目 1pm2 start --name xxxsname xxx.js ...
Unchecked runtime.lastError: The message port closed before a response was received.
今天莫名发现网站有报错: 1Unchecked runtime.lastError: The message port closed before a response was received. 百度了一下，可能的情况是使用的浏览器装有油猴或者迅雷插件，然后我发现我报错的页面都是有视频的页面，也就是放在视频上，会出现迅雷图标可以直接下载那些。 所以当我在插件中把迅雷给禁用后，问题就解决了。 记录一下~
个人服务器上部署博客评论系统：Twikoo
前言这两天闲着无聊，觉得 Hexo 这种轻量级的博客装了 Butterfly主题 打开太慢了，很大原因是 Butterfly主题 需要从服务器上下载一个很大的字体，大概要10s左右。 找了差不多5个主题左右，挨个试了一遍，才发现没有十全十美的主题，或多或少都有点美中不足： 美观/审美不匹配 一些功能缺失 移动端体验不怎么好 最终还是用回了Butterfly，香，真香，这脸打的~ 扯远了，其实还是过年太闲了，然后去研究了一遍各个评论系统： Disqus Disqusjs Livere Gitalk Valine Waline Utterances Facebook Comments Twikoo Giscus Remark42 Artalk 有几个使用环境问题，就没有尝试，还是要符合本土化。使用下来就推荐这个Twikoo，有多种部署方式，我只是记录一下对我来说比较简单的方式。个人觉得Docker以及使用Vercel会更加轻松一些，考虑自己服务器还没拉满的情况下，部署在自己服务器上会更加方便一些~ 用文档的描述是：私有部署。下面正片开始。 部署 注意 私有部署的环境...
如何修改Hexo主题：Butterfly网站字体
前言修改Buttfly默认字体，让载入速度更快。 本文不涉及源码修改，可以放心使用。 字体推荐几个免费的字体网站： Font Space Google Fonts | 谷歌字体中文版,需要科学上网才能访问 Adobe Fonts 字体天下 Cascadia-code,微软的开源连体字，作为代码字体是很舒服的。 步骤创建一个 css 文件以我的字体 YunFont.tff 为例，创建文件名为 font.css，内容如下: 12345@font-face { font-family: 'YunFont'; font-display: swap; src: url('/fonts/YunFont.ttf') format("truetype"); } /fonts/YunFont.ttf 为字体路径，可以支持放在你的 CDN 里哦，后面的 format 是必须字段，转换字体格式，font-display: swap; 可以保证我们的字体文件在没有加载完成之前文字使用默认字体。 这里存放的本...
Ubuntu三种方法给用户添加sudo权限
前言有时需要使用 root 权限，比如安装软件、启动服务等操作时就需要用到 sudo 命令来提升权限才能进行操作。 而一般进入系统都是普通用户，是没有权限进行 sudo，而且每次都要输入密码，太麻烦。（主要是我的系统只是自己本地玩玩，安全问题是不需要考虑的） 所以需要对普通用户授予 sudo 权限。授予 sudo 权限有三个方法: 方法一：把用户添加到 sudo 用户组 方法二：修改 sudo 配置文件 (etc/sudoers) 方法三：添加配置文件到 /etc/sudoers.d/ 目录中 选其中一个即可，推荐第三个方法。 步骤以添加 allen 这个用户到 sudo 用户组为例： 方法一：把用户添加到 sudo 用户组 输入下面命令： 12sudo usermod -a -G [groupname] [username]sudo usermod -a -G sudo allen //实际命令 方法二：修改 sudo 配置文件 (etc/sudoers) 1sudo vim etc/sudoers 如果是新系统可能没有 vim ，可以如下命令安装：...
Ubuntu安装中文输入法
前言Ubuntu中安装中文输入法相比Windows上要复杂不少（其实也不算复杂，就是步骤上要稍微多一些）。这篇文章将基于 Ubuntu Desktop 22.04 进行中文输入法安装说明。 系统如果是刚装完的话记得先更新： 1sudo apt update Tips:安装过程中如果改动不生效可以尝试重启系统试试。 基础准备首先要安装中文输入法的话需要系统支持中文语言，可以在 Language Support 中安装管理语言包： 如果安装有问题也可以使用命令方式进行安装： 1sudo apt install language-pack-zh-hans 安装有中文语言包后就可以正式开始准备安装输入法了。Linux中安装其它语言的输入法首先需要安装输入法框架（或者说输入法系统），在这之上才是安装输入法。 常用的输入法框架有 IBus 和 fcitx，再加一个常用的 搜狗输入法 ，下面将分别进行使用介绍。 IBus（Intelligent Input Bus）使用下面命令安装 IBus (默认应该都是安装的) 以及 简体中文拼音输入法: 12sudo apt install ibu...
《火焰纹章：Engage》一周目通关点评
前言这两天疯狂玩《火焰纹章：Engage》，刚粗略玩完（本来是想好好玩的，但是。。。），写篇文章轻喷一下吧，给我的体验不是很好，也不剧透，只是分享一下我的想法。 重要知识点：本作大约有35位伙伴，12位纹章士 点评环节1. 世界地图不是随意可以进入，给我的感觉有点回归到以前玩的《风色幻想》系列中去了，给你一张大地图，然后上面有地点，你可以进入地点触发剧情，关键是，剧情过后，你就不能再进去，相当于这个地点啥用没有，只有等这个地点刷了野怪，然后才能迎击。。。 2. 投资国家一共四个国家花钱升级，收养他们的小动物，给你的农场生产一些小道具，然后还有一些其他用处，感觉这个功能开发不够，不好玩。 3. 锻炼之间也就是锻炼亲密度的，战后有3次免费，其余可以指定对手增加亲密度。 简单分析一下： 一位纹章士的亲密度总共为Lv.20，锻炼一次最多增加 Lv.05，也就是一位纹章士亲密度拉满要 4次； 每次来回点击以及动画时间（假设不看直接跳过），大约要30秒一次； 一位伙伴将一位纹章士升到Lv.20的时间大约要：30s x 4 = 2min；（这边不考虑前面大部分章节还未突破亲密度上限的情...
Switch如何使用NSCB转换XCI,NSP,NSZ教程
前言我们经常会遇到Switch游戏文件格式和预期不符的情况，比如下载下来的 .nsz 文件在模拟器中无法打开或者安装，使用之前推荐的软件 SAK 也没法合并升级，于是就有了这篇文章，使用 NSCB 软件来进行格式处理。 功能该文件Github地址为：NSCB，下载地址。 功能一览： 12345678910111213141516171819202122232425262728-------------------------------------------------------------------------------------" POWERED BY SQUIRREL "" BASED ON THE WORK OF BLAWAR AND LUCA FRAGA " ...
WordPress网站上添加图片点击放大效果
前言为什么我们要让网站图片点击后自动放大？很多时候，我们插入文章、页面中的图片因为尺寸或其他原因，图片是不太清晰的，尤其是截图。这样读者在观看的时候，体验会非常差。特别是有些教程中的图片，本来图片中的文字很小，如果图片还不是很清晰，教程的效果就会打折扣。 实现图片点击放大功能，方法有很多种，有添加代码的，也有插件的。本着能不用插件就不用插件的原则，尽量还是用代码实现功能。 未插入代码如下所示，点击无效果： 插入代码后，会展示原图： 步骤进入Wordpress后台，找到外观-主题文件编辑器，分别修改右侧的 header.php, footer.php 以及 functions.php三个文件。 修改 header.php，添加位置在 </header> 之前 12<!-- 图片放大 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@latest/dist/jquery.fancybox.min.css...