RSA加密算法原理（二）
在RSA加密算法原理（一）一文中我科普了一些简单的数论基础知识，接下来可以细说RSA的数学原理啦~
先以一个例子简单讲一下RSA算法的流程，假设A要向B发消息，那么B会按以下流程生成一对密钥：
生成一对密钥（公私钥）
选择两个不相等的素数 $p$ 和 $q$，例如 $p=31,q=37$
计算 $n=p\times q=31\times37=1147$
计算 $\phi(n)$，这里有一个比较直观的看法：由于 $n$ 是两个素数 $p,q$ 的乘积，那么小于 $n$ 的正整数中，与 $n$ 不互素的应该有
\begin{aligned}&kq,k= 1,2,...,p-1\\&kp,k= 1,2,...,q-1\end{aligned}且$p、q$均为素数可以保证这些数两两不同，因此
\begin{aligned}\phi(n)&=n-1-(p-1)-(q-1)\\&=n-p-q+1\\&=(p-1)(q-1)\\&=30\times36=1080\end{aligned}
在 $(1, \phi(n))$ 之间随机选择一个正整数 $e$，使得 $e ⊥ \phi(n)$，这里我们随 ...
RSA加密算法原理（一）
密码学是计算机科学中与数学关系比较密切的领域，而当今最重要最流行的加密方式当属RSA加密，其应用领域非常广泛，从银行卡密码的加密到WEB数字签名等等都有其用武之地。本文将简单讲述这方面的历史与数学背景。
相关历史历史上，有一种加密模式曾非常流行，即对称加密。（当然目前对称加密仍是一种重要的加密方法，被应用于许多加密数据量较大的场景）
所谓“对称加密”，也就是指下面这个过程：
A与B约定一种加密规则
A将信息加密，将密文发给B
B应用约定的规则，对密文直接解密得到明文
这里约定的规则被称为“密钥”，这种加密方式有它的优势，即加密速度快。但劣势也很显著：“密钥”需要在联络者之间进行传递，这也造成了不安全的因素，第三方若拦截了密钥，也就破译了信息。因此顺应历史潮流，1976年，一种新的加密理念诞生了：
先由B生成两把密钥，分别是公钥和私钥，公钥，如其名，是公开的，任何人都可以获取；而私钥则由B进行保管。
B将公钥发送给A，A将信息用公钥进行加密，将密文发送给B。
B用私钥将密文进行解密得到明文。
随意从百度拿了个图
这也被称为“非对称加密”。
当然，一个思维正常的人肯定会发问：既然 ...
WordPress前台注册登录
WP的原生的注册登录页面真的丑，而且会跳转离开主页，导致用户体验比较差，于是我打算实现一下在前台进行无跳转注册登录。
其实前台登录的插件有不少，但我不太想用插件，就自己来写咯~
由于并没有摸清WP注册登录的逻辑，自己写Authentication等函数可能安全性稍差一些，也会比较麻烦。（何况既然有已经写好的注册登录功能，为啥不用呢？）于是，我有了一个朴素的想法，即利用ajax向原生的注册登录页面（wp-login.php）post数据，通过判断返回的html页面数据来判断是否登录成功。
最终样式如图：
前端代码：
引用站外地址，不保证站点的可用性和安全性
WordPress弹窗登录表单
GitHub Gist
将其导入WordPress主题目录，修改一下路径参数即可！
思路比较简单，即失败时的页面必定会有个#login_error元素（有更好的判断方法敬请大佬们留言！！）
最后在前 ...
WordPress中短码的嵌套使用
众所周知，短代码是WordPress的一大特色，使用起来相当舒适方便，但短代码默认不能嵌套使用，本文给出一种朴素的方法用来解决这个问题。
在functions.php文件中定义一个函数：
function recursive_shortcode($content){
$new_content = do_shortcode($content);
while($new_content!=$content){
$content = $new_content;
$new_content = do_shortcode($content);
}
return $new_content;
}
之后为最外层短代码对应函数的返回值套一个recursive_shortcode即可。
MySQL数据库自增主键重置的方法
最近做WordPress站点测试某些功能的时候，为数据表添加了几条测试数据，测试完后又将其删除，但自增主键却不会自动重置，对强迫症非常不友好，因此需要进行一些操作来将其重置。
方法一方法二若数据表是空的，或不需要表中的数据了，可以直接清空并重置自增字段：
TRUNCATE TABLE 'table_name';
但不巧，我不想清空数据表，清空了用户就全没了呀，这时还有另外的方法。
删掉自增主键
重置自增值为1
添加新的自增主键
ALTER TABLE 'table_name' DROP ID;
ALTER TABLE 'table_name' AUTO_INCREMENT = 1;
ALTER TABLE 'table_name' ADD ID int UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY FIRST;
但我在DROP ID时遇到了一个奇怪的报错：Invalid default value for 'xxx'（某日期字段）
将该字段的类型从DATETIME换成了TIMESTAMP，并令其默认值为CURRENT_TIM ...
如何安装并优雅地使用Jupyter Notebook
Jupyter是啥？为什么以及什么时候要用它？Jupyter Notebook是一款基于网页的交互式Python IDE，当然如今随着它的发展，也逐渐支持R、PHP等其他编程语言，它是一款模块化的代码解释器，也就是可以将大段的代码模块化处理，分为多段运行。
该IDE的交互性非常好，设想你在做数据处理、分析的时候，一般会希望马上看到结果，此时若在pycharm等常规解释器中，就不得不把所有的代码从头跑一遍，你还得在中间插入一些print来打印结果，非常之麻烦，但在jupyter中，在前面代码都已经运行过的基础上，可以直接运行当前段代码。基于这些特性，jupyter可能会适用于数据处理分析以及各种建模过程等场景，但不一定适合用于软件开发等流程比较丰富、整体性比较强的领域。
我第一次使用这个IDE是在完成数据科学大作业的过程中，那么今天就来简单介绍一下自己的安装配置经验。
安装过程前提：python3.3及以上（听说2.7版本也可）
做数据科学的童鞋们建议直接安装Anaconda，因为它不但直接自带了jupyter notebook，还附赠了一两百个数据科学相关的库，非常的方便。
什么？你的 ...
如何写CSS样式使HTML元素位于屏幕正中
在做前端时，往往会遇到将某个标签元素置于屏幕正中的需求，例如对话框等。这里提供一种利用CSS的方法，只需为目标元素添加以下CSS样式：
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
即可让该元素始终位于屏幕正中。
为网站打造独特的右键菜单
最近发现了一款可以更改网站的右键菜单的WordPress插件，但只有WordPress可以使用，且插件不够轻量，用多了也会造成网站速度越来越慢，因此可以考虑实现用纯前端操作实现这个功能。
本着不重复造轮子的思想（其实是懒），我找到了这篇文章，这位大佬的菜单样式写的特别好看，同时我又根据自己的一些需求进行了一些增删改与优化。（顺便这位大佬的代码好像是经压缩后又重新规范化的，看的是真的累啊）
代码资源点这儿。提取码：3pyf
大概样式如下图：
代码的思想不难，简单讲解一下：
先禁用浏览器自带的右键菜单功能
在网页中预先隐藏好一个自定义的菜单
点击右键时将其显示到鼠标旁
点击左键时再将其隐藏
我的优化主要是将mousemove事件去掉了，这块实在太耗计算资源。
这里我有一个新的但比较常规的需求就是在右键<a>标签时，出现一个“新标签页打开”菜单项，点击该选项可以将该链接在新标签页打开。
这里我们通过对所有的<a>标签的oncontextmenu事件写一个响应函数来实现：
$(document).on('contextmenu', 'a[href]:not("[hr ...
Form表单回车自动提交的原因及避免办法
在html中使用form表单的时候，有时候会遇到回车自动提交的问题，比如我做了一个登录表单，希望其通过ajax提交而不进行网页整体刷新，但一敲回车，表单自己提交了上去并造成网页整体刷新，就会造成比较差的体验。
当然第一个方法就是你别用form就行了，但考虑到form有一个serialize()方法特别好用，因此我非用form不可，这时还有另外的解决方法。
首先这种自动提交的行为来自于浏览器的迷惑行为自动优化，查找资料后发现有以下几条规则：
表单含有type="submit"的按钮时，回车自动提交
表单有且仅有一个type="text"的input时，回车自动提交
button按钮在不声明type时，有些浏览器会默认其为submit
其他表单元素如textarea、select不影响，radio、checkbox不影响触发规则，但本身在FireFox下会响应回车键，在IE下不响应
type="image"的input，效果等同于type="submit"，不知道为什么会设计这样一种type，不推荐使用，应该 ...
使用Python向百度推送url
百度站长工具提供了许多推送接口，API提交中给了使用一些其他语言的例子，唯独没有python（大概是觉得python过于简单），因此我写了一个python脚本用以批量推送网站内的url。
首先需要一个站点地图，在我网站上是”/sitemap.php”，访问会生成xml格式的站点地图文件（也可以通过其他任何方式，只要能获取一个每行一个url的字符串文本即可）。
import requests
import re
sitemap_url = 'https://blog.fyz666.xyz/sitemap.php'//站点地图
post_url = 'http://data.zz.baidu.com/urls?site=https://blog.fyz666.xyz&token=xxxxxx' # 这个API链接由百度站长工具提供
urls_response = requests.get(sitemap_url)
urls= '\n'.join(re.findall('(?<=<loc>).*(?=</loc>)', urls_response.text))
he ...
WordPress开启邮件发送功能
基于WordPress的用户注册需要发送验证邮件，我们需要开启WordPress的邮件发送功能。
本文针对阿里云服务器来进行SMTP服务的配置，首先登录阿里云官网开通邮件推送服务，该服务支持每天200条免费邮件，小站用用肯定是够了。接下来找到邮件推送控制台，然后按下图指示，进行配置：
step2中在已有域名的基础上解析一个二级域名即可，这个二级域名将用以发送邮件。
step3配置全部完成后，进行step4的验证。
以下简要说明step3：
接下来进入云解析DNS界面，为刚才选择的域名进行解析，解析内容是图中的四条值，解析完成后10分钟内一般会验证通过，届时进入step4进行验证即可。
接下来进行下图操作：
其中回信地址设为常用邮箱，然后验证一下即可，验证完后设置一个SMTP密码，同时发信地址是后面服务器发邮件时显示的邮件来源，这两个东西后面会用到。
接下来需要使用一个WordPress邮件插件，我用的是SMTP Mailer，亲测好用！
插件设置中，SMTP Host填写阿里云给的smtp服务器地址，我的是smtpdm.aliyun.com，SMTP Authenticati ...
WordPress实现任意区域隐藏且输入密码可见
本文参考自下面文章：
引用站外地址，不保证站点的可用性和安全性
WordPress文章部分内容隐藏输入密码后可见
www.luoxiao123.cn
WordPress自带了页面单独加密的功能，但好像只能加密整个页面，无法进行页面局部内容加密，因此我寻找了一种可以隐藏任意区域、输入密码可见的代码实现，且重写了前端ajaxfy.js的代码以使该功能通过ajax加载。
首先在functions.php文件中加入以下代码：
function e_secret($atts, $content=null){
extract(shortcode_atts(array('key'=>null), $atts));
if(isset($_POST['e_secret_key']) && $_POST['e_secret_key']==$key){
...
手把手教你为Docker容器中的Apache2部署SSL证书
为网站部署SSL证书不仅能提升网站的安全性，还可以在浏览器地址栏左侧添加一把“锁”，非常的美观和舒适。因此必须安排！但我由于对web服务、docker容器端口映射等运行机制不太熟，在部署过程中踩了很多坑，不过也一一填了回来，最终部署成功，在此记录一下部署的过程。
SSL是指安全套接字协议，借用百度词条的定义：
SSL(Secure Sockets Layer 安全套接字协议),及其继任者传输层安全（Transport Layer Security，TLS）是为网络通信提供安全及数据完整性的一种安全协议。TLS与SSL在传输层与应用层之间对网络连接进行加密。
百度百科：SSL
我的软件服务配置
服务器系统：Ubuntu18.04
docker容器中系统：Debian
web服务：apache2
申请并下载证书我图方便直接去阿里云申请了一个免费的证书：DigiCert 免费版 SSL（能用就行，免费的真香），下载apache版本的证书到本地，然后将整个文件夹（重命名为ssl）上传到服务器。（文件夹中有3个文件，分别是xxx_public.crt、xxx_key与xxx_chain. ...
Linux回收站机制实现
如果你使用过Linux系统，那么一定听说过rm -rf命令与其带来的一系列惨剧，“Linux从删库到跑路”说的就是这个命令的梗。
先为Linux萌新科普一下这个命令的含义：rm指remove，-rf是参数-r和-f的合写，意为recursive、force，表示递归且无提示地强制删除该文件夹及其下面所有文件或子文件夹，并且在Linux系统下，文件被删了是很难进行恢复的。
因此若不小心跑了rm -rf /，就会把根目录全删了，后果难以想象。为了避免这一点，可以这么做：
这句命令是说，给rm -rf这句命令一个cd值（即冷却时间），让它不要删的那么快。
（好像有什么奇怪的东西混了进来，请Linux萌新自动忽略上图及删除线中的内容）
其实我们可以弄一个类似于Windows系统回收站的机制，运行rm命令时将文件先移动到回收站内，再定期清理回收站。废话不多说，上操作过程与代码：
随便在哪个文件夹下新建一个文件夹作为回收站（我放在了/home下）
随便在哪个文件夹下建立一个shell脚本，用以将文件搬到回收站
打开~/.bashrc，写入一个替换，将rm替换为运行上一步写的脚本
使刚才的操作立即 ...
为网页添加Live2D
近期访问许多博客，常能发现网页的底部有一个萌萌的小人，能通过访客的鼠标移动点击与访客进行互动，本着遇到奇奇怪怪有意思的东西不管有没有用都要整一个的理念，我动用各方搜索资源，很快就整起来了，这里给一个添加小人的菜鸟教程。
这类小人例如你现在在网页右下角看到的是通过Live2D技术实现的，其只是在web端的一个应用，搭建容易，模型渲染与脚本编写不易，请多支持项目原作者！
项目来自GitHub仓库：
引用站外地址，不保证站点的可用性和安全性
live2d-widget
GitHub
项目文件目录结构：
│ message.json
│ README.md
│
└─Live2D
├─css
│ live2d.css
│
├─js
│ live2d.js
│ message.js
│
└─model ...
Ajax或JS动态加载的dom元素无法响应jQuery选择器绑定事件的解决办法
实现全站ajax后，首先遇到的问题就是动态加载的内容无法响应jQuery的事件绑定，例如若有如下jQuery代码：
$('.btn').click(function (){
//do something
});
后通过ajax或JavaScript动态加载了一个按钮：
<div class='btn'>点我</div>
点击该按钮应该不会有click事件响应。
网上许多博文指出可以使用live方法替换on方法，但我发现新版本的jQuery已经弃用这一方法了，不过也有新的替代方法，只要将前面的代码改成：
$(document).on('click', '.btn', function (){
//do something
});
这样未来被加载的元素也能响应jQuery绑定的事件。
Docker容器在修改配置文件后无法开启的解决办法
Linux系统下，通常我们可以通过命令
sudo docker exec -it 容器名 bash
进入正在运行的docker容器中，并在容器内使用命令进行各种操作，但一旦不慎操作出了问题，把配置文件搞崩了，导致容器无法开启（也就无法运行上面的命令进入容器内部），此时可以使用以下方法：
Docker容器中的文件一般都位于/var/lib/docker/overlay文件夹下，找到容器对应的文件夹再修改出问题的文件即可。
WordPress全站Ajax化
Ajax技术通常用于网站的局部刷新，从而提高网站刷新资源内容的效率。
我的需求来源：添加了一个音乐播放器，但是网站内部切换导航栏时，会刷新整个网页，导致音乐播放中断，因此考虑全站ajax化。
首先我尝试了一下WordPress的插件Advanced AJAX Page Loader，但好像和主题不太兼容（存疑，也可能是我太菜了），故提取了插件中的主要代码，写入了一个文件ajaxfy.js，修改了部分参数后导入主题即可。文件下载戳这儿
主要需要修改的代码参数有以下：
var ajaxhome='';
var ajaxcontent = 'content';
var ajaxsearch_class = 'searchform';
var ajaxignore_string = new String('#, /wp-, .pdf, .zip, .rar, /goto');
var ajaxignore = ajaxignore_string.split(', ');
var ajaxloading_code = 'loading';
var ajaxloading_error_code ...
WordPress网站添加音乐播放器
不少博客网站的站长都会在网页上放一个音乐播放器，访问者在浏览网站内容的同时还可以听听歌，相当舒适。因此，在网站中放置一个音乐播放器可以为网站增色不少。
WordPress自带的音乐播放器的支持：
小工具和页面中可以插入音频，但需要本地导入或设置音频链接，比较麻烦
有一些音乐播放器插件可以下载，图方便可以直接安装使用，这里不再介绍
这里介绍一款比较流行且精致的网页音乐播放器：APlayer，并结合Meting框架，在网页内插入音乐播放器。
资源链接：
引用站外地址，不保证站点的可用性和安全性
APlayer
GitHub
引用站外地址，不保证站点的可用性和安全性
MetingJS
GitHub
...
WordPress双侧边栏实现
制作WordPress主页时，由于不是所有主题都带有两个侧栏，有可能会遇到单个侧边栏不够用的情况：当侧边栏内容过多时，就会显得很长。因此我研究了一下如何为单侧栏主题再加上一个侧栏。（本文针对的是我自己用的主题，仅代表一种思路，若代码能力不强，一点WordPress框架都不懂建议还是别改了）
我的WordPress使用的主题是LineDay，默认文章页在左侧，带有右侧栏。默认的主题格外空旷，两边都有很大的边距，感觉有点浪费，因此考虑把宽度弄大一点，再带上一个左侧栏，放一些无关紧要的东西，同时在手机端下隐藏左侧栏。
首先需要简单了解WordPress侧边栏的生成原理。我了解到需要先在主题文件下的functions.php里注册一个sidebar，下面是我找到的一个示例：
if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'sidebar1',
'before_widget' => '',
'after_widget' => '',
'be ...
