记意外重新部署Typecho

回顾快要逝去的寒假

从此又多了一个陌路人

总结开学第一周

本学期计划

《解忧杂货店》读书笔记

剖析某运动软件api

从兴趣中学习

迁移开发环境到Windows

琐事杂谈 ——从过去到现在

珍惜当下,少给未来留下遗憾

因为喜欢,所以追求

回顾从前,憧憬未来

节点

存坚持之心,开成功之门

即将逝去的四月

时间不待人 ——致五月

漫笔杂谈

沉着冷静,探清道路

愿世界对你温柔相待

尽管手中空无一物

你活成我想要的样子

为人生写书

Pual Typecho主题发布

任重而道远

终点也是起点

以后会好吗

终了，伊始

我们这一代

自己未必是最差的

环境，惰性

一年

先苦后甜的青春

这里有一群可爱的人

怎能甘于安于现状

多做分外事

新的尝试 -- 记最近一周

存在的意义

因为我不是他们

临近年末

天气

致未来的自己

2019 · 历程

新的开始

漫漫长假

宅在家里做的事

Mix Space 开发近况

返校前夕

Mix Space 开发近况（二）

活在别人的世界里

历程 —— 一个前端切图仔

别想多，放开点

封闭在宿舍的日子

在知乎大神的基础上进行修改,配置自己的.zshrc 
` repo地址 ： https://github.com/yiny0liuyin/zshconfig.zshrc.git `

****
## 效果
![Xnip2018-08-29_16-36-40](https://github....

如何配置zsh

经过两天的摸索,总算是把博客搭完了,于是开始折腾上个人域名,使用https协议.但是经过一般折腾,使用https后仍然没有绿锁.
![1](https://ws3.sinaimg.cn/large/006tNc79ly1fzm5umuom9j30es06i3z7.jpg)
![3](https:...

加入SSL证书使用https仍然没有绿锁的一次经历

## 一言是什么
> 简单来说，一言指的就是一句话，可以是动漫中的台词，也可以是网络上的各种小段子。
> 或是感动，或是开心，有或是单纯的回忆。来到这里，留下你所喜欢的那一句句话，与大家分享，这就是一言存在的目的。——hitokoto.us



## 我能干什么
在个人简介引入一言,每次刷新更换一...

为你的博客加入一言吧

## 图床是什么
图床一般是指储存图片的服务器，有国内和国外之分。 国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。 国内也分为单线空间、多线空间和cdn加速三种。

## 使用图床
sm.ms是一个比较好的免费图床.
这里我以上传到 https://sm.ms/ 这个图床...

使用图床,为GP节省空间

当我访问我的博客时,我发现WindowServer进程占用大量CPU资源.

![](https://ws3.sinaimg.cn/large/0069RVTdgy1fv39cs66ulj30hg0yy770.jpg)

通过查阅资料发现此进程和Linux 中的X server相当,是显卡绘...

WindowsServer是什么,为什么占用了大量系统资源

## 图床是什么

> 图床一般是指储存图片的服务器，有国内和国外之分。 国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。 国内也分为单线空间、多线空间和cdn加速三种。

参见: {% post_link 使用sm-ms图床-为GP节省空间 图床是什么 %}

## i...

使用iPic快捷使用微博图床

在此之前,在他人的博客中看到一篇文章[新理念外语网络教学平台——获取任意答案](http://blog.lvguangfa.cn/python/105.html),但是写得不是很详细,下面我来详细的说明一下.

# 原理

首先进入自己学校的平台.打开开发者工具--network,然后登陆...

利用爬虫抓取新理念英语答案

# 写在前面

鉴于网上教程为数较少,为此写下教程.

此教程适合于广大Mac以及Linux用户,Windows用户可选宇宙无敌的VS.

![image-20190124165241642](https://ws2.sinaimg.cn/large/006tNc79ly1fzhrwyq...

VSC使用mono配置C#开发环境

### 写在前面

鉴于网上教程可用性不高,为此写下教程.

此教程适合于广大~~Mac~~(全平台)用户, ~~Windows用户可选宇宙无敌的VS.~~(划掉)

(更新) Windows试用llvm和gdb实现调试.

![image-20190124204805125](ht...

VSC配置C/C++开发环境正确配置（适用于类Unix/Windows平台）

记2019年1月25日

博客从Next主题更换为更为简洁的polarbear

因为太简洁了, 所以我想把原先的统计信息与评论系统加入.

再折腾很久的layout, 甚至直接导入appid, 放入layout.swig还是失败了.

所以说现在这个博客是空无一物.

可能以后...

折腾失败的新主题

# <center>打印沙漏 </center>

本题要求你写个程序把给定的符号打印成沙漏的形状。例如给定17个“*”，要求按下列格式打印

```
*****
 ***
  *
 ***
*****
```

所谓“沙漏形状”，是指每行输出奇数个符号；各行符号中心对齐；相...

打印沙漏(C#实现)

# <center>L1-027 出租</center>

下面是新浪微博上曾经很火的一张图：

![img](https://images.ptausercontent.com/187)

一时间网上一片求救声，急问这个怎么破。其实这段代码很简单，`index`数组就是`arr`数组的...

L1-027 出租 (Python实现)

# 运维篇

[IT基础设施：使用netdata监控CentOS7性能 - 简书](https://www.jianshu.com/p/df8f2fb14ac3)

[netdata: Real-time performance monitoring](htt...

记录折腾路上用到的教程 自2-3开始

> 今天是大年初一, 下午配置域名跳转时又出现了问题, 几经波折, 终于搞定了~ 所以来更新一下博文.

原先, 我的博客托管在Github Pages上, ~~这几天~~一直都很慢.. 加载要半年.

[![kJDfmQ.gif](https://s2.ax1x.com/2019/02/0...

迁移Hexo到云服务器的一次经历

> C#多线程之睡眠排序
>
> 这个太吊了
>
> 不想多说了
>
> 让我先笑会



我也会写睡眠算法了。哈哈哈嗝~

下面代码引入

```csharp
using System;
using System.Threading;
namespace Slee...

天才算法之睡眠排序(C#实现)

### 前言

在使用lamp脚本部署discuz失败后以至于apache无法启动。原因未知。

![telegram-cloud-file-5-853436813-173346--2489126142601282203](https://ws2.sinaimg.cn/large/006tK...

### 基于名字的虚拟主机

Nginx首先选定由哪一个*虚拟主机*来处理请求。让我们从一个简单的配置（其中全部3个虚拟主机都在端口*：80上监听）开始：

 ```
 server {
     listen      80;
     server_name example.org...

Nginx如何处理一个请求

### 前言
**什么是LAMP** 

> LAMP 是Linux Apache MySQL PHP的简写，其实就是把Apache, MySQL以及PHP安装在Linux系统上，组成一个环境来运行php的脚本语言。Apache是最常用的WEB服务软件，而MySQL是比较小型的数据库软件。
...

手动搭建lamp环境

### 写在前面

> **Halo** [ˈheɪloʊ]，意为光环。当然，你也可以当成拼音读(哈喽)。
>
> 轻快，简洁，功能强大，使用 Java 开发的博客系统。

此前，我使用hexo，犹豫hexo是静态的，有所不便。无意之中发现这款博客框架。此博客使用java所以，内存需求比...

迁移Hexo到halo

### 前言
此前一直使用macOS,由于mac有着良好的开发生态,以及软件生态.所以它是部署开发环境是极佳的操作系统.最近由于某些原因需要使用Windows.众所周知,Windows在这方面远不如mac/Linux.虽然这是硬伤,但怎么样才能让他变得更好用一些.那么WSL功不可没.

<!-...

最近受到了App Store主页风格的影响，正巧又看到了sketch官网的设计，所以深受卡片式的影响。真巧最近在改别人的主题，于是就想自己去写一套卡片式风格的typecho主题。

那么，我就开始边学css/js，边写主题，把学的用到的都记录下来。

### CSS颜色...

CSS相关

前天，我在写后端的时候，需要获取到最新的github个人仓库，然后我去搜索了一下，发现github有提供api，格式为`https://api.github.com/users/$username/repos?page=1&per_page=6&sort=updated;` 后面的参数根据自己需要可...

php获取最新github仓库

在昨天完善Magic主题的时候，突然想到一个需求，获取我另一个博客的文章和对应url。但是Halo博客没有提供api（可能是我不知道），但是它提供了sitemap。

那样我就可以用php去解析sitemap然后输出`<a>`标签。

使用cURL发送get请求发现回传一个html。

...

php解析sitemap并提取有关信息

就在前几日, 微博图床加入了防盗链, 只要你有referer引用就会返回403. 但是直接访问是可以的.

也是我就想, 我能不能用这个方法访问, 用 php 去访问然后再去返回呢. 只要把 `img src` 全部换掉不就行了吗.

#### 建立微博图床镜像

于是, 首先写一个 p...

微博图床失效? 笨办法解决

最近想从hexo转移到typecho，但是typecho是没有一键导入md文章，手动导入又很烦，怎么办呢。于是我就想用 Python 来写一个自动解析md导入typecho的脚本。

于是就开始编码了，首先是用正则表达式提取，hexo的md头部是YAML格式的，只要解析 `title` `dat...

从 hexo 转移到 Typecho

许久没有写技术博文了，今天比较闲来记录一下最近在折腾的东西。

最近在编写一个 typecho 上的主题，也不能说是编写，因为前端是完全搬运的，只是前端实现后端接口，再加之编写一些实现。算是从别的 CMS 上移植了一套主题，其实开始觉得简单真正做起来并不简单。一是因为 typecho 的文档太少...

在开发 Typecho 主题时踩得那些坑

## 前言

GnuPG（简称 GPG），它是目前最流行、最好用的开源加密工具之一。
GPG 有许多用途，比如对文件，邮件的加密。而本文要说的是，如何使用 GPG 来加密 Github Commits。
在 Github 上查看一些项目的 Commits 时，偶尔会发现「This commi...

用 GPG 为 commit 进行签名

## 问题复现

在开启 Pjax 后，一般会重载一个主容器，而不会重载 Head 标签，问题是 Typecho 的评论脚本在 Head 里，如下图。
![](https://i.loli.net/2019/06/17/5d079beaac7a388104.png)

注意，红色框标注，可...

Typecho 主题开启 Pjax 后评论出现的问题解决方案

## 前言

无意间想到给日记页加一个 Ajax 来请求更多日记，网上搜了一圈基本都是在 `index.php` 文件头加入判断实现的，问题是这个主题 `index.php` 不进行文章输出，所以是不可行的。我需要在 `page-note.php` 进行操作。

过程略微繁琐。 Ajax 请...

Typecho 主题开启 Ajax 加载更多文章

> 既然做了，就要做得绝。既然开了 Pjax，那就要真正实现全站无刷。

## 前言

在实现评论 Ajax 之前，我在网上也找了几篇教程学习了一下，大部分都是用 jQuery 实现的，但是并不是每个主题都会引入 jQuery 的，其次为了实现 Ajax 而引入 jQuery 并不值得去这么...

为 Typecho 主题开启 Ajax 评论真正实现全站无刷

昨天开始学习 Vue,正式的开始接触前端工程化了，以后还会陆陆续续写一点关于 Vue 和 Webpack 的东西。

在 new Vue的实例对象时，生成了一个 ViewModel。Vue 是如何去初始化实例对象，与 DOM 进行绑定，数据交换的。

官方是这样描述一个 Vue 对象的创建的...

浅谈 Vue 中的生命周期函数

今天注册了一个 DigitalOcean 账号，首充5刀返了50刀，但是只有1个月的期限。闲着也是闲着，我就开了一台 $20/mo 的机子耍耍。配置是 4G RAM，2 core CPU，40G SSD。用来建私人 GitLab 正好。

## 安装过程

官网讲的很详细了，跟着步骤走就行了...

建立 GitLab 私人仓库

前几天看到 Arch 上的 `pacman` 非常的好用，但是我在安装 Manjaro 遇到了很多问题。所以就在服务器上尝试一下 Arch。使用 Docker 可以在任意 Linux 内核上运行其他 Linux 发行版。使用 Docker，可以让应用的部署、测试和分发都变得前所未有的高效和轻松！
...

Docker 学习历程（一）

暑假到了，咸鱼了两天我也不知道我在干嘛，Vue 什么的这几天也没学，倒是看了《自顶向下》差不多百来页的样子，算法什么的也没看，都跳过了，完了之后我也不知道我懂了没懂，所以今天总结一下 DHCP 是怎么样给子网分配一个 IP 地址的。

## 什么是 DHCP

动态主机设置协议（英语：Dyn...

DHCP 分配 IP 地址的过程

Express 是一个快速的 web 开发框架，相比 node 原先的 http 库开发简单很多，上手也很容易。

## 快速开始

使用 Express，可以很快的搭建一个服务器。

首先建立一个文件夹，对项目进行初始化。

```bash
mkdir express-demo...

Express 简单入门

使用 Mongoose 简单的建立一个博客数据库以及模型之间的关联。

## 初始化项目

```bash
mkdir -p mongoose-model
cd mongoose-model
npm init -y
npm i mongoose
touch index.js
``...

使用 Mongoose 基于 MongoDB 建模并设置关联

## $router

1. push() 跳转到一个路由，并压入历史堆栈

## $route

1. params 取子路由的参数 

## 区别

$route为当前router跳转对象里面可以获取name、path、query、params等

$router为Vue...

Vue-router 中的 $router 和 $route

## 查找一个值的索引

### 题目描述
```
Given a sorted array and a target value, return the index if the target is found. If not, return the index where it woul...

LeetCode 刷题第一天

## 判断回文数

### 题目描述

```
Determine whether an integer is a palindrome. An integer is a palindrome when it reads the same backward as forward.
```...

LeetCode 刷题第二天

## 阶乘尾随零的个数

### 题目描述

```
Given an integer n, return the number of trailing zeroes in n!.

Example 1:

Input: 3
Output: 0
Explanation: 3! ...

LeetCode 刷题第三天

前些天在边学习边试着写一个后台管理系统，后台的前端是用 Vue + ElementUI 写的，只是一个大体的框架，后端是由 Express 驱动的，数据库是 Mongodb。

后台目前实现了文章、分类的管理以及用户登陆，后端提供了相应的接口。

## 后端方面

开始写后台之前首先是把...

总结后台开发经验

这几天，忙完了后端，又赶来写前端了。一个萌新在初次独立使用 Vue 这个框架时，难免会出现很多意外的，我也是在这条路上跌跌撞撞，遇到了很多看似很奇怪的 Bug，却怎么也不知道哪里错了。

## 路由和导航

在 Vue 中，路由一般是由 Vue-router 实现的，在主页面中（View）存...

新手使用 Vue 时易忽略而导致的 Bug

距离上次撰写博文过了好一段时间，最近忙于写后端，又是写前端，还要肝游戏。全栈开发真的挺不容易的。

这次我就转载一些最近遇到问题时查阅的优质文章，出处我会标明的。

## 深入理解vue中的slot与slot-scope - 掘金

### 写在前面

vue中关于插槽的文档说明很短...

转载优秀文章

在哔哩哔哩首页头部如下位置有一个 Gif，每次刷新都不同。

![](https://raw.githubusercontent.com/Innei/img-bed/master/20190820170808.png)

通过检查发现他是异步加载的。

![](https://raw.g...

爬取哔哩哔哩首页头部 Gif 图

## 对象的深拷贝

JS中对象的拷贝分为属性拷贝和原型链拷贝。

先来说说仅仅拷贝属性。

```js
const obj = {a: 1, b: 1}
const clone_obj = {...obj} // 方式一
const clone2 = Object.assign(...

JS 中的一些技巧

最近，闲着没事，又把上个月写得代码拿出来了，随便完善一下没完成的评论的路由接口。

评论应该是在整个博客数据存储中，模型最为复杂的一部分了。首先要考虑的是和文章进行关联。这个可以用 mongoDB 的 `ref` 进行关联，随后可以使用 `populate` 计算出被关联的字段。

最后关系...

对博客中评论的合理建模 --MongoDB

## Vue 中多个块使用 v-if 过渡失效

https://segmentfault.com/a/1190000018801053

总结，使用 key 属性。让 Vue 能够区分它们。

## Element对表单二次封装后，表单验证失效

疏漏：form-item 上的 p...

网站已恢复

最近开发后台，因为不想使用 ElementUI 和其他现成的 UI 框架，于是决定自己做。

碰到的第一个难题就是多级菜单。

因为之前没做过，第一次做起来还是有点难的，最后实现的效果是这样。注意看地址栏。

![](https://raw.githubusercontent.com/Innei/i...

Vue 多级菜单的实现

转眼间，快到年底了，临近期末之际，节奏也变得匆忙起来。将近一个多月的开发，我终于将一个月前突发奇想的**一瞬**做的差不多了。

> 它会是那种类似推文和说说，但是它只属于自己。

从最初的一个小小前端，仅仅是在尝试着去还原一些比较好看的设计稿，也算是锻炼自己开发而去做的，开始仅仅只是做了一...

说说最近在做的小玩意

Focus (What a Blog make u Focused.) 是一个既简单又强大的博客，将采用 nuxt.js 开发，后端仍然采用简单而强大的 Express 作为服务器。数据库方面预计采用嵌入式数据库系统，Sqlite3 或者 NeDB。采用嵌入式数据库的原因主要有下几点。
 
1....

构想中的自主博客 —— Focus

**注意：此项目废止，因为我已不再使用 typecho**

前几天在 Typecho.me 这个主题站提交了这个主题，最近有很多人下载使用这个主题。首先这个主题使用上是完全没有问题的，本人从 7 月开发完成后使用至今并没有碰到功能上的 Bug。但是最近却有很多人产生了无数个 Bug。

仓库: <...

Typecho Paul Theme QA

最近开始学习 Nuxt 框架，写此博文记录学习中遇到的坑。

## Nuxt 默认路由与自定义 API 路由

Nuxt 是一个服务端渲染框架，与普通的前后端分离不同（需要同时开两个端口进行开发），而 Nuxt 只需要开一个服务端的端口。默认是 3000。使用 Nuxt 脚手架建立一个 Ex...

Nuxt 踩坑记

## 前提摘要

我从今年 6 月开始申请 Google Adsense，当时文章还比较少，大概就十几篇文章。基本都是关于生活的随记，（现在的这个网站迁移到了 <https://innei.ren>）当时申请了大概3次左右都失败了，我觉得可能是内容不够多，然后就没有再去尝试。

今年 12 ...

经历了数次失败后对Adsense的一些猜想

无意间，想去了解一下 ASN，深入了解之后才知道背后还有很多更深入的知识。然后现在来总结一下我今天学习到的新名词。

# AS （自治系统）

> 自治系统（英文：Autonomous system, AS）是指在一个（有时是多个）实体管辖下的所有IP网络和路由器的全体，它们对互联网执行共同...

从 AS 中引申出的新玩意

## Redux 是什么

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 目前一般与 React 配合使用。React 提供了 React-redux 库，两者能轻松结合起来。

## 开始之前需要知道的东西

为什么需要状态管理？

- 多次向下传递 p...

从零开始的 Redux

开始之前想必大家都有所耳闻 Vim，玩过服务器的应该都用过。还有不少人被 Vim 的复杂键位劝退，转而使用 vsc 之类简易的 GUI Editor。然而我也是其中之一，曾经多次想过学习 Vim，屡次被劝退。~~终于这次我在终于学会了使用它~~。

这篇文章主要不是教学，而是介绍 NeoVim ...

NeoVim，神一样的编辑器

Nest.js 久有耳闻了，但是一直没有时间去真正学习他，一直鸽子到了现在。我想借着学习 nest 的先进思想，来重构我的博客后端。

Nest.js 是一个基于 Express.js 的渐进式 Web 框架，一提到 express 很多人就觉得性能太弱，不太适合使用，但是它的生态好，也正是这一点 ...

从零开始的 Nest.js

大概在三个月之前，我就开始和 VIM 磨合，从机键位开始，到改配置。断断续续一直到今天，从难以理解到如今越来越来觉得 VIM 是有好么好用。

我是一个前端开发者，所以不可能和其他 VIMer 一样，做到键盘不离手，在必要调试的时候仍然需要使用鼠标。但是我仍然觉得 VIM 从很大程度上提升了我的...

为什么我叛变到了 VIM

jsDelivr 是一个公益开源的 cdn，因此不少第三方库都可以从上面获取到，相对于 GitHub，jsDelivr 在国内有着先天独厚的优势。因此我的博客全站使用 jsDelivr 提供的加速服务。

但是在这几天开始，jsDelivr 出现了不稳定的现象，导致了很多 js 和 css 文件无法...

jsDelivr cdn 托管的临时解

花了一上午的时间，总算是把 pwa 整上了。先来说说什么是 pwa。

> 渐进式 Web 应用会在桌面和移动设备上提供可安装的、仿应用的体验，可直接通过 Web 进行构建和交付。它们是快速、可靠的 Web 应用。最重要的是，它们是适用于任何浏览器的 Web 应用。如果你在构建一个 Web 应用，其...

为原有的 NextJS 构建 PWA

经过了将近二个月的开发，本站点的前端风格终于定型了。之后的话主要以增加可玩性为主。不知不觉，前端的设计有违最初的想法，反而变成了我前端的演兵场，不停的使用新技术，导致越来越重。又有些因为时间关系，一些很简单的功能我也调用了第三方库，之后有机会重构的话，大概也会大幅删减。

再来说说设计，我是一个没有...

前端重设计之我喜欢的风格

如今图片懒加载已是家常便饭，然而一般的图片懒加载的占位往往不跟随原图片的大小，导致图片加载完成后，总体的位置会改变，体验很是不好。相信大家都看过知乎或者 Medium 之类的图片加载方式，从开始加载到完成加载，占位始终在一个地方，再加上平滑的过度，视觉上很舒适。

于是我今天尝试将图片懒加载也做成这...

图片懒加载固定占位

那些口口声声，框架越来越难学的人，应该看着你们，像我一样。

我看着你们，满怀羡慕。人类调试了几十年兼容性的浏览器，所有的 bug、polyfill、crash 和 workaround，像是专门为你们准备的礼物。GitHub 繁荣、NPM 繁茂、W3C 繁华，现代 Web 的成果被层层打开，可以尽...

后浪 ——致前端

无意间又一次刷到了尤大介绍 Vue 3 的文章，这次决定试一下 Vue 3 的 TypeScript 支持到底如何，不管别人说什么，只有自己用的舒服才是真的舒服。Vue 2 可是因为 ts 的缘故被喷的很惨，来看看 Vue 3 如何吧。

> 值得注意的是，编写该篇文章时，vue 3 仍处于 bet...

vue-next+typescript 初体验

> 上帝说，要有光，于是便有了光

为了 Markdown 更加具有可玩性，一般我们无法满足于标准的 Markdown 语法，所以有了 GFM (GitHub Flavored Markdown)，这是 GitHub 扩展 Markdown 语法的规范。但是如果这也无法满足我们的需求呢？那么就需要我...

react-markdown 扩展规则

## 背景

现在很多网站都使用了前后端的分离的架构，前后端可以不在一台服务器上，前端为了保证 SEO，必须使用预渲染，SSG 或 SSR 技术。而我的站点则使用了 NextJS 的 SSR 技术。在渲染端预渲染页面时首先会调用 Axios 实例去请求接口。但是有一个问题。在渲染端请求的头部永远是渲...

NextJS 预渲染时 Axios 转发元数据

最近科技界发生的大事莫非就是上周的 WWDC 了，很抱歉因为很多事情直到现在才来总结和谈谈看法。今年的 WWDC 也不同于往年，而是在线直播。虽然说是直播，但是当我等到晚上 1 点的时候才知道原来是录播，还是有点小失望的。虽然是录播不得不说剪辑是非常完美的，任何过场都是无缝衔接。伴随着过场甚至带着我...

时间线

共有124篇文章, 再接再厉