分享 on 醉后的星星

Hugo博客搭建及stack主题设置

Sun, 06 Jul 2025 08:38:00 +0000

安装Hugo

Hugo有标准版、扩展版（extended），还有一个部署版（extended_withdeploy）,扩展板多了图像和Sass处理器，部署版支持直接部署到google、AWS云等。

直接下载扩展版：https://github.com/gohugoio/hugo/releases/

解压后将hugo.exe目录添加到全局环境变量中。

新建站点

hugo new site quickstart

初始化git

git init

hugo命令见官方指南：https://hugo.opendocs.io/getting-started/

安装主题

hugo主题网站：https://themes.gohugo.com.cn/

这里使用stack主题：https://stack.jimmycai.com/

安装主题

直接使用git命令或者手动下载放到themes目录下

git submodule add https://github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack

主题设置

stack主题设置参考：https://stack.jimmycai.com/config/

以下本站设置：

baseURL = 'http://kizx.gitee.io/'
languageCode = 'zh-cn'
title = '醉后的星星'
theme = 'hugo-theme-stack'
copyright = 'kizx'
DefaultContentLanguage = 'zh-cn'


[params]
favicon = "/favicon.ico"

[params.sidebar]
#compact = true
emoji = '🔞'
subtitle = "我好菜啊"
avatar.enabled = true
avatar.local = true
avatar.src = "img/avatar.gif"

[params.Footer]
since = 2019
#customText = ""

[params.Article]
headingAnchor = true
math = true
readingTime = false

[params.widgets]
homepage = [
 {type = 'search'},
 {type = 'archives'},
 {type = 'tag-cloud'},
]
page = [
 {type = 'toc'},
 {type = 'categories'},
]

[params.opengraph]
twitter.site = "kizx"
twitter.card = "summary"
enabled = true
src = "img/default.jpg"
local = true

[menu]
[[menu.social]]
identifier = 'github'
url = 'https://github.com/kizx'
params.icon = 'brand-github'

[[menu.social]]
identifier = 'bilibili'
url = 'https://space.bilibili.com/22411920'
params.icon = 'brand-bilibili'

左侧菜单页设置：

直接将hugo-theme-stack\exampleSite\content\page拷贝到网页的content\page中

需要出现在菜单栏中的页面通过在md文件的Front Matter中添加：

menu:
 main:
 name: title (optional)
 weight: -90
 params:
 icon: icon-name

或者直接在配置文件中添加，但在配置文件中添加会缺少当前惨淡选中高亮显示。

参考

使用hugo stack主题快速搭建博客

【Hugo】配置 (stack 主题)

图标下载

如何用 GitHub Pages + Hugo 搭建个人博客

关于找工作的那些事

Mon, 25 Apr 2022 17:27:00 +0000

时间节点

一般三四月份就会有春招，春招是找暑期实习的时机，就算不去实习，也可以投投简历，面面试积累一些经验，可以提前了解一些岗位要求、面试流程和自身所欠缺的部分。
五月份开始，可能就会有一些研究所开始提前批招聘，有中意单位的，需要特别留意。
暑假七八月份是各个大厂提前批招聘的黄金时期，准备做的差不多了就可以正式应聘了，越早投递，机会越大，很多公司研究所或岗位前面人招满了后面就没有HC了，很多人提前批拿到offer后面压力就会小很多，不过相对来说毕前批的招聘要求都会高一些。
金九银十是正式批的黄金时期，但就个人经验来看关键是九月份，九月份一开学就会有大批研究所和大厂开始招聘，九月份无疑是最忙的一个月份，如果采取海投策略的话，几乎每天都有不止一场面试或笔试，而十月份研究所和大厂招聘就会见少，主要是一些小公司较多，一般人九月份都能拿到offer。
至于后面的时间本人就没有参与了，所以最理想的找工作节奏就是三四月份一边面试试水积攒经验，一边查漏补缺，到了七八月份就应该学习准备的差不多了，提前批争取拿到一个offer，没拿到其实也没关系，经过提前批的磨练，在九月份的正式批里就能更得心应手了，九十月份拿到offer后，后面就能安心写论文了。

求职准备

所需要学习内容应该是视岗位而定的，所以说一开始就定一个目标岗位或方向是十分重要的，尤其是大厂企业招聘，都是看岗位招人的，笔试面试时都会与岗位要求息息相关；而研究所个人感觉更多的是看人招聘，他觉得你可以了，就把你招聘进去然后分配一个合适的岗位，我研究所面试经验不多，个人感觉大概就是这样的。所以企业招聘一定要选好岗位，投对岗位很重要，一旦投出去了后面再改也会比较困难。
一般来说大厂的笔试和面试最难，大厂面试一般分为综合测试->笔试->2~3轮面试->hr面，综合测试是大部分招聘都会有的一个项目，主要是一些性格测试题，一般如实填写即可，只有华为的性格测试需要注意，可能会挂人。研究所一般没有笔试，面试也只有一两轮，面试更偏好问项目，因此此时简历和发挥就很重要了，能力、项目、学历至少要占两项才能脱颖而出。
数据结构与算法是所有程序向的岗位的公共基础，也是花费时间最久最见基本功的一项，这个除了学习外，更重要的是刷题，刷题一般上Leetcode或者牛客网上刷题，Leetcode题目比较多而全，可以按照大神推荐的顺序进行刷题，比如我觉得代码随想录就讲的很不错；牛客网上有很多企业笔试题，可以进行仿真练习，牛客网和Leetcode的代码运行方式有些不同，实际面试时一般就是以牛客网的方式，所以第一次笔试前，一定要在牛客网上做一次仿真练习，否则可能连输入输出都要琢磨半天。一般来说常见数据结构和算法专题都刷个十几道题，加一起刷个两三百题就比较保险了，当然还是得看个人学习方法和习惯，数量有时说明不了问题。然后相应的编程相关问题要具体看岗位所需的语言，这个除了自身掌握，一般就得看面经了，所谓面经，就是其他面试过的同学的经验，在牛客网和一些公众号上会有人总结，这个就看你平时关注了。其他像计算机网络、计算机组成原理等知识也会问，根据岗位侧重进行学习记忆即可。
最难的莫过于项目准备，这个只能看你自己会不会发掘了，只要是你参与过的项目，和岗位相关的项目，哪怕是没有参与过的但是你经过了解后掌握的，也可以写进去，这个就看你自己包装了，别给自己挖坑就行，我也不会包装，我就拿我平时写的小东西放上去了，好充个场面。
简历不用整什么花哨的模板，QQ邮箱自带的建立我看就挺好，怎么写建立这里就不细说了，后面推荐的up里有专门讲的，我想说的是建立一开始也不必写太好，写的差不多就可以投了，因为你会发现真正投递时，各家招聘网站上又得填一遍，填到后面都烦了哈哈。

信息获取

学校就业网和公众号会每天推送一些信息，尤其是九月开学之后，每天都有很多研究所的校招信息，每天关注校招日历以便及时投递。
大厂的校招一般都是线上的，所以学校招聘信息上可能不多，需要自己关注一些内推的公众号，或者牛客网上也有招聘信息，一般大厂都有招聘专用的公众号，一般叫XX招聘或者XX校招，可自行搜索。
可以加一些校招群多和别人了解一些招聘和应聘动态。
研究所的招聘信息一般都不会太公开，都是到学校了来了才发通知，或者有内部消息，可以关注这些所的公众号（如果有的话），也可以关注其他学校的就业网信息作为补充。
大厂薪酬信息一般有迹可循，可以上Offershow小程序搜索或者脉脉App上看看评价，研究所的信息较为封闭，有内部信息自然最好，大部分时候只能从网上的零碎信息去推测。

部分收藏推荐资源

编程资料

B站的一些Up主

公众号/小程序

OfferShow
内推指南
低并发编程
labuladong
小K算法

Win10开机自动拨号上网方法

Fri, 14 Jan 2022 05:14:00 +0000

校园网是需要通过PPOPE拨号上网的，每次开机都需要在网络里点击连接才能上网，很是令人讨厌，应该让电脑自动联网。

拨号上网命令

Windows系统里拨号上网的命令是rasdial，用法如下所示

PS C:\Users\kizx> rasdial /h
用法:
 C:\Windows\system32\rasdial.exe entryname [username [password|*]] [/DOMAIN:domain]
 [/PHONE:phonenumber] [/CALLBACK:callbacknumber]
 [/PHONEBOOK:phonebookfile] [/PREFIXSUFFIX]

 C:\Windows\system32\rasdial.exe [entryname] /DISCONNECT

 C:\Windows\system32\rasdial.exe

简单来说就是：

rasdial.exe "连接名称" 账号 密码

任务计划

通过设置任务计划来开机自动运行rasdial命令，这也是网上能查到的最普遍的方法，下面给出一个参考，这里不再赘述。 https://zhuanlan.zhihu.com/p/359897141

命令脚本

任务计划有时设置了并不起效，这里我给出一种通过开机自动运行脚本的方法，先新建一个开机运行.bat的脚本，然后写入如下内容，注意替换名称、账号和密码：

echo off
chcp 65001
echo 正在连接 . . .
rasdial "连接名称" 账号 密码
echo 连接成功！

上面只有第四行是真正有用的，其他行只是我为了美观加上的，让运行起来好看点。

然后将上述bat文件放到开机自启文件夹下，这个文件夹一般在下面这个目录里

C:\Users\用户名\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup

设置完后，在任务管理器的启动项里就应该会多出一个开机运行.bat启动项。

免密开机

顺带一提，如果想设置自动免密开机的话，win+R运行netplwiz命令后勾选取消开机密码。如果没有这个选项，需要修改注册表HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\PasswordLess\Device，双击DevicePasswordLessBuildVersion，把值改成0确定，然后再运行netplwiz。参考：https://zhidao.baidu.com/question/364115147169595652.html

腾讯云函数、阿里云函数Python创建HTTP函数示例

Sun, 13 Jun 2021 14:03:32 +0000

# -*- coding: utf8 -*-
from urllib import parse

def get_url(type='pivix'):
 pass

def main_handler(event, context):
 if event['httpMethod'] == 'GET':
 if 'type' in event['queryString']:
 imgtype = event['queryString']['type']
 url = get_url(imgtype)
 else:
 url = get_url()
 if url:
 return {'code': 0, 'url': url, 'msg': "成功"}
 else:
 return {'code': 1, 'msg': "失败"}
 if event['httpMethod'] == 'POST':
 body = parse.parse_qs(event['body'])
 print(body)
 if 'type' in body:
 imgtype = body['type'][0]
 url = get_url(imgtype)
 else:
 url = get_url()
 if url:
 return {'code': 0, 'url': url, 'msg': "成功"}
 else:
 return {'code': 1, 'msg': "失败"}

阿里云

# -*- coding: utf-8 -*-

import logging
import json
from urllib import parse

# To enable the initializer feature (https://help.aliyun.com/document_detail/158208.html)
# please implement the initializer function as below：
# def initializer(context):
# logger = logging.getLogger()
# logger.info('initializing')


def handler(environ, start_response):
 context = environ['fc.context']
 request_uri = environ['fc.request_uri']
 for k, v in environ.items():
 if k.startswith('HTTP_'):
 # process custom request headers
 pass
 # do something here
 try:
 request_body_size = int(environ.get('CONTENT_LENGTH', 0))
 except (ValueError):
 request_body_size = 0
 request_body = environ['wsgi.input'].read(request_body_size).decode(encoding="utf-8")
 body = parse.parse_qs(request_body)
 for i in body:
 body[i] = body[i][0]
 status = '200 OK'
 response_headers = [('Content-type', 'application/json')]
 start_response(status, response_headers)
 return [json.dumps(body).encode(encoding="utf-8")]

webpack5基础

Thu, 27 May 2021 10:25:00 +0000

下面均已 webpack5 为例

npm init -y
npm install webpack webpack-cli --save-dev

运行命令

可以使用 webpack 初始化命令快速生成一个项目

npx webpack-cli init

以下是自动生成的webpack.config.js

// Generated using webpack-cli https://github.com/webpack/webpack-cli

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

const isProduction = process.env.NODE_ENV == "production";

const stylesHandler = isProduction
 ? MiniCssExtractPlugin.loader
 : "style-loader";

const config = {
 entry: "./src/index.js",
 output: {
 path: path.resolve(__dirname, "dist"),
 },
 devServer: {
 open: true,
 host: "localhost",
 },
 plugins: [
 new HtmlWebpackPlugin({
 template: "index.html",
 }),

 // Add your plugins here
 // Learn more about plugins from https://webpack.js.org/configuration/plugins/
 ],
 module: {
 rules: [
 {
 test: /\.(js|jsx)$/i,
 loader: "babel-loader",
 },
 {
 test: /\.css$/i,
 use: [stylesHandler, "css-loader"],
 },
 {
 test: /\.s[ac]ss$/i,
 use: [stylesHandler, "css-loader", "sass-loader"],
 },
 {
 test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
 type: "asset",
 },

 // Add your rules for custom modules here
 // Learn more about loaders from https://webpack.js.org/loaders/
 ],
 },
};

module.exports = () => {
 if (isProduction) {
 config.mode = "production";

 config.plugins.push(new MiniCssExtractPlugin());
 } else {
 config.mode = "development";
 }
 return config;
};

也可以手动新建一个 webpack.config.js 文件手动配置可以配置 npm run script 命令运行 webpack，也可以手动 npx webpack xxx 运行

 "scripts": {
 "test": "echo \"Error: no test specified\" && exit 1",
 "build": "webpack --mode=production --node-env=production",
 "build:dev": "webpack --mode=development",
 "build:prod": "webpack --mode=production --node-env=production",
 "watch": "webpack --watch",
 "serve": "webpack serve"
 },

入口

入口可以是一个文件或多个 js 文件

module.exports = {
 //...
 entry: {
 home: "./home.js",
 about: "./about.js",
 contact: "./contact.js",
 },
};

https://webpack.docschina.org/configuration/entry-context/#entry

输出

设置输出的文件，设置clean: true输出前先清空输出目录

 output: {
 filename: "[name].[contenthash].js",
 path: path.resolve(__dirname, "dist"),
 clean: true,
 },

可以用多种方式设置输出文件的名称 https://webpack.docschina.org/configuration/output/#outputfilename

加载 html 模板

使用html-webpack-plugin插件

const HtmlWebpackPlugin = require("html-webpack-plugin");
plugins: [
 new HtmlWebpackPlugin({
 template: "./src/index.html",
 filename: "index.html",
 }),
];

加载 CSS

需要先 npm 安装相应包，sass-loader将 sass 文件转换为 css 文件，css-loader加载 css 文件，style-loader将 css 文件通过 js 的方式将 css 加载到页面中。

module: {
 rules: [
 {
 test: /\.s[ac]ss$/i,
 use: ["style-loader", "css-loader", "sass-loader"],
 },
 ],
},

如果要分离 css 文件，可以使用MiniCssExtractPlugin，会自动 link 到 HtmlWebpackPlugin 中

const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
//...
 {
 test: /\.s[ac]ss$/i,
 use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
 },
//...
 plugins: [
 new HtmlWebpackPlugin({
 template: "./src/index.html",
 filename: "index.html",
 }),
 new MiniCssExtractPlugin({
 filename: "style.min.css",
 }),
],

加载静态文件

webpack5 使用asset-modules模块来管理静态文件 https://webpack.docschina.org/guides/asset-modules/

环境分离

使用webpack-merge模块实现生产开发环境分开设置 https://webpack.docschina.org/guides/production/

开发环境设置

设置 devtool 使用 source map https://webpack.docschina.org/configuration/devtool/ 设置热更新

devServer: {
contentBase: "./dist",
hot: true,
},

参考

https://webpack.docschina.org/guides/getting-started/ https://www.lookroot.cn/course/webpack/ https://szxio.gitee.io/hexoblog/Tool/webpack/

网页中添加live2d看板娘

Wed, 19 May 2021 10:48:00 +0000

复现了大佬的操作，这里总结一下。大佬源文章：https://nocilol.me/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02/

步骤

下载live2d.js：https://github.com/journey-ad/live2d_src/releases

新建`waifu-tips.js`

function render(template, context) {
 var tokenReg = /(\\)?\{([^\{\}\\]+)(\\)?\}/g;

 return template.replace(tokenReg, function (word, slash1, token, slash2) {
 if (slash1 || slash2) {
 return word.replace("\\", "");
 }

 var variables = token.replace(/\s/g, "").split(".");
 var currentObject = context;
 var i, length, variable;

 for (i = 0, length = variables.length; i < length; ++i) {
 variable = variables[i];
 currentObject = currentObject[variable];
 if (currentObject === undefined || currentObject === null)
 return "";
 }
 return currentObject;
 });
}
String.prototype.render = function (context) {
 return render(this, context);
};

var re = /x/;
console.log(re);
re.toString = function () {
 showMessage("哈哈，你打开了控制台，是想要看看我的秘密吗？", 5000);
 return "";
};

$(document).on("copy", function () {
 showMessage("你都复制了些什么呀，转载要记得加上出处哦", 5000);
});

$.ajax({
 cache: true,
 url: "path/to/waifu-tips.json",
 dataType: "json",
 success: function (result) {
 $.each(result.mouseover, function (index, tips) {
 $(document).on("mouseover", tips.selector, function () {
 var text = tips.text;
 if (Array.isArray(tips.text))
 text =
 tips.text[
 Math.floor(Math.random() * tips.text.length + 1) - 1
 ];
 text = text.render({ text: $(this).text() });
 showMessage(text, 3000);
 });
 });
 $.each(result.click, function (index, tips) {
 $(document).on("click", tips.selector, function () {
 var text = tips.text;
 if (Array.isArray(tips.text))
 text =
 tips.text[
 Math.floor(Math.random() * tips.text.length + 1) - 1
 ];
 text = text.render({ text: $(this).text() });
 showMessage(text, 3000);
 });
 });
 },
});

(function () {
 var text;
 if (document.referrer !== "") {
 var referrer = document.createElement("a");
 referrer.href = document.referrer;
 text =
 'Hello! 来自 <span style="color:#0099cc;">' +
 referrer.hostname +
 "</span> 的朋友";
 var domain = referrer.hostname.split(".")[1];
 if (domain == "baidu") {
 text =
 'Hello! 来自 百度搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' +
 referrer.search.split("&wd=")[1].split("&")[0] +
 "</span> 找到的我吗？";
 } else if (domain == "so") {
 text =
 'Hello! 来自 360搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' +
 referrer.search.split("&q=")[1].split("&")[0] +
 "</span> 找到的我吗？";
 } else if (domain == "google") {
 text =
 'Hello! 来自 谷歌搜索 的朋友<br>欢迎阅读<span style="color:#0099cc;">『' +
 document.title.split(" - ")[0] +
 "』</span>";
 }
 } else {
 if (window.location.href == "https://imjad.cn/") {
 //如果是主页
 var now = new Date().getHours();
 if (now > 23 || now <= 5) {
 text = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛";
 } else if (now > 5 && now <= 7) {
 text = "早上好！一日之计在于晨，美好的一天就要开始了";
 } else if (now > 7 && now <= 11) {
 text = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！";
 } else if (now > 11 && now <= 14) {
 text = "中午了，工作了一个上午，现在是午餐时间！";
 } else if (now > 14 && now <= 17) {
 text = "午后很容易犯困呢，今天的运动目标完成了吗？";
 } else if (now > 17 && now <= 19) {
 text = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~";
 } else if (now > 19 && now <= 21) {
 text = "晚上好，今天过得怎么样？";
 } else if (now > 21 && now <= 23) {
 text = "已经这么晚了呀，早点休息吧，晚安~";
 } else {
 text = "嗨~ 快来逗我玩吧！";
 }
 } else {
 text =
 '欢迎阅读<span style="color:#0099cc;">『' +
 document.title.split(" - ")[0] +
 "』</span>";
 }
 }
 showMessage(text, 6000);
})();

window.setInterval(showHitokoto, 30000);

function showHitokoto() {
 $.getJSON(
 "https://api.imjad.cn/hitokoto/?cat=&charset=utf-8&length=28&encode=json",
 function (result) {
 showMessage(result.hitokoto, 5000);
 }
 );
}

function showMessage(text, timeout) {
 if (Array.isArray(text))
 text = text[Math.floor(Math.random() * text.length + 1) - 1];
 console.log(text);
 $(".waifu-tips").stop();
 $(".waifu-tips").html(text).fadeTo(200, 1);
 if (timeout === null) timeout = 5000;
 hideMessage(timeout);
}
function hideMessage(timeout) {
 $(".waifu-tips").stop().css("opacity", 1);
 if (timeout === null) timeout = 5000;
 $(".waifu-tips").delay(timeout).fadeTo(200, 0);
}

新建`waifu-tips.json`，可以设置看板娘交互文字

{
 "mouseover": [
 {
 "selector": ".container a[href^='http']",
 "text": ["要看看 <span style=\"color:#0099cc;\">{text}</span> 么？"]
 },
 {
 "selector": ".fui-home",
 "text": ["点击前往首页，想回到上一页可以使用浏览器的后退功能哦"]
 },
 {
 "selector": "#tor_show",
 "text": ["翻页比较麻烦吗，点击可以显示这篇文章的目录呢"]
 },
 {
 "selector": "#comment_go,.fui-chat",
 "text": ["想要去评论些什么吗？"]
 },
 {
 "selector": "#night_mode",
 "text": ["深夜时要爱护眼睛呀"]
 },
 {
 "selector": "#qrcode",
 "text": ["手机扫一下就能继续看，很方便呢"]
 },
 {
 "selector": ".comment_reply",
 "text": ["要吐槽些什么呢"]
 },
 {
 "selector": "#back-to-top",
 "text": ["回到开始的地方吧"]
 },
 {
 "selector": "#author",
 "text": ["该怎么称呼你呢"]
 },
 {
 "selector": "#mail",
 "text": ["留下你的邮箱，不然就是无头像人士了"]
 },
 {
 "selector": "#url",
 "text": ["你的家在哪里呢，好让我去参观参观"]
 },
 {
 "selector": "#textarea",
 "text": ["认真填写哦，垃圾评论是禁止事项"]
 },
 {
 "selector": ".OwO-logo",
 "text": ["要插入一个表情吗"]
 },
 {
 "selector": "#csubmit",
 "text": ["要提交了吗，首次评论需要审核，请耐心等待~"]
 },
 {
 "selector": ".ImageBox",
 "text": ["点击图片可以放大呢"]
 },
 {
 "selector": "input[name=s]",
 "text": ["找不到想看的内容？搜索看看吧"]
 },
 {
 "selector": ".previous",
 "text": ["去上一页看看吧"]
 },
 {
 "selector": ".next",
 "text": ["去下一页看看吧"]
 },
 {
 "selector": ".dropdown-toggle",
 "text": ["这里是菜单"]
 },
 {
 "selector": "c-player a.play-icon",
 "text": ["想要听点音乐吗"]
 },
 {
 "selector": "c-player div.time",
 "text": ["在这里可以调整<span style=\"color:#0099cc;\">播放进度</span>呢"]
 },
 {
 "selector": "c-player div.volume",
 "text": ["在这里可以调整<span style=\"color:#0099cc;\">音量</span>呢"]
 },
 {
 "selector": "c-player div.list-button",
 "text": ["<span style=\"color:#0099cc;\">播放列表</span>里都有什么呢"]
 },
 {
 "selector": "c-player div.lyric-button",
 "text": ["有<span style=\"color:#0099cc;\">歌词</span>的话就能跟着一起唱呢"]
 },
 {
 "selector": ".waifu #live2d",
 "text": ["干嘛呢你，快把手拿开", "鼠…鼠标放错地方了！"]
 }
 ],
 "click": [
 {
 "selector": ".waifu #live2d",
 "text": ["是…是不小心碰到了吧", "萝莉控是什么呀", "你看到我的小熊了吗", "再摸的话我可要报警了！?●﹏●?", "110吗，这里有个变态一直在摸我(ó﹏ò?)"]
 }
 ]
}

新建`style.css`

.waifu {
 position: fixed;
 bottom: 0;
 left: 0;
 z-index: 1;
 font-size: 0;
 transition: all 0.3s ease-in-out;
 -webkit-transform: translateY(3px);
 transform: translateY(3px);
}
.waifu:hover {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
@media (max-width: 768px) {
 .waifu {
 display: none;
 }
}
.waifu-tips {
 opacity: 0;
 width: 250px;
 height: 70px;
 margin: -20px 20px;
 padding: 5px 10px;
 border: 1px solid rgba(224, 186, 140, 0.62);
 border-radius: 12px;
 background-color: rgba(236, 217, 188, 0.5);
 box-shadow: 0 3px 15px 2px rgba(191, 158, 118, 0.2);
 font-size: 12px;
 text-overflow: ellipsis;
 overflow: hidden;
 position: absolute;
 animation-delay: 5s;
 animation-duration: 50s;
 animation-iteration-count: infinite;
 animation-name: shake;
 animation-timing-function: ease-in-out;
}
.waifu #live2d {
 position: relative;
}

@keyframes shake {
 2% {
 transform: translate(0.5px, -1.5px) rotate(-0.5deg);
 }

 4% {
 transform: translate(0.5px, 1.5px) rotate(1.5deg);
 }

 6% {
 transform: translate(1.5px, 1.5px) rotate(1.5deg);
 }

 8% {
 transform: translate(2.5px, 1.5px) rotate(0.5deg);
 }

 10% {
 transform: translate(0.5px, 2.5px) rotate(0.5deg);
 }

 12% {
 transform: translate(1.5px, 1.5px) rotate(0.5deg);
 }

 14% {
 transform: translate(0.5px, 0.5px) rotate(0.5deg);
 }

 16% {
 transform: translate(-1.5px, -0.5px) rotate(1.5deg);
 }

 18% {
 transform: translate(0.5px, 0.5px) rotate(1.5deg);
 }

 20% {
 transform: translate(2.5px, 2.5px) rotate(1.5deg);
 }

 22% {
 transform: translate(0.5px, -1.5px) rotate(1.5deg);
 }

 24% {
 transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
 }

 26% {
 transform: translate(1.5px, 0.5px) rotate(1.5deg);
 }

 28% {
 transform: translate(-0.5px, -0.5px) rotate(-0.5deg);
 }

 30% {
 transform: translate(1.5px, -0.5px) rotate(-0.5deg);
 }

 32% {
 transform: translate(2.5px, -1.5px) rotate(1.5deg);
 }

 34% {
 transform: translate(2.5px, 2.5px) rotate(-0.5deg);
 }

 36% {
 transform: translate(0.5px, -1.5px) rotate(0.5deg);
 }

 38% {
 transform: translate(2.5px, -0.5px) rotate(-0.5deg);
 }

 40% {
 transform: translate(-0.5px, 2.5px) rotate(0.5deg);
 }

 42% {
 transform: translate(-1.5px, 2.5px) rotate(0.5deg);
 }

 44% {
 transform: translate(-1.5px, 1.5px) rotate(0.5deg);
 }

 46% {
 transform: translate(1.5px, -0.5px) rotate(-0.5deg);
 }

 48% {
 transform: translate(2.5px, -0.5px) rotate(0.5deg);
 }

 50% {
 transform: translate(-1.5px, 1.5px) rotate(0.5deg);
 }

 52% {
 transform: translate(-0.5px, 1.5px) rotate(0.5deg);
 }

 54% {
 transform: translate(-1.5px, 1.5px) rotate(0.5deg);
 }

 56% {
 transform: translate(0.5px, 2.5px) rotate(1.5deg);
 }

 58% {
 transform: translate(2.5px, 2.5px) rotate(0.5deg);
 }

 60% {
 transform: translate(2.5px, -1.5px) rotate(1.5deg);
 }

 62% {
 transform: translate(-1.5px, 0.5px) rotate(1.5deg);
 }

 64% {
 transform: translate(-1.5px, 1.5px) rotate(1.5deg);
 }

 66% {
 transform: translate(0.5px, 2.5px) rotate(1.5deg);
 }

 68% {
 transform: translate(2.5px, -1.5px) rotate(1.5deg);
 }

 70% {
 transform: translate(2.5px, 2.5px) rotate(0.5deg);
 }

 72% {
 transform: translate(-0.5px, -1.5px) rotate(1.5deg);
 }

 74% {
 transform: translate(-1.5px, 2.5px) rotate(1.5deg);
 }

 76% {
 transform: translate(-1.5px, 2.5px) rotate(1.5deg);
 }

 78% {
 transform: translate(-1.5px, 2.5px) rotate(0.5deg);
 }

 80% {
 transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
 }

 82% {
 transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
 }

 84% {
 transform: translate(-0.5px, 0.5px) rotate(1.5deg);
 }

 86% {
 transform: translate(2.5px, 1.5px) rotate(0.5deg);
 }

 88% {
 transform: translate(-1.5px, 0.5px) rotate(1.5deg);
 }

 90% {
 transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
 }

 92% {
 transform: translate(-1.5px, -1.5px) rotate(1.5deg);
 }

 94% {
 transform: translate(0.5px, 0.5px) rotate(-0.5deg);
 }

 96% {
 transform: translate(2.5px, -0.5px) rotate(-0.5deg);
 }

 98% {
 transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
 }

 0%,
 100% {
 transform: translate(0, 0) rotate(0);
 }
}

网页中插入以下内容

<link rel="stylesheet" href="style.css" />
<div class="waifu">
 <div class="waifu-tips"></div>
 <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
</div>
<script src="//cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script async src="waifu-tips.js"></script>
<script src="live2d.js"></script>
<script type="text/javascript">
 // 这里填写模型的model.json的地址
 loadlive2d("live2d", "models/snow_miku/model.json");
</script>

其中model需要自己制造或者下载大佬分享的

这个网站有一些分享的模型：https://mx.paul.ren/

案例

https://pan.2bboy.com/home/test/live2d/

TCP/IP协议总结

Sun, 25 Apr 2021 13:58:00 +0000

一般将TCP/IP分为四层，OSI参考模型分为7层

7 应用层

针对每个应用程序的协议
如电子邮件协议、远程登录协议、文件传输协议ftp、http、DNS、URI、SSH

6 表示层

设备固有数据格式和网络标准数据格式间的转换

5 会话层

通信管理，负责建立和断开通信连接，以及数据分割等处理

4 传输层

负责管理两个节点之间的数据可靠传输（确保数据可靠地传送到目标地址）
TCP、UDP协议

3 网络层

主要负责寻址和路由选择
IP协议(IPv4\IPv6)、ARP、ICMP

2 数据链路层

互联设备之间的传送和数据帧的生成与接收
通过MAC来唯一标识(MAC,物理地址，一个主机会有一个MAC地址)

1 物理层

数字信号和点子信号间的转换

数据发送和接收

每个分层中，都会对所发送的数据附加一个首部，每个包首部中至少会包含两个信息：发送端地址和接收端地址。以太网用MAC地址，网络层用IP地址，TCP/UDP会用端口号。另外每个分层包首部还包含一个标志位，用来标志上一层协议种类信息

IP协议

IPv4地址由32位数表示，ip地址由网络地址（网络标识）和主机地址（主机标识）两部分组成。网络地址和主机地址的分段以子网掩码区分，子网掩码的主要作用有两个，一是用于屏蔽IP地址的一部分以区别网络标识和主机标识，并说明该IP地址是在局域网上，还是在远程网上。二是用于将一个大的IP网络划分为若干小的子网络。子网掩码可在ip地址后加上/表示，比如172.20.0.0/16或172.20/16 IP地址分类

A类

0开头
区间：0.0.0.0~127.0.0.0
子网掩码：255.0.0.0
私有地址：10.0.0.0~10.255.255.255(10/8)

B类

10开头
区间：128.0.0.0~191.255.0.0
子网掩码：255.255.0.0
私有地址：172.16.0.0~172.31.255.255(172.16/12)

C类

110开头
区间：192.0.0.0~223.255.255.0
子网掩码：255.255.255.0
私有地址：192.168.0.0~192.168.255.255(192.168/16)
每个网段只有254个地址，因为全0表示对应网段或地址不可知，全1表示广播地址

D类

1110开头
区间：224.0.0.0~239.255.255.255
子网掩码：255.255.255.255
多拨地址

E类

区间：240.0.0.0~255.255.255.254
保留地址

广播地址

将主机地址全部设为1，就是广播地址

ARP/RARP协议

ARP 是根据IP地址获取MAC地址的一种协议。在以太网上发送ip包时，因为链路层需要知道MAC地址，先根据ip地址查一下ARP缓存，如果没有查到，则发送一个ARP协议广播包，这个广播包里面就有待查询的IP地址，而直接收到这份广播的包的所有主机都会查询自己的IP地址，如果收到广播包的某一个主机发现自己符合条件，那么就准备好一个包含自己的MAC地址的ARP包传送给发送ARP广播的主机。广播主机拿到ARP包后会更新自己的ARP缓存。只适用于ipv4，ipv6中用ICMPv6代替。
RARP 是从MAC地址定位ip地址的一种协议。
arp 命令

ICMP协议

ICMP的主要功能包括，确认IP包是否成功到达目标地址，通知发送过程中ip包被弃用的原因，改善网络设置等。当传送IP数据包发生错误，比如主机不可达，路由不可达等等，ICMP协议将会把错误信息封包，然后传送回给主机。常用命令

ping
traceroute

NAT

NAT用于在局域网中使用私有地址，在链接互联网时使用全局ip地址，除ip地址转换外，还有可以转换TCP、UDP端口号的NAPT技术。缺点：不能从NAT外部向内部服务器建立连接

TCP/UDP

TCP连接的建立与终止

三次握手

第一次握手：建立连接。客户端发送连接请求报文段，将SYN位置为1，Sequence Number为x；然后，客户端进入SYN_SEND状态，等待服务器的确认；
第二次握手：服务器收到SYN报文段。服务器收到客户端的SYN报文段，需要对这个SYN报文段进行确认，设置Acknowledgment Number为x+1(Sequence Number+1)；同时，自己自己还要发送SYN请求信息，将SYN位置为1，Sequence Number为Y；服务器端将上述所有信息放到一个报文段（即SYN+ACK报文段）中，一并发送给客户端，此时服务器进入SYN_RECV状态；
第三次握手：客户端收到服务器的SYN+ACK报文段。然后将Acknowledgment Number设置为y+1，向服务器发送ACK报文段，这个报文段发送完毕以后，客户端和服务器端都进入ESTABLISHED状态，完成TCP三次握手。

为什么要三次握手？两报文握手可以吗？为了防止已失效的连接请求报文段突然又传送到了服务端，因而产生错误。

具体例子：“已失效的连接请求报文段”的产生在这样一种情况下：client发出的第一个连接请求报文段并没有丢失，而是在某个网络结点长时间的滞留了，以致延误到连接释放以后的某个时间才到达server。本来这是一个早已失效的报文段。但server收到此失效的连接请求报文段后，就误认为是client再次发出的一个新的连接请求。

于是就向client发出确认报文段，同意建立连接。假设不采用“三次握手”，那么只要server发出确认，新的连接就建立了。由于现在client并没有发出建立连接的请求，因此不会理睬server的确认，也不会向server发送数据。但server却以为新的运输连接已经建立，并一直等待client发来数据。这样，server的很多资源就白白浪费掉了。采用“三次握手”的办法可以防止上述现象发生。例如刚才那种情况，client不会向server的确认发出确认。server由于收不到确认，就知道client并没有要求建立连接。”

四次分手

第一次分手：主机1（可以使客户端，也可以是服务器端），设置Sequence Number，向主机2发送一个FIN报文段；此时，主机1进入FIN_WAIT_1状态；这表示主机1没有数据要发送给主机2了；
第二次分手：主机2收到了主机1发送的FIN报文段，向主机1回一个ACK报文段，Acknowledgment Number为Sequence Number加1；主机1进入FIN_WAIT_2状态；主机2告诉主机1，我“同意”你的关闭请求；
第三次分手：主机2向主机1发送FIN报文段，请求关闭连接，同时主机2进入LAST_ACK状态；
第四次分手：主机1收到主机2发送的FIN报文段，向主机2发送ACK报文段，然后主机1进入TIME_WAIT状态；主机2收到主机1的ACK报文段以后，就关闭连接；此时，主机1等待2MSL后依然没有收到回复，则证明Server端已正常关闭，那好，主机1也可以关闭连接了。

为什么要四次分手？ TCP协议是一种面向连接的、可靠的、基于字节流的运输层通信协议。TCP是全双工模式，这就意味着，当主机1发出FIN报文段时，只是表示主机1已经没有数据要发送了，主机1告诉主机2，它的数据已经全部发送完毕了；但是，这个时候主机1还是可以接受来自主机2的数据；当主机2返回ACK报文段时，表示它已经知道主机1没有数据发送了，但是主机2还是可以发送数据到主机1的；当主机2也发送了FIN报文段时，这个时候就表示主机2也没有数据要发送了，就会告诉主机1，我也没有数据要发送了，之后彼此就会愉快的中断这次TCP连接。为什么要等待2MSL MSL：报文段最大生存时间，它是任何报文段被丢弃前在网络内的最长时间。

保证TCP协议的全双工连接能够可靠关闭
保证这次连接的重复数据段从网络中消失第一点：如果主机1直接CLOSED了，那么由于IP协议的不可靠性或者是其它网络原因，导致主机2没有收到主机1最后回复的ACK。那么主机2就会在超时之后继续发送FIN，此时由于主机1已经CLOSED了，就找不到与重发的FIN对应的连接。所以，主机1不是直接进入CLOSED，而是要保持TIME_WAIT，当再次收到FIN的时候，能够保证对方收到ACK，最后正确的关闭连接。第二点：如果主机1直接CLOSED，然后又再向主机2发起一个新连接，我们不能保证这个新连接与刚关闭的连接的端口号是不同的。也就是说有可能新连接和老连接的端口号是相同的。一般来说不会发生什么问题，但是还是有特殊情况出现：假设新连接和已经关闭的老连接端口号是一样的，如果前一次连接的某些数据仍然滞留在网络中，这些延迟数据在建立新连接之后才到达主机2，由于新连接和老连接的端口号是一样的，TCP协议就认为那个延迟的数据是属于新连接的，这样就和真正的新连接的数据包发生混淆了。所以TCP连接还要在TIME_WAIT状态等待2倍MSL，这样可以保证本次连接的所有数据都从网络中消失。

窗口控制

如果每发一个段都进行一次确认应答会很慢，于是引入窗口概念，发松端无需等待确认应答而是继续发送，窗口大小就是指无需等待确认应答的可以继续发送数据的最大值。确认应答丢失不会重发；报文段丢失，发松端连续3次收到收到同一个确认应答就会进行重发。

流量控制

如果发送方把数据发送得过快，接收方可能会来不及接收，这就会造成数据的丢失。所谓流量控制就是让发送方的发送速率不要太快，要让接收方来得及接收。 TCP首部中，有一个字段用来通知窗口大小。利用滑动窗口机制可以很方便地在TCP连接上实现对发送方的流量控制。接收端的缓冲区一旦面临数据溢出时，窗口大的值就会设置为一个更小的值通知给发松端，发松端就会根据接收端的指示，进行流量控制。

拥塞控制

发送方维持一个拥塞窗口 cwnd ( congestion window )的状态变量。拥塞窗口的大小取决于网络的拥塞程度，并且动态地在变化。发送方让自己的发送窗口等于拥塞窗口。发送方控制拥塞窗口的原则是：只要网络没有出现拥塞，拥塞窗口就再增大一些，以便把更多的分组发送出去。但只要网络出现拥塞，拥塞窗口就减小一些，以减少注入到网络中的分组数。

当 cwnd < ssthresh 时，使用上述的慢开始算法。
当 cwnd > ssthresh 时，停止使用慢开始算法而改用拥塞避免算法。
当 cwnd = ssthresh 时，既可使用慢开始算法，也可使用拥塞避免算法。

慢开始通常在刚刚开始发送报文段时，先把拥塞窗口 cwnd 设置为一个最大报文段MSS的数值。而在每收到一个对新的报文段的确认后，把拥塞窗口增加至多一个MSS的数值。用这样的方法逐步增大发送方的拥塞窗口 cwnd ，可以使分组注入到网络的速率更加合理。
拥塞避免拥塞窗口cwnd缓慢地增大，即每经过一个往返时间RTT就把发送方的拥塞窗口cwnd加1，而不是加倍。
快重传快重传算法首先要求接收方每收到一个失序的报文段后就立即发出重复确认（为的是使发送方及早知道有报文段没有到达对方）而不要等到自己发送数据时才进行捎带确认。快重传算法还规定，发送方只要一连收到三个重复确认就应当立即重传对方尚未收到的报文段，而不必继续等待未收到的报文段设置的重传计时器到期。
快恢复与快重传配合使用的还有快恢复算法当发送方连续收到三个重复确认，就执行“乘法减小”算法，把慢开始门限ssthresh减半。

参考

https://juejin.cn/post/6844903490595061767 https://www.ihewro.com/archives/913/ https://mp.weixin.qq.com/s/VMz2bDV5JZo0YH5fRQ9mSw

Windows Terminal使用配置

Tue, 26 Jan 2021 06:29:00 +0000

微软商店搜索Windows Terminal下载即可，或者去github下载：https://github.com/microsoft/terminal

默认打开CMD

打开Windows Terminal，找到设置，打开设置文件，将defaultProfile设置为CMD的那一串值，这串值可以在设置文件下面找到。

"defaultProfile": "{0caa0dad-35be-5f56-a8ff-afceeeaa6101}",

添加到右键菜单

对一个文件夹右键默认是集成了右键打开的，但在空白处右键是没有的，需要手动配置注册表。以下是注册表注册文件，其中注意替换两个地址，一个是ico图标的地址，图标可以从GitHub上下载，另一个是程序wt.exe的地址。

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\Background\shell\WT]
@="Terminal Here"
"Icon"="D:\\admin\\Documents\\ICO\\terminal.ico"
"Position"="Top"

[HKEY_CLASSES_ROOT\Directory\Background\shell\WT\command]
@="C:\\Users\\onepiece\\AppData\\Local\\Microsoft\\WindowsApps\\wt.exe"

地址替换后将上面保存为wt.reg文件运行即可，以下注册表中注册后的状态。

后记

我发现现在好像软件自己添加了右键，不需要手动配置了，而且用上面方法配置的只是打开了wt.exe，但没有自动切换到当前目录下，并没有什么卵用。要删除注册表在上面命令的头部加上-即可

[-HKEY_CLASSES_ROOT\Directory\Background\shell\WT]

uni-app微信小程序登录相关方法说明

Sun, 10 Jan 2021 08:53:00 +0000

在uniapp中小程序登录这一块上，关于如何登录授权，获取openid，存储用户信息，网上虽然有很多范例，但都讲的很乱，很容易就把人看晕了，这里简单总结下，真正使用时应该是按需使用。

openid

openid是微信小程序中由官方生成的每个账户对每个小程序唯一的一串字符，不管用户有没有授权，只要用户访问了小程序就可以获取openid，openid可以作为用户的身份识别id。获取方法是通过uni.login获取一个code，这个code每次刷新后都是不唯一的，需要利用这个code向微信官方接口换取openid。 uni.login：https://uniapp.dcloud.net.cn/api/plugins/login?id=login openid换取接口：https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html 要注意的是，用code换取openid时需要传递小程序appid和secret，所以这个请求过程建议在后台而非前端进行，比如在云函数中请求：

'use strict';
exports.main = async (event, context) => {
 const appid = '小程序后台查看'
 const secret = '小程序后台查看'
 const js_code = event.code
 const grant_type = 'authorization_code'
 const url = 'https://api.weixin.qq.com/sns/jscode2session'
 const res = await uniCloud.httpclient.request(url, {
 data: {
 appid,
 secret,
 js_code,
 grant_type
 },
 dataType: 'json'
 })
 return res
};

授权登陆

我这里授权登录指的是弹出那个获取昵称和头像的授权框，准确的说只是授权，登录是上面的login，但很多小程序都把这个按钮叫做登陆按钮，也就混为一谈了。由于微信小程序政策的变化，好像现在只能通过用户点击按钮进行主动登录，通过设置button按钮的open-type属性即可弹出授权框，触发@getuserinfo事件可以获取用户信息，网上这里案例很多。详见：https://uniapp.dcloud.net.cn/component/button

获取用户信息

除了在用户授权时获取用户信息，如果用户没有登出或清除授权信息，用户是已知保持登陆状态的，可以主动通过uni.getUserInfo来获取用户信息用于判断用户是否登录或者其他用途。详见：https://uniapp.dcloud.net.cn/api/plugins/login?id=getuserinfo

获取平台信息

uniapp还有一个uni.getProvider方法用来获取服务供应商信息，其实就是检测当前是小程序还是app什么的，只有在程序跨端时才会用到，因为我们前面的方法在使用时需要传入一个provider信息，该信息就可以通过本方法来获取。详见：https://uniapp.dcloud.net.cn/api/plugins/provider?id=getprovider

存储用户信息

货去了用户的openid或者其他信息后就需要在数据存到缓存中，这样下次用户就不用重复登录，程序也不用重复获取信息了，不论你是把信息存到全局变量还是vuex中，用户刷新后这些信息都会重置，真正应该存到的应该是本地，用到的方法是uni.setStorageSync,与之对应的读取缓存信息的方法是uni.getStorage。详见：https://uniapp.dcloud.net.cn/api/storage/storage?id=setstoragesync

blender脚本新建物体的方法

Tue, 08 Dec 2020 07:55:51 +0000

blender插件脚本里新建物体的两种方法，其实本质上是一样的，这里做个记录以防日后忘记。

方法一

来自之前在网络上搜到的方法，是直接在data里新建物体并link到场景集合里。

class PointsImport(bpy.types.Operator):
 bl_idname = 'obj.import_points'
 bl_label = '导入点云'
 bl_options = {'REGISTER', 'UNDO'}

 name: bpy.props.StringProperty(default='points')
 path: bpy.props.StringProperty(subtype='FILE_PATH')

 def execute(self, context):
 points = np.load(self.path)
 verts = []
 for i in points:
 verts.append(tuple(i))

 # 新建mesh
 mymesh = bpy.data.meshes.new(self.name)
 mymesh.from_pydata(verts, [], [])
 mymesh.update()

 # 新建object并添加到场景
 myobject = bpy.data.objects.new(self.name, mymesh)
 bpy.context.scene.collection.objects.link(myobject)

 self.report({'INFO'}, f'import {len(points)} points')
 return {'FINISHED'}

方法二

来自blender自带的demo，直接调用了object_data_add方法，是更正规的方法，需要注意的是需要继承AddObjectHelper

import bpy
from bpy.types import Operator
from bpy.props import FloatVectorProperty
from bpy_extras.object_utils import AddObjectHelper, object_data_add
from mathutils import Vector

def add_object(self, context):
 scale_x = self.scale.x
 scale_y = self.scale.y

 verts = [
 Vector((-1 * scale_x, 1 * scale_y, 0)),
 Vector((1 * scale_x, 1 * scale_y, 0)),
 Vector((1 * scale_x, -1 * scale_y, 0)),
 Vector((-1 * scale_x, -1 * scale_y, 0)),
 ]

 edges = []
 faces = [[0, 1, 2, 3]]

 mesh = bpy.data.meshes.new(name="New Object Mesh")
 mesh.from_pydata(verts, edges, faces)
 # useful for development when the mesh may be invalid.
 # mesh.validate(verbose=True)
 object_data_add(context, mesh, operator=self)


class OBJECT_OT_add_object(Operator, AddObjectHelper):
 """Create a new Mesh Object"""
 bl_idname = "mesh.add_object"
 bl_label = "Add Mesh Object"
 bl_options = {'REGISTER', 'UNDO'}

 scale: FloatVectorProperty(
 name="scale",
 default=(1.0, 1.0, 1.0),
 subtype='TRANSLATION',
 description="scaling",
 )

 def execute(self, context):

 add_object(self, context)

 return {'FINISHED'}

image.png

Tue, 18 Aug 2020 14:24:52 +0000

a:5:{s:4:“name”;s:9:“image.png”;s:4:“path”;s:35:"/usr/uploads/2020/08/2078653010.png";s:4:“size”;i:17900;s:4:“type”;s:3:“png”;s:4:“mime”;s:9:“image/png”;}

numpy数组拼接

Tue, 11 Aug 2020 10:36:00 +0000

numpy中可用于拼接的函数有：

append(arr, values, axis=None)
concatenate((a1, a2, …), axis=0, out=None)
stack(arrays, axis=0, out=None)
hstack(tup)
vstack(tup)
dstack(tup)

使用时需要注意的是除了append都需要以tup形式传入，axis=0表示按行拼接，axis=1表示按列拼接，拼接时需要注意数组形状要匹配。

测试代码

a = np.array([[1, 2, 3],
 [1, 2, 3]])
b = np.array([[4, 5, 6]])

np.append(a, b) # 其实底层调用concatenate()
# array([1, 2, 3, 1, 2, 3, 4, 5, 6])
np.append(a, b, axis=0) # 必须保证列数一样
# array([[1, 2, 3],
# [1, 2, 3],
# [4, 5, 6]])
np.append(a, a, axis=1) # 必须保证行数一样
# array([[1, 2, 3, 1, 2, 3],
# [1, 2, 3, 1, 2, 3]])
np.concatenate((a, b)) # 默认axis=0
np.concatenate((a, b), axis=0)
# array([[1, 2, 3],
# [1, 2, 3],
# [4, 5, 6]])
np.concatenate((a, a), axis=1)
# array([[1, 2, 3, 1, 2, 3],
# [1, 2, 3, 1, 2, 3]])
np.stack((a, a)) # 会增加一个维度
# array([[[1, 2, 3],
# [1, 2, 3]],
# [[1, 2, 3],
# [1, 2, 3]]])
np.stack((b, b), axis=1)
# array([[[4, 5, 6],
# [4, 5, 6]]])
np.hstack((a, a)) # 水平拼接
# array([[1, 2, 3, 1, 2, 3],
# [1, 2, 3, 1, 2, 3]])
np.vstack((a, a)) # 垂直拼接
# array([[1, 2, 3],
# [1, 2, 3],
# [1, 2, 3],
# [1, 2, 3]])
np.dstack((a, a)) # 会增加维度
# array([[[1, 1],
# [2, 2],
# [3, 3]],
# [[1, 1],
# [2, 2],
# [3, 3]]])
np.dstack((b, b))
# array([[[4, 4],
# [5, 5],
# [6, 6]]])

参考

https://blog.csdn.net/guofei_fly/article/details/85485173

电脑连接手机摄像头

Wed, 29 Jul 2020 07:01:19 +0000

台式机没有摄像头，有时候有些代码会调用摄像头，比如下面的项目有用到面部捕捉，这时候拿手机充当摄像头是个不错的选择。

[post cid=“147” cover=""/]

软件

百度搜索 iVCam 下载安装即可，手机上也要扫码安装相应的客户端。连接前必须保证手机和电脑处在同一个局域网中，如果手机搜索不到电脑，可以手动输入电脑的局域网ipv4地址（通过cmd窗口 ipconfig命令可以查看）。

捕获

之前的那个项目是使用OpenCV的api捕获摄像头的，默认摄像头的设备id为0，但用这个软件进行捕获时可能也为1或者更大的数字。

video_capture = cv2.VideoCapture(1) # 摄像头id可能不为0

CLion编译运行OpenGL项目

Thu, 04 Jun 2020 13:31:51 +0000

前面已经用Visual Studio成功运行了OpenGL了，但是VS的界面比较丑，而且代码提示和补全等各方面不够人性化（主要是我不习惯），相比之下，JB家的CLion虽然运行上慢一点，bug多一点，配置麻烦一点（喂！这缺点太多了吧），但是为了颜值和流畅的编程体验，用一下也不是不可以。

配置

安装什么的就不说了，新建一个项目，Clion会自动生成一个CMakeLists.txt和main.cpp，点击运行没毛病，那就进入opengl的环境配置。我这里用的是glut库，别的库参照着配置问题应该不大。在vs里我们是通过右键项目属性设置“三大件”的，但CLion是通过cmake来管理编译和链接的，只能通过手写CMakelists来进行配置。其实配置思路都差不多，手写配置还可以更清晰。以下是CMakeLists.txt内容：

cmake_minimum_required(VERSION 3.16)
project(gl_demo)

set(CMAKE_CXX_STANDARD 14)

include_directories(C:/dev/glut/include) # 添加include头文件目录
link_directories(C:/dev//glut/lib) # 添加lib库目录

add_executable(gl_demo main.cpp)
target_link_libraries(gl_demo glut32.lib opengl32.lib) # 添加链接的具体lib项

以下是demo

// Lines.c
// OpenGL SuperBible, Chapter 4
// Demonstrates primitive GL_LINES
// Program by Richard S. Wright Jr.

#include <gl/glut.h>
#include <math.h>

// Define a constant for the value of PI
#define GL_PI 3.1415f

// Rotation amounts
static GLfloat xRot = 0.0f;
static GLfloat yRot = 0.0f;


// Called to draw scene
void RenderScene(void) {
 GLfloat x, y, z, angle; // Storage for coordinates and angles

 // Clear the window with current clearing color
 glClear(GL_COLOR_BUFFER_BIT);

 // Save matrix state and do the rotation
 glPushMatrix();
 glRotatef(xRot, 1.0f, 0.0f, 0.0f);
 glRotatef(yRot, 0.0f, 1.0f, 0.0f);

 // Call only once for all remaining points
 glBegin(GL_LINES);

 z = 0.0f;
 for (angle = 0.0f; angle <= GL_PI * 3.0f; angle += 0.5f) {
 // Top half of the circle
 x = 50.0f * cos(angle);
 y = 50.0f * sin(angle);
 glVertex3f(x, y, z);

 // Bottom half of the circle
 x = 50.0f * cos(angle + 3.1415f);
 y = 50.0f * sin(angle + 3.1415f);
 glVertex3f(x, y, z);
 }

 // Done drawing points
 glEnd();

 // Restore transformations
 glPopMatrix();

 // Flush drawing commands
 glutSwapBuffers();
}

// This function does any needed initialization on the rendering
void SetupRC() {
 // Black background
 glClearColor(0.0f, 0.0f, 0.0f, 1.0f);

 // Set drawing color to green
 glColor3f(0.0f, 1.0f, 0.0f);
}

void SpecialKeys(int key, int x, int y) {
 if (key == GLUT_KEY_UP)
 xRot -= 5.0f;

 if (key == GLUT_KEY_DOWN)
 xRot += 5.0f;

 if (key == GLUT_KEY_LEFT)
 yRot -= 5.0f;

 if (key == GLUT_KEY_RIGHT)
 yRot += 5.0f;

 if (key > 356.0f)
 xRot = 0.0f;

 if (key < -1.0f)
 xRot = 355.0f;

 if (key > 356.0f)
 yRot = 0.0f;

 if (key < -1.0f)
 yRot = 355.0f;

 // Refresh the Window
 glutPostRedisplay();
}

void KeyPressFunc(unsigned char key, int x, int y) {
 if (key == 32)
 xRot -= 5.0f;

 if (key == 97)
 xRot += 5.0f;

 if (key == 98)
 yRot -= 5.0f;

 if (key == 99)
 yRot += 5.0f;

 if (key > 356.0f)
 xRot = 0.0f;

 if (key < -1.0f)
 xRot = 355.0f;

 if (key > 356.0f)
 yRot = 0.0f;

 if (key < -1.0f)
 yRot = 355.0f;

 // Refresh the Window
 glutPostRedisplay();
}

void ChangeSize(int w, int h) {
 GLfloat nRange = 100.0f;

 // Prevent a divide by zero
 if (h == 0)
 h = 1;

 // Set Viewport to window dimensions
 glViewport(0, 0, w, h);

 // Reset coordinate system
 glMatrixMode(GL_PROJECTION);
 glLoadIdentity();

 // Establish clipping volume (left, right, bottom, top, near, far)
 if (w <= h)
 glOrtho(-nRange, nRange, -nRange * h / w, nRange * h / w, -nRange, nRange);
 else
 glOrtho(-nRange * w / h, nRange * w / h, -nRange, nRange, -nRange, nRange);

 glMatrixMode(GL_MODELVIEW);
 glLoadIdentity();
}

int main(int argc, char *argv[]) {

 GLsizei h = 500;
 GLsizei w = 500;
 GLsizei x = 200, y = 100;

 glutInit(&argc, argv);
 glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);

 glutInitWindowSize(h, w);
 glutInitWindowPosition(x, y);
 glutCreateWindow("Lines Example");

 glutDisplayFunc(RenderScene);
 glutReshapeFunc(ChangeSize);
 glutSpecialFunc(SpecialKeys);
 glutKeyboardFunc(KeyPressFunc);

 SetupRC();
 glutMainLoop();

 return 0;
}

Python运行OpenGL示例

Tue, 02 Jun 2020 15:10:00 +0000

python的opengl库叫PyOpenGL，安装这个库的时候要注意位数版本要正确，比如我的python37是32位的，安装PyOpenGL-3.1.5-cp37-cp37m-win32.whl才行，默认pip安装的运行时可能会有问题，所以需要手动下载安装对应版本的whl。

demo

这是一个直接运行的demo

# !/usr/bin/python
# -*- coding: utf-8 -*-

# -------------------------------------------
# quidam_01.py 三维空间的世界坐标系和三角形
# -------------------------------------------

from OpenGL.GL import *
from OpenGL.GLUT import *


def draw():
 # ---------------------------------------------------------------
 glBegin(GL_LINES) # 开始绘制线段（世界坐标系）

 # 以红色绘制x轴
 glColor4f(1.0, 0.0, 0.0, 1.0) # 设置当前颜色为红色不透明
 glVertex3f(-0.8, 0.0, 0.0) # 设置x轴顶点（x轴负方向）
 glVertex3f(0.8, 0.0, 0.0) # 设置x轴顶点（x轴正方向）

 # 以绿色绘制y轴
 glColor4f(0.0, 1.0, 0.0, 1.0) # 设置当前颜色为绿色不透明
 glVertex3f(0.0, -0.8, 0.0) # 设置y轴顶点（y轴负方向）
 glVertex3f(0.0, 0.8, 0.0) # 设置y轴顶点（y轴正方向）

 # 以蓝色绘制z轴
 glColor4f(0.0, 0.0, 1.0, 1.0) # 设置当前颜色为蓝色不透明
 glVertex3f(0.0, 0.0, -0.8) # 设置z轴顶点（z轴负方向）
 glVertex3f(0.0, 0.0, 0.8) # 设置z轴顶点（z轴正方向）

 glEnd() # 结束绘制线段

 # ---------------------------------------------------------------
 glBegin(GL_TRIANGLES) # 开始绘制三角形（z轴负半区）

 glColor4f(1.0, 0.0, 0.0, 1.0) # 设置当前颜色为红色不透明
 glVertex3f(-0.5, -0.366, -0.5) # 设置三角形顶点
 glColor4f(0.0, 1.0, 0.0, 1.0) # 设置当前颜色为绿色不透明
 glVertex3f(0.5, -0.366, -0.5) # 设置三角形顶点
 glColor4f(0.0, 0.0, 1.0, 1.0) # 设置当前颜色为蓝色不透明
 glVertex3f(0.0, 0.5, -0.5) # 设置三角形顶点

 glEnd() # 结束绘制三角形

 # ---------------------------------------------------------------
 glFlush() # 清空缓冲区，将指令送往硬件立即执行


if __name__ == "__main__":
 glutInit() # 1. 初始化glut库
 glutCreateWindow('Quidam Of OpenGL') # 2. 创建glut窗口
 glutDisplayFunc(draw) # 3. 注册回调函数draw()
 glutMainLoop() # 4. 进入glut主循环

pyqtopengl

这是pyqt中QOpenGLWidget的demo

# !/usr/bin/python
# -*- coding: utf-8 -*-
from PySide2.QtWidgets import *
from OpenGL.GL import *
from OpenGL.GLUT import *


class MyOpenglWidget(QOpenGLWidget):
 def __init__(self, parent=None):
 super().__init__(parent)

 def initializeGL(self):
 pass

 def paintGL(self):
 glBegin(GL_LINES) # 开始绘制线段（世界坐标系）

 # 以红色绘制x轴
 glColor4f(1.0, 0.0, 0.0, 1.0) # 设置当前颜色为红色不透明
 glVertex3f(-0.8, 0.0, 0.0) # 设置x轴顶点（x轴负方向）
 glVertex3f(0.8, 0.0, 0.0) # 设置x轴顶点（x轴正方向）

 # 以绿色绘制y轴
 glColor4f(0.0, 1.0, 0.0, 1.0) # 设置当前颜色为绿色不透明
 glVertex3f(0.0, -0.8, 0.0) # 设置y轴顶点（y轴负方向）
 glVertex3f(0.0, 0.8, 0.0) # 设置y轴顶点（y轴正方向）

 # 以蓝色绘制z轴
 glColor4f(0.0, 0.0, 1.0, 1.0) # 设置当前颜色为蓝色不透明
 glVertex3f(0.0, 0.0, -0.8) # 设置z轴顶点（z轴负方向）
 glVertex3f(0.0, 0.0, 0.8) # 设置z轴顶点（z轴正方向）

 glEnd() # 结束绘制线段
 pass

 def resizeGL(self, w, h):
 pass

参考

https://blog.csdn.net/xufive/article/details/86565130 https://doc.qt.io/qtforpython/PySide2/QtWidgets/QOpenGLWidget.html?highlight=qopenglwidget

Visual Studio保存工程环境配置

Sun, 31 May 2020 15:44:00 +0000

要说到VS(C/C++)最麻烦的地方就是各种环境，各种库配置来配置去，因此将配置好的工程设置保存下来，以备下次新建工程时直接引用很有必要。

方法

切到属性管理器窗口，右键选择添加一个新的属性表。比如我们新建一个名为opengl的属性表，然后打开任一个文件，右键点击opengl选择属性。然后就是对项目属性进行配置。另外在配置时选择所有配置和所有平台可以避免各种模式都要配一遍的烦恼。

当新建一个工程时只需要在同样的地方添加现有属性表即可。

OPENGL环境配置

Sun, 31 May 2020 04:57:00 +0000

基于glfw和glew进行开发配置。

下载安装库

下载32位glfw二进制包：https://www.glfw.org/download.html 下载glew二进制包：http://glew.sourceforge.net/ 上面的两个包下载解压到一个固定目录。

VS2019配置

添加include目录添加lib目录添加附加依赖项

运行测试

生成一个窗口

#define GLEW_STATIC

#include <GL/glew.h>
#include <GLFW/glfw3.h>
#include <iostream>

void processInput(GLFWwindow* window) {
 if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS) {
 glfwSetWindowShouldClose(window, true);
 }
}

int main() {
 glfwInit();
 glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);
 glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
 glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);

 GLFWwindow* window = glfwCreateWindow(800,600,"First Window",NULL,NULL);
 if (window == NULL)
 {
 std::cout << "Failed to create GLFW window" << std::endl;
 glfwTerminate();
 return -1;
 }
 glfwMakeContextCurrent(window);

 glewExperimental = true;
 if (glewInit() != GLEW_OK) {
 std::cout << "Failed" << std::endl;
 glfwTerminate();
 return -1;
 }
 glViewport(0, 0, 800, 600);

 while (!glfwWindowShouldClose(window)) {
 processInput(window);
 glClearColor(0, 0.5f, 0.5f, 1.0f);
 glClear(GL_COLOR_BUFFER_BIT);

 glfwSwapBuffers(window);
 glfwPollEvents();
 }
 glfwTerminate();
 return 0;
}

参考

https://www.bilibili.com/video/BV11W411N7b9

使用百度统计和百度搜索为网站增加小功能

Thu, 21 May 2020 06:13:00 +0000

百度统计平台：https://tongji.baidu.com/web/28991244/welcome/login

其实对于个人网站来说，统计功能也就是看个乐，不过说实话百度的统计功能至少看起来还不错。

使用方法：在管理页面找到代码获取，handsome主题在后台将获取到的代码粘贴到自定义head里就行了，反正就是放在网站所有页面的head标签前，获取代码的地方有安装方式和检测是否安装成功的按钮。

而且百度统计还有高级统计代码，针对一些特别站点的特别功能，我是用不上也不会用啦。

小应用功能

在应用功能里可以看到一些应用功能，这才是百度统计有趣的地方。

置顶工具

开通后会在网站右下角出现一个返回顶部的按钮，当然大部分主题基本都有这个功能了，不过不失为一种添加返回顶部按钮的方法

地图名片

开通后会在网站右下角出现，但我试了由于包含非https请求地图没显示出来，不过这功能感觉一般人也用不到。

反馈工具

添加后在网站右下角添加一个建议反馈的功能，这个功能经常能在一些文档页面能看到，感觉还是很不错的，但是我试了收不到邮件(╯°A°)╯︵○○○。

专题推送

类似公告功能，可以推送一个指定页面或一张二维码，如果有微信公众号的话挂个二维码在这里不错。

百度推荐

应该是一个类似随机文章推荐的功能，可以像弹窗广告一样弹出来，看起来很有意思不过我没开通成功。φ(￣?￣o)

百度搜索

这是一个由百度提供的网站页面搜索工具：https://ziyuan.baidu.com/cse/wiki/index?category_id=17 可以在网站页面提供一个搜索框，搜索框可以是浮动的，也可以是嵌入页面的，点击搜索后会跳转到一个类似百度搜索的页面，这些页面都是可以进行一定自定义的，使用起来很方便，如果你的网站还没有搜索功能的话，用这个也不是不可以，很多论坛的搜索功能就和这个有点像。不过默认生成的链接包含http链接，https站点需要想办法将中间的链接替换下。

利用分层深度修补技术将2D图片3D化

Wed, 22 Apr 2020 11:16:00 +0000

偶然在果壳的推送中看到这个项目：https://shihmengli.github.io/3D-Photo-Inpainting/ 感觉很有意思，可以将一张普通的2D照片经过处理得到一张具有深度空间的3D照片，准确点来说这应该叫2.5D比较像。应该是基于Pytorch训练出来的模型，官网展示的效果都相当惊艳。官网展示的都是现实中照片，下面我试着对动漫图片进行处理，看看能不能得到一个“3D老婆”。

实践

官网拉到下面的Links，开发者提供了github链接和Golab链接，github链接的文档有详细的本地部署说明，用的是Anaconda部署的。这里我笔记本不便于运行这种大项目，好在它直接提供了Golab的demo，只要你有一个谷歌账号或者说是gmail邮箱，然后能上得了人家的Colab网站，直接点击官网的Demo或者下面的链接就可以在线部署运行了。 https://colab.research.google.com/drive/1706ToQrkIZshRSJSHvZ1RuCiM__YX3Bz 先点击切换到playgrand模式，当然你也可以继续点击复制到云端硬盘来创建属于你的副本。然后按顺序一路点击运行即可，中间需要的只有漫长的等待。运行前可以先看下它遗留的那一长串运行结果，我们命令执行完成后会得到与之相同的输出结果，如果哪一句运行失败继续点击重新运行直至成功。运行下面这一句上传一张原始jpg图片，上传的图片会放在左边image目录下，上传前最好清空image目录下的图片防止后面一步读取到错误的图片。有时候由于连接性问题会上传不上去，这时候可以试试手动上传然后将图片拖动到image目录下。最后一步生成3D深度图片，这里也需要等待。。。生成的可视化视频在video目录下，每次程序会生成四个不同角度的的视频，双击可下载到本地。

视频演示

B站上面部分图片打了码，下面是原视频。 [vplayer url=“https://pan.2bboy.com/img/video/3dpic_p2.mp4” /]

后记

[post cid=“170” /]

几款看图软件测评

Tue, 17 Mar 2020 07:11:00 +0000

因为平时看图较多（不是那种图），所以一款好的看图软件显得很重要，我以连续查看4K大图作为测试手段，主要从速度、颜值、功能、便捷几个角度来评判。

HoneyView

我一直在用的看图软件，速度超级快，毫无卡顿，颜值在线，鼠标键位可以自由设置，右键有几个简单画面增强效果很好用，可以幻灯片播放，可以查看预览这点很棒。唯一缺点是放大锁定后无法锁定住当前位置。

万能看图王

看这名字和2345那个流氓有点像，实际页面也很像，但既然下载了就测试下。底部有预览窗，颜值也还好。缺点首先疑似会有广告，因为设置里有关闭广告的选项，至于流不流氓就不知道了。速度超级慢，光凭这一点就可以卸载了，放大锁定后不能锁定区域。

看图啦

同样是国产的一个软件，感觉也和上面那个有点像，但速度稍快一点，不过也仍然很慢，可以左右同时查看两张图这点是唯一亮点。操作不是很方便，感觉是bug，图片缩放锁定功能虽然有但也是坏的，总之不推荐。

XnView

很多人推荐的软件，刚打开是一个文件浏览器的亚子，一看就知道功能很丰富，速度较快，但没有HoneyView快，有局部裁剪功能，也有划定一个区域然后放大的功能，放大后能固定放大比和区域，同时拥有许多调节画面的功能，完全可以当作一个简易PS用。缺点大概就是没有HoneyView快，然后那个浏览器界面复杂了点，把颜值一下拉低了，总体来说还是很推荐的。

IranfanView

一个英文界面的软件，和上面的软件风格有点像，像是上面软件的精简版，有划定区域放大的功能，速度很快，和HoneyView差不多。缺点是无法锁定放大区域，颜值也不是很高，英文界面让我懒得看设置了(虽然好像有中文语言包)，不设置的话可以说体验不太好。

JPEGView

一款小巧的软件，速度很快，毫无卡顿，有许多增强图片的功能，并且能保持参数，当然也能保持锁定放大比和放大区域。缺点是找不到设置快捷键的地方，只有一个配置文件，仔细找找应该有设置快捷键的地方。界面过于简陋，颜值差点。不在意颜值的话，这些增强功能真的很棒，而且可以保持参数这点太棒了。

ACDSee

官方免费版有广告，使用前还需要注册，打开一看就知道更偏向于图片管理软件，只是兼带图片查看功能而已，速度一般，功能似乎很多但懒得看了。免费版带广告这点就劝退了，偏向于管理图片而非单纯的图片查看。

FastStone Image Viewer

和上面的XnView有点类似，颜值稍高一点，可以批量处理图片，没有缩放锁定。

ImageGlass

颜值不错，但速度太慢，不考虑。

Pictus

非常小巧的一款软件，只有5M大小，所以功能没有很多，速度一般，适合追求极简的用户。

FastPictureViewer

左键按住显示原始大小，右键按住显示三倍大小，这个设定倒是很有趣，速度较慢，不支持tif格式。

Kite——让代码补全更智能

Mon, 16 Mar 2020 11:48:17 +0000

Kite是一款基于深度学习的代码自动补全的应用，其特点就是智能化，人性化，不仅代码补全更智能，还贴心的自动为你搜索方法文档和使用案例，甚至可以使面向谷歌编程变成面向Kite编程。介绍视频： https://www.youtube.com/watch?v=bF50YPyUKTQ

使用

官网下载：https://kite.com/ 下载安装登录后会自动下载相关插件，然后打开你的IDE就可以用了。更多详细说明可以参考帮助文档。

参考

官方帮助文档： https://help.kite.com/

后记

用了有一段时间了，说实话没感觉带来多大方便，不过当个函数手册查查参数也还行。

PyCharm主题，插件推荐

Sun, 16 Feb 2020 10:50:00 +0000

Setting -> Plugins里搜索相应插件名即可，或者去网页 https://plugins.jetbrains.com/pycharm 搜索插件下载后本地安装亦可，唯一的问题可能就是网络连接性可能不太好。

主题推荐

先说说主题设置，下好主题后在设置Appearance里切换主题。设完主题后还可以设置代码样式，这两个是可以分开设置的，比如我主题是One Dark，代码样式是Atom One Dark。如果你不喜欢现有的代码配色风格，可以在Color Theme网站下载喜欢的配色，然后在代码样式里导入即可。

另外字体也可以自定义，软件界面字体在settings->appearance里修改。代码字体在settings->editor->font里（如果直接改这里没用，点上面有个感叹号那里，其实就是color scheme font里改）。

1. One Dark

主题地址我最常用的主题，还有一个Atom One Dark的主题也不错。

2. Material Theme UI

主题地址这大概是使用最广泛的主题了吧，毕竟人家样式全，美化全面，但是个人不是很喜欢。

3. The Doki-Doki Theme

主题地址看这名字就知道是一款二次元主题，不仅有心跳人物的主题，还包含Re0等二次元人物，下面只列举部分，作者更新相当勤快，可以说是老二次元了。 [album] [/album]

4. gruvbox-theme

主题地址深色配色很舒服

5. Visual Studio Code Dark Plus Theme

主题地址 vscode风格主题，适合vscode爱好者

插件推荐

1. CodeGlance

可以像VScode一样在右侧显示预览条，插件地址

2. Save Actions

Pycharm的代码格式化每次都要按快捷键太麻烦了，有了这个插件就可以在保存的时候自动格式化了，插件地址插件需要在Setting -> Other Settings里启动才行唯一不足的是这个插件的设置是针对每个项目单独设置的，默认下图是都没有勾选的，每次新开一个工程都需要重新设置一遍要想新建工程时默认勾选，需要你打开软件时在configure里进行设置（前提设置打开软件弹出这个界面而非上次的工程）该插件还有另一个分支版本功能相同Save Actions Reborn

3. Background Image Plus +

可以设置背景图的插件，插件地址，下载后在下图所示的位置设置背景图片文件夹。如果只是一张图的话，软件默认就带这个功能，不需要插件。

4. Key Promoter X

如果你使用鼠标点击了某个按钮，右下角就会弹窗提醒你相应的快捷键，想不记住快捷键都难。

5. Translation

翻译插件，可以随时随地一键翻译，再也不用担心读不懂源码注释了，插件地址，使用方法可以参照插件地址。

6.Atom Material Icons

插件地址，更改文件图标的插件。

7.Rainbow Brackets

彩虹括号，插件地址

8.Indent Rainbow

彩虹缩进，插件地址

9.Rainbow Fart

彩虹屁插件，一个在你编程时持续用语音夸你写的牛逼的插件，插件地址，支持自定义语音包：https://github.com/izhangzhihao/intellij-rainbow-fart

10.Nyan Progress Bar

彩虹猫进度条，插件地址

11.中文语言包

官方出的中文语言包，比什么汉化都要好使插件地址

附

官方帮助：https://www.jetbrains.com/help/pycharm/2020.1/quick-start-guide.html 一个很全的设置说明：https://blog.csdn.net/u013088062/article/details/50388329 对部分设置选项功能进行说明：https://segmentfault.com/a/1190000022799670 一些有用的设置：https://cloud.tencent.com/developer/news/393471 一个炒鸡棒的PyCharm 中文指南：http://pycharm.iswbm.com/zh_CN/latest/index.html

CSS选择器

Sat, 01 Feb 2020 05:43:08 +0000

后盾人|选择器[/scode]

/*标签选择器*/
h1 {
 color: red;
}

/*子代选择 h1>h2*/
/*同代选择 h1~h2*/
/*相邻选择 h1+h2*/

/*class类选择器*/
.h1-class {
 color: orange;
}

/*id选择器*/
#h1-id {
 color: yellow;
}

/*属性选择，可以指定多个，如h1[title][class]，
也可以指定属性的值 如h1[title="h1"]
属性值可以使用正则匹配 如：^=表示开头匹配 $=表示结尾匹配 *=表示包含匹配 ~=表示单词匹配 |=表示结尾或-结尾匹配*/
h1[title] {
 color: green;
}

/*伪类选择器*/
a:link {
 color: blue;
 font-size: xx-large;
}

a:visited {
 color: blue;
}

a:hover {
 color: yellow;
}

a:active {
 color: green;
}

input:focus {
 color: red;
}

input:target{

}

input:empty{
 /*display: none;*/
}

/*标签限定位置的伪类*/
h1 h2:first-child{
 /*第一个标签是h2 last同理*/
}
h1 h2:first-of-type{
 /*出现的第一个h2 last同理*/
}
h1 h2:only-of-type{
 /*唯一的*/
}
h1 h2:nth-child(2){
 /*限定为第二个* last同理/
}
h1 h2:nth-of-type(2){
 /*第二个出现的* last同理/
}

/*一个样式可以对应多个标签 如：h1,h2,.class*/
/*一个标签也可以对应多个样式 如：<h1 class="class1 class2"></h1>*/

基于深度学习的Vtuber生成器

Sat, 11 Jan 2020 12:52:00 +0000

什么是Vtuber我就不多说了，目前的Vtuber大概要么是传统的基于Live2D，然后配合视频捕捉；要么就是3D模型结合动补设备来实现。本篇介绍的这个生成器主要是类似前者，因为即使是平面的Live2D，制作起来也是非常耗时费力的。那么有没有这么一种方法可以直接从一张人设图直接生成可动的模型呢，然后配合视频捕捉出道Vtuber呢，这就是今天所介绍的生成器的功能。

原理

这是原作者的说明界面：https://pkhungurn.github.io/talking-head-anime/ 里面较为详细介绍了他的生成器的原理和训练过程。这里介绍一个图片生成网站：https://waifulabs.com/ 一个可以生成老婆半身像的网站，作者用这个网站生成的图片来对软件进行测试，当然你也可以拿自己喜欢的图来测试。

试玩

这是原作者的源码：https://github.com/pkhungurn/talking-head-anime-demo 以下是我根据源码说明做的简单总结。步骤： [scode type=“lblue”]1. 安装PyTorch，电脑要求必须是能支持CUDA的N卡才行，PyTorch安装[/scode]

[scode type=“yellow”]后面作者的源码和readme都进行了一定更新，建议自己根据源码里的readme进行部署，本文的文件和方法可能过时，仅供参考。[/scode]

[scode type=“lblue”] 2. 下载上面的源码，然后下载这里的模型数据和这个文件。下载好后把文件按源码说明解压放到data目录下。[/scode]

[scode type=“lblue”]3. 接下来要安装相应的库，简单点就按作者文档里的运行要先安装cv2和dlib库，否则会报错，安装cv2用 pip install opencv-python ,安装dlib还有个坑，踩坑。[/scode]

[scode type=“lblue”] 4. 进入PyTorch环境，cd到项目文件夹，输入 python app/manual_poser.py，弹出界面，导入图片即可，这里的图片还必须是256x256的背景为空的png图片，人物的脸也要保持在中间位置，然后拖动滑块图片就能动了。强调一下这里仅仅是让图片动起来了，并不能生成其他的什么模型用于第三方软件，而且图片也挑的，不是随便张图片都能有很好的效果。[/scode]

[scode type=“lblue”]5. 作者原文里还有一个 python app/puppeteer.py应该是直接动补摄像头数据的，由于我电脑没有摄像头，后面有空再研究。[/scode]

视频演示

后记

后来用手机摄像头连接电脑，测试了面捕功能，见视频的P2。

MMD建模相关软件及插件

Fri, 10 Jan 2020 08:15:00 +0000

PMXEditer 2.1 PE多功能插件
[Blender_mmd_tools]9https://github.com/powroupi/blender_mmd_tools)

几款密码管理软件

Sun, 29 Dec 2019 08:26:00 +0000

i> We always have to remember a lot of accounts and passwords in our daily life. Some people like to use their particular passwords, while others like to keep them in a notebook. If you’re frustrated to manage your passwords, here are some password management tools you can have a try. Good tools can improve our efficiency, but even the best tools can be a burden if they don’t fit us; therefore, don’t use a tool just to use the tool.

keepass

一款本地的密码管理软件，不能云端，就是个高级的带密码的记事本或者数据库，好像有浏览器插件但必须本地开着keepass的客户端才能用。如果只是喜欢记一些数据到本地，配合坚果云同步用用还可以。

1password

之前刚好有活动就领了一年的试用，软件界面很漂亮，浏览器插件用着也很舒服，云端同步，平台齐全，唯一的缺点就是太贵了，虽然有一年试用，但我觉得还是没有必要在密码管理上花一笔钱就没继续用了

lastpass

一款免费的密码管理软件，浏览器插件界面略丑，不支持中文，用了一个多月，老是弹升级信息。总之一句话不够简洁，越用越讨厌。

Bitwarden

也是免费的一款软件，特点是可以自建云端，同时也自带的云端同步。浏览器插件界面简洁，支持中文，各方面都还优秀，唯一的缺点就是无法自动感知你网页密码的添加和改变，也不能自动填入密码，得在插件上点一下才行。如果不怕麻烦的话这款软件用着很舒服。

Typecho+Handsome主题美化

Sat, 28 Dec 2019 06:06:00 +0000

美化教程

handsome使用文档

handsome社区分享

史上最全的handsome美化，没有之一！

typecho文章挂载Bilibili视频

弹窗提醒以及个性化提示

插件

代码高亮插件Code Prettify

Typecho炫彩鼠标插件:HoerMouse

EditorMD + handsome 编辑器插件整合

WowScroll动感元素插件

WenYu特效管理插件

博主的介绍

<!--博主介绍的闪字特效-->
<span class="text-muted text-xs block">
 <div id="chakhsu"></div>
 <script>
 var chakhsu = function (r) {
 function t() {
 return b[Math.floor(Math.random() * b.length)]
 }

 function e() {
 return String.fromCharCode(94 * Math.random() + 33)
 }

 function n(r) {
 for (var n = document.createDocumentFragment(), i = 0; r > i; i++) {
 var l = document.createElement("span");
 l.textContent = e(), l.style.color = t(), n.appendChild(l)
 }
 return n
 }

 function i() {
 var t = o[c.skillI];
 c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]),
 c.prefixP++) : "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP],
 c.skillP++) : c.delay ? c.delay-- : (c.direction = "backward", c.delay = a) : c.skillP >
 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI = (c.skillI + 1) % o.length, c
 .direction = "forward")), r.textContent = c.text, r.appendChild(n(c.prefixP < l.length ?
 Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d)
 } /*以下内容自定义修改*/
 var l = "",
 o = ["我好菜啊"].map(function (r) {
 return r + ""
 }),
 a = 2,
 g = 1,
 s = 5,
 d = 75,
 b = ["rgb(110,64,170)", "rgb(150,61,179)", "rgb(191,60,175)", "rgb(228,65,157)", "rgb(254,75,131)",
 "rgb(255,94,99)", "rgb(255,120,71)", "rgb(251,150,51)", "rgb(226,183,47)", "rgb(198,214,60)",
 "rgb(175,240,91)", "rgb(127,246,88)", "rgb(82,246,103)", "rgb(48,239,130)", "rgb(29,223,163)",
 "rgb(26,199,194)", "rgb(35,171,216)", "rgb(54,140,225)", "rgb(76,110,219)", "rgb(96,84,200)"
 ],
 c = {
 text: "",
 prefixP: -s,
 skillI: 0,
 skillP: 0,
 direction: "forward",
 delay: a,
 step: g
 };
 i()
 };
 chakhsu(document.getElementById('chakhsu'));
 </script>
</span>

左侧边栏导航

{"name":"留言板","class":"iconfont icon-liuyan","link":"https://www.2bboy.com/guestbook.html","target":"_self"},
{"name":"动态","class":"iconfont icon-dongtai2","link":"https://www.2bboy.com/cross.html","target":"_self"},
{"name":"归档","class":"iconfont icon-rili2","link":"https://www.2bboy.com/file.html","target":"_self"},
{"name":"追番","class":"iconfont icon-pgc_bangumi","link":"https://www.2bboy.com/bangumi.html","target":"_self"},
{"name":"云盘","class":"iconfont icon-yun","link":"https://pan.2bboy.com/Public"},
{"name":"home","status":"hide"}

顶部导航

{"name":"bilibili","class":"iconfont icon-bilibili-fill","link":"https://space.bilibili.com/22411920"},
{"name":"github","class":"iconfont icon-github","link":"https://github.com/kizx"},
{"name":"steam","class":"iconfont icon-steam","link":"https://steamcommunity.com/id/kizxmoe"},
{"name":"talk","status":"hide"}

时光机社交按钮

{"name":"微博","class":"fontello fontello-weibo","link":"https://weibo.com/u/5938819173"},
{"name":"github","class":"fa fa-github","link":"https://github.com/kizx"},
{"name":"gitee","class":"fa fa-git","link":"https://gitee.com/kizx"},
{"name":"steam","class":"fa fa-steam","link":"https://steamcommunity.com/id/kizxmoe"},
{"name":"bilibili","status":"single","link":"https://space.bilibili.com/22411920"},
{"name":"网易云","status":"single","link":"https://music.163.com/#/user/home?id=111496719"},
{"name":"bangumi","status":"single","class":"fa fa-heartbeat","link":"http://bangumi.tv/user/305237"}

pjax回调函数

<!--彩色标签云-->
let tags = document.querySelectorAll("#tag_cloud-2 a");
let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
tags.forEach(tag => {
 tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
 tag.style.backgroundColor = tagsColor;
});
<!--代码高亮-->
if (typeof Prism !== 'undefined') {
Prism.highlightAll(true,null);}
<!--复制提示-->
kaygb_copy();

博客底部左侧

<div class="github-badge">
<a href="./" title="?2019 kizx">
<span class="badge-subject">Copyright</span><span class="badge-value bg-blue">?2019 kizx</span>
</a>
</div>
 |
<div class="github-badge">
<a href="http://beian.miit.gov.cn" target="_blank" title="陕ICP备19016973号" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">
<span class="badge-subject">陕ICP备</span><span class="badge-value bg-green">19016973号</span>
</a>
</div>

博客底部右侧

<div class="github-badge">
<a href="http://www.typecho.org" target="_blank" title="由 Typecho 强力驱动" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">
<span class="badge-subject">Powered</span><span class="badge-value bg-blue">Typecho</span>
</a>
</div>
 |
<div class="github-badge">
<a href="https://www.ihewro.com/archives/489/" target="_blank" title="Handsome主题" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">
<span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span>
</a>
</div>

自定义css

/* 首页文章列表悬停上浮 */

.blog-post .panel:not(article) {
 transition: all 0.3s;
}

.blog-post .panel:not(article):hover {
 transform: translateY(-10px);
 box-shadow: 0 8px 10px rgba(73, 90, 47, 0.47);
}

/* 头像呼吸光环和鼠标悬停旋转放大 */

.img-full {
 width: 100px;
 border-radius: 50%;
 animation: light 4s ease-in-out infinite;
 transition: 0.5s;
}

.img-square, .img-circle {
 transition: 0.5s;
}

.img-square:hover, .img-circle:hover {
 transform: scale(1.15) rotate(360deg);
}

.img-full:hover {
 transform: scale(1.15) rotate(720deg);
}

@keyframes light {
 0% {
 box-shadow: 0 0 4px #f00;
 }
 25% {
 box-shadow: 0 0 16px #0f0;
 }
 50% {
 box-shadow: 0 0 4px #00f;
 }
 75% {
 box-shadow: 0 0 16px #0f0;
 }
 100% {
 box-shadow: 0 0 4px #f00;
 }
}

/*底部页脚*/

.github-badge {
 display: inline-block;
 border-radius: 4px;
 text-shadow: none;
 font-size: 12px;
 color: #fff;
 line-height: 15px;
 background-color: #abbac3;
 margin-bottom: 5px;
}

.github-badge .badge-subject {
 display: inline-block;
 background-color: #4d4d4d;
 padding: 4px 4px 4px 6px;
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
}

.github-badge .badge-value {
 display: inline-block;
 padding: 4px 6px 4px 4px;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
}

.github-badge .bg-blue {
 background-color: #007ec6;
}

.github-badge .bg-orange {
 background-color: #ffa500;
}

.github-badge .bg-red {
 background-color: #f00;
}

.github-badge .bg-green {
 background-color: #3bca6e;
}

.github-badge .bg-purple {
 background-color: #ab34e9;
}

/*Bilibili视频挂载*/

.iframe_video {
 position: relative;
 width: 100%;
}

@media only screen and (max-width: 767px) {
 .iframe_video {
 height: 15em;
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .iframe_video {
 height: 20em;
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .iframe_video {
 height: 30em;
 }
}

@media only screen and (min-width: 1200px) {
 .iframe_video {
 height: 40em;
 }
}

.iframe_cross {
 position: relative;
 width: 100%;
 height: 0;
 padding-bottom: 75%;
}

.iframe_cross iframe {
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
}

自定义javascript

/* 彩色标签云 */
let tags = document.querySelectorAll("#tag_cloud-2 a");
let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
tags.forEach(tag => {
 tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
 tag.style.backgroundColor = tagsColor;
})
/* 复制提示 */
kaygb_copy();
function kaygb_copy(){$(document).ready(function(){$("body").bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){
$.message({
 message: "尊重原创，转载请注明出处！<br> 本文作者：醉后的星星<br>原文链接：<br>"+sitesurl,
 title: "复制成功",
 type: "success",
 autoHide: !1,
 time: "15000"
 })
}}

自定义Head

<!--图标-->
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<!--分享内容-->
<meta itemprop="name" content="醉后的星星" />
<meta itemprop="image" content="https://www.2bboy.com/usr/uploads/txmk.jpg" />
<meta name="description" itemprop="description" content="我好菜啊" />
<!--百度统计-->

<!--动态标题-->
<script>document.addEventListener('visibilitychange', function () { if (document.visibilityState == 'hidden') { normal_title = document.title; document.title = '人呢？快回来！'; } else { document.title = normal_title; } });</script>

pio插件设置

{
 "welcome": ["你好，欢迎来到本站！", "有问题欢迎留言"],
 "touch": [
 "你这个绅士！",
 "别碰我！",
 "你在干什么？",
 "再摸我就报警了！",
 "HENTAI!",
 "你够了喔！",
 "萝莉是什么呀"
 ],
 "skin": ["想看看我的新服装吗？", "新衣服真漂亮~"],
 "home": "点击这里回到首页",
 "link": "https://docs.paul.ren/pio/#/",
 "referer": "Hi，欢迎来自 %t 的朋友",
 "close": "QWQ 下次再见吧~",
 "custom": [
 {
 "type": "read",
 "selector": ".post-meta>h2 a"
 },
 {
 "selector": ".music-box",
 "text": "你想听歌吗o((;=? 3? =))o～?"
 },
 {
 "selector": ".comment-form-comment",
 "text": "填写真实邮箱可以收到回复通知哦(??ω-)～"
 },
 {
 "selector": ".searchform",
 "text": "会搜索的人运气不会太差o(≧▽≦)o"
 },
 {
 "selector": ".dropdown:nth-last-child(4)",
 "text": "想关注我的bilibili频道吗"
 },
 {
 "selector": ".dropdown:nth-last-child(3)",
 "text": "人生苦短"
 },
 {
 "selector": ".dropdown:nth-last-child(2)",
 "text": "可以不玩，不能没有"
 }
 ]
}

利用windows自带的网络位置进行ftp登录

Sun, 15 Dec 2019 06:21:00 +0000

使用方法

打开我的电脑，空白处右键添加网络位置，点下一步然后参照示例添加ftp地址后面就是设置些名称和登录密码，总之要啥填啥就是了，然后就可以点击资源浏览器里新添加的网络位置来连接了。 [scode type=“blue”]其实这就是个快捷方式，在资源管理器地址栏直接输入ftp地址就可以直接登陆。另外，在浏览器里直接输入ftp地址也是可以进行访问的。[/scode]

Rime-小狼毫输入法使用指南

Wed, 27 Nov 2019 17:29:00 +0000

下载地址：https://rime.im/ 官方说明：https://github.com/rime/home/wiki/UserGuide 输入方案：https://github.com/rime/plum 其他教程： https://www.jianshu.com/p/296bba666604 https://www.bilibili.com/video/av31013072 https://segmentfault.com/a/1190000005754706

使用入门

简体设置按F4调出选项，选择西/半/漢，再选择漢字->汉字，如果你只使用全拼的话，也可以直接使用带简化字的方案
选择候选方案和主题右键输入法设定，为需要的方案打上钩，然后点击中选择配色方案，最后再点击中
添加双拼方案右键输入法设定，选择更多方案，弹出cmd窗口，输入相应的方案名称如double-pinyin，也可自行下载解压到用户文件夹中。值得一提的是，安装prelude可以下载一些用户配置，方便后面配置不用新建文件了。
删除错误的候选词输入法会记住你输入的词组，当你第一次输入一个输入法不认识的词语后，第二次输入同样的词语该词语就会出现在候选词中，也正是如此才叫聪明的输入法，不过有时候会打错词语，等到下次再打相同词语时就会出现错误的候选词，这时可以选中该错误的候选词，按shift+del删除
改变候选词个数在用户文件夹下新建default.custom.yaml文件(如果没有的话)，添加以下内容，然后重新部署

patch:
 "menu/page_size": 9

进阶定制

添加符号新建double_pinyin_mspy.custom.yaml文件（以你使用的输入方案名为准），添加以下内容

# double_pinyin_mspy.custom.yaml
patch:
 "punctuator/import_preset": symbols
 "recognizer/patterns/punct": "^/([A-Z|a-z]*|[0-9]|10)$"

重新部署后输入/fh等字样就可以输入各种符号了，这些符号保存在程序文件夹的data/symbols.yaml文件中。

自定义符号如果想添加自定义符号，可以将symbols.yaml文件复制到用户文件夹下，然后在其中按照格式添加自己的符号，但更建议添加在自定义方案设置中，比如我自定义了常用邮箱

#double_pinyin_mspy.custom.yaml
patch:
 punctuator/symbols:
 "/mail": [kizxmoe@gmail.com, 3317200497@qq.com, kizx@qq.com, contact@2bboy.com]

然后重新部署，输入/mail即可弹出常用邮箱

修改符号候选有时候在打出一个符号时会出现多个候选，这不符合大众习惯，这些设置也在symbols.yaml文件中，同样建议在自定义方案中修改,比如我把书名号改成唯一的样式

patch:
 "punctuator/import_preset": symbols
 "recognizer/patterns/punct": "^/([A-Z|a-z]*|[0-9]|10)$"
 punctuator/full_shape:
 "[": "【"
 "]": "】"
 punctuator/half_shape:
 "[": "【"
 "]": "】"

切换英文直接上屏

# default.custom.yaml
patch:
 ascii_composer:
 good_old_caps_lock: true
 switch_key:
 Shift_L: commit_code
 Shift_R: commit_code
 Control_L: noop
 Control_R: noop
 Caps_Lock: noop
 Eisu_toggle: clear

定义某些应用默认中英文输入比如我想让vscode默认是英文输入，可以在任务管理器中查看进程名称，然后注意要小写

# weasel.custom.yaml
patch:
 app_options/code.exe:
 ascii_mode: true

其实rime输入法能记住不同应用的中英文状态

其他设置

# weasel.custom.yaml
patch:
 style/horizontal: true # 候选横排显示
 style/display_tray_icon: true # 显示托盘图标

[scode type=“yellow”]以上操作都记得重新部署生效[/scode]

同步点击菜单中的用户资料同步即会在sync目录下生成一个同步文件夹，记录了当前电脑上的用户配置文件和词库，只需把这个文件夹同步到另一台电脑上相同的位置下，词库便会自动合并，但用户配置文件不会自动合并，需手动进行替换。文件夹的名字和位置可以在installation.yaml中自行指定。

我用的软件

Fri, 22 Nov 2019 11:52:00 +0000

https://rime.im/ https://shurufa.baidu.com/

浏览器插件推荐 https://chrome.zzzmh.cn
鼠标驱动 https://zh.roccat.org/Support
文本编辑器
office下载管理 https://otp.landian.vip/zh-cn/
卸载–geek https://geekuninstaller.com/

程序类

vs https://visualstudio.microsoft.com/zh-hans/
网速显示 https://github.com/zhongyang219/TrafficMonitorSkinEditor
cmder https://cmder.net/
sqlite数据库管理 https://sqlitebrowser.org/dl/
git管理 https://git-fork.com/
SSH

https://www.vandyke.com/products/securecrt/ http://www.hostbuf.com/t/988.html https://www.netsarang.com/zh/free-for-home-school/

办公类

万彩办公大师 http://www.wofficebox.com/
PDF

https://www.sumatrapdfreader.org/downloadafter.html https://www.sumatrapdfreader.org/free-pdf-reader.html https://tools.pdf24.org/zh/

markdown https://www.typora.io/#windows

多媒体类

看图

图片压缩 + https://tuya.xinxiao.tech/

视频播放器
- https://potplayer.daum.net/?lang=zh_CN
- http://www.dandanplay.com/
录屏-OBS https://obsproject.com/
音乐播放器-AIMP https://www.aimp.ru/

应用类

鼠标手势

https://shuax.com/project/mouseinc/ http://www.yingdev.com/projects/wgestures
文件管理器TAB http://qttabbar.wikidot.com/
gif录制 https://www.screentogif.com/?l=zh_cn
快速复制 https://fastcopy.jp/
符号链接 https://schinagl.priv.at/nt/hardlinkshellext/linkshellextension.html
文件窗口标签 https://shutters.160.com/
哈希校检工具 https://www.binaryfortress.com/HashTools/
文献翻译 http://i.zhiyunwenxian.cn/195.html
复制翻译 https://copytranslator.github.io/download/
下载

软件分享网站

这个网站有超多实用小程序 http://www.nirsoft.net/utils/index.html

Typecho主题推荐

Sun, 15 Sep 2019 14:05:00 +0000

Typecho主题推荐

1. PureLoveForTypecho

2. Pinghsu Theme

3. Rinvay Theme

4. VOID

5. ArmxMod

6. AL_lolimeow

7. DUX主题

8. Miracles

9. Typecho-Theme-RAW

10. hufman

Hexo、WordPress、Zblog、Typecho比较

Fri, 06 Sep 2019 18:22:00 +0000

总览

方案	Hexo	WordPress	Zblog	Typecho
静态	是	否	否	否
后台	无	有	有	有
源生Markdown	是	否	否	是
操作简单	☆	☆☆	☆☆☆	☆☆☆
主题美观	☆☆☆☆	☆☆☆	☆☆	☆☆☆
风格简洁	☆☆☆	☆	☆☆☆	☆☆☆☆

评价

Hexo所有数据都在本地操作，操作完后本地生成静态页面，然后再通过git或者ftp部署上传到服务器空间，但是我试了官方的ftp插件根本就用不了，只能借助第三方的ftp工具或插件，而且上传速度还贼慢，故不建议ftp到服务器上。优点是完全静态的，故不需要数据库和任何语言运行环境，所以可以部署到github或者coding这样的免费数据托管空间。虽然Hexo对服务器的要求最低，但在本地的操作有点繁琐，需要敲一些代码，很有极客范。Hexo的主题大部分都是免费的，不乏很多漂亮的主题，我的Hexo主题搜集，Hexo的主题很时髦精致。
WordPress作为使用最广泛的建站方案，东西最多也最全，但这也造成其自身的臃肿，安装包有好几十兆，后台的操作也不是特别简洁好懂，对于追求简洁的人来说，WordPress并不是最好选择。WordPress的主题很多，但要想找到一个合适的主题并不容易，我的WordPress主题搜集。
Zblog在使用上和WordPress差不多，但是后台要更简洁明了，本身的体积也比WordPress小得多，只有几兆，运行效率据说也快得多，主题虽然不多但也很多不错的选择，而且Zblog的主题给人一种简洁感，我的Zblog主题搜集，Zblog的主题多偏向于扁平风格，不追求更多功能时在我看来是比WordPress更好地选择。
说到简介，Typecho显然更胜一筹，安装包只有几百kb大小，后台也简洁到没有一处多余功能，Typecho的主题大都也继承这种简洁风格，可供选择主题的主题还算是蛮多的，我的Typecho主题搜集，虽然简洁但也是五脏俱全，如果能懂一点网页编程的话就能更好的改造出适合自己的主题了。

Zblog主题推荐

Fri, 06 Sep 2019 17:20:00 +0000

Zblog主题推荐

1. filmlee

https://www.talklee.com/blog/162.html

2. 免费博客主题Blogs

https://app.zblogcn.com/?id=1405

3. 奇客

http://jiuwanwl.com/post/81.html

4. 博客CMS图片布局三合一主题

https://app.zblogcn.com/?id=1326

5. 业余爱好

https://app.zblogcn.com/?id=494

6. 博客模板

https://app.zblogcn.com/?id=1168

7. 简单格子列表主题

https://app.zblogcn.com/?id=877

WordPress主题推荐

Thu, 05 Sep 2019 17:19:00 +0000