Yazzyk's Blog

企业微信代理搭建

Tue, 24 Oct 2023 00:00:00 +0000

在搭建某nas相关的工具时需要通过企业微信自建应用实现通知和下达命令的功能

本文使用Caddy作为代理服务器

代理思路如下:

Caddy代理配置如下：

# 企业微信填写的代理地址
api.example.com {
    reverse_proxy 172.17.0.1:3301
}
# MP填写的微信服务器代理地址
wx.example.com {
    reverse_proxy https://qyapi.weixin.qq.com {
        header_up Host {upstream_hostport}
    }
}

将api.example.com和wx.example.com替换成自己的域名或不同的端口号

golang面试题

Sat, 02 Sep 2023 00:00:00 +0000

记录面试遇到的一个有趣的题

问题

写出下面的输出结果和原因

func main() {
	runtime.GOMAXPROCS(1)
	count := 10
	wg := sync.WaitGroup{}
	wg.Add(count * 2)
	for i := 0; i < count; i++ {
		go func() {
			fmt.Printf("[%d]", i)
			wg.Done()
		}()
	}
	for i := 0; i < count; i++ {
		go func(i int) {
			fmt.Printf("-%d-", i)
			wg.Done()
		}(i)
	}
	wg.Wait()
}

GPT回答

这段代码的输出结果可能会是不确定的，并且与你的预期可能不一致。这是因为你在两个不同的for循环中启动了一系列的goroutine，这些goroutine访问了共享的变量i，但是它们在不同的时间点执行，因此无法确定哪个goroutine会首先访问i。

如何验证ChatGPT写的代码是否可运行

Wed, 22 Mar 2023 00:00:00 +0000

JS(JavaScript)

首先得到ChatGPT的代码

let name = prompt("What is your name?");
console.log("Hello, " + name + "!");

直接按F12打开开发者工具，点击控制台,将代码粘贴到控制台内回车即可

HTML+CSS(网页)

<!DOCTYPE html>
<html>
<head>
	<title>My Centered Div</title>
	<style>
		.center {
			width: 200px;
			height: 200px;
			background-color: red;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	</style>
</head>
<body>
	<div class="center"></div>
</body>
</html>

将代码复制，然后在自己的电脑上创建一个index.html文件，注意后缀名为.html,使用文本编辑器或任意可编辑txt文件的工具或ide打开文件,粘贴代码并保存，然后用浏览器打开文件即可

golang makefile模板

Tue, 31 Jan 2023 00:00:00 +0000

.PHONY: build build_linux

APPNAME = wechatbot

all: build

build:
	rm -rf ./build/
	make build_linux

build_linux:
	@echo "linux版"
	export GO111MODULE=on; \
	export GOPROXY="https://goproxy.cn,direct"; \
	export GOOS=linux; \
	export GOARCH=amd64; \
	go mod tidy -compat=1.17; \
	go build -o ./build/$(APPNAME)_linux/$(APPNAME) main.go
	cp outText.txt ./build/$(APPNAME)_linux/outText.txt

使用caddy2,docker-compose快速部署一个自带TLS和HTTP3的网站

Sun, 11 Dec 2022 00:00:00 +0000

使用背景

发现Caddy是我刚刚将博客换了个服务器，一时兴起，听闻IETF已经在今年(22年6月)推出了正式版HTTP3(RFC9114),那就干脆使得博客支持上，但找了半天，基于nginx都没有一个简单的方案，都是要去编译nginx-quic然后修改配置文件,看着就感觉好麻烦，也没有找到合适的docker来支持，弄完还得去弄证书来开启https。偶然间又看到一篇文章利用Caddy轻松HTTPS，支持HTTP3/QUIC,然后查了一下，发现caddy这个web服务器已经是默认支持HTTP3了，而且还可以自动去生成TLS证书，自动开启https，官方支持docker，那不快乐起来了吗！

简介

Caddy是一款用Golang编写的开源的web服务器，相比于Nginx来说有着以下优点

可自动获取TLS证书
自动续签证书
默认支持HTTP3(RFC9114)协议
配置文件简单易上手

docker-compose.yml

version: "3.7"

services:
  caddy:
    container_name: caddy-server
    image: caddy:2.6.2
    restart: always
    ports:
      - "80:80"
      - "443:443"
      - "443:443/udp"
    volumes:
      - $PWD/Caddyfile:/etc/caddy/Caddyfile
      - $PWD/site:/srv
      - $PWD/caddy_data:/data
      - $PWD/caddy_config:/config

创建一些映射出来的文件和文件夹

在docker-compose.yml同目录下

Golang枚举实现，并制成字典反给前端使用

Sun, 18 Oct 2020 00:00:00 +0000

方法

package t

import (
	"reflect"
	"strconv"
)

type EnumType int8

func GetEnumMap(obj interface{}) (statusMap map[EnumType]string) {
	ta := reflect.TypeOf(obj)
	statusMap = make(map[EnumType]string)
	for i := 0; i < ta.NumField(); i++ {
		fl := ta.Field(i)
		statusNum, _ := strconv.Atoi(fl.Tag.Get("enum"))
		statusMap[EnumType(statusNum)] = fl.Tag.Get("desc")
	}
	return
}

func GetEnumByDesc(obj interface{}, desc string) EnumType {
	ta := reflect.TypeOf(obj)
	statusMap := make(map[string]EnumType)
	for i := 0; i < ta.NumField(); i++ {
		fl := ta.Field(i)
		statusNum, _ := strconv.Atoi(fl.Tag.Get("enum"))
		statusMap[fl.Tag.Get("desc")] = EnumType(statusNum)
	}
	return statusMap[desc]
}

func GetAllStatus() (statusList map[string]interface{}) {
	statusList = make(map[string]interface{})
	for _, v := range GetStatusObj() {
		statusList[reflect.TypeOf(v).Name()] = GetEnumMap(v)
	}
	return
}

枚举类

package t

func GetStatusObj() []interface{} {
	return []interface{}{
		UserStatus{},
		TaskStatus{},
	}
}

type UserStatus struct {
	InActivated EnumType `enum:"0" desc:"禁用"`
	Activated   EnumType `enum:"1" desc:"激活"`
}

func GetUserStatus() *UserStatus {
	return &UserStatus{
		InActivated: 0,
		Activated: 1,
	}
}

type TaskStatus struct {
	Waiting EnumType `enum:"0" desc:"排队中"`
	Working EnumType `enum:"1" desc:"处理中"`
	Finish  EnumType `enum:"2" desc:"已完成"`
}

func GetTaskStatus() *TaskStatus {
	return &TaskStatus{
		Waiting: 0,
		Working: 1,
		Finish:  2,
	}
}

使用

使用时，将后端的枚举返回给前端，如前端查询到的状态值为1,从字典中获取到UserStatus[1]
前端返回后端时，直接使用UserStatus[1]返给后端，后端通过GetEnumByDesc()方法来获取到需要存入数据库的值

Mysql连接失败(61)

Thu, 19 Mar 2020 00:00:00 +0000

0x01

这个问题已经存在很久了,首先排除掉一些已存在的可能性:

用户没有远程登录权限
端口不是3306
配置文件中注释bind-address

0x02

排除以上信息后,我在一片文章中找到答案MySQL 连接错误Can’t connect to MySQL server on ’ ‘(61)
由于我重置了服务器系统,升级为了centos7所以忘记了防火墙的设置

关于我

Mon, 24 Feb 2020 18:14:11 +0800

基本信息

Key	Value
年龄	24
Github	Yazzyk
E-Mail	root@shroot.dev
喜欢	写代码、我老婆、电子产品

20年大专毕业
3年Golang开发经验

技术栈

后端语言：Golang(现在主)、Java(校内主修)、Python(了解)、PHP(了解)
前端框架：Vue
后端框架：Gin、GORM、Go Fiber、HAS(在职期间参与的框架开发)
操作系统：MacOS、Linux、Windows
其他工具：Jenkins、Git、Jira、Docker

个人开源项目

双色球彩票号码随机生成

自娱自乐的项目，用到了WxPusher来将结果通知给用户

使用jenkins发布hugo博客

Mon, 24 Feb 2020 00:00:00 +0000

准备

jenkins 由于jenkins在我服务器上已经搭建好很久了,所以不讲解怎么搭建jenkins,详情可以去jenkins官网查看
已经准备好发布的hugo博客
一个git仓库,可以是github，gitlab等,我使用的是我自己服务器上的gitea
服务器上已装好hugo

0x01

先在hugo博客根目录下创建Jenkinsfile文件,这个文件用于写Jenkinsfile的流水线,内容类似于：

微信开发 - 环境搭建

Wed, 25 Dec 2019 00:00:00 +0000

环境搭建

前往ngrok下载指定客户端到本地

注册并登陆,开通一个隧道

到隧道管理可编辑自定义域名,复制隧道id

通过客户端启动隧道即可,以MacOS为例,在下载的客户端目录下,终端输入

./sunny clientid 隧道id

文档

输入后status显示为online即可通过域名访问到本地对应端口

@Controller和@RestController的区别

Thu, 11 Jul 2019 00:00:00 +0000

参考:莫負旅途

如果只是使用@RestController注解Controller，则Controller中的方法无法返回jsp页面，配置的视图解析器InternalResourceViewResolver不起作用，返回的内容就是Return 里的内容。
如果需要返回到指定页面，则需要用 @Controller配合视图解析器InternalResourceViewResolver才行。
如果需要返回JSON，XML或自定义mediaType内容到页面，则需要在对应的方法上加上@ResponseBody注解。

JDK多版本管理

Thu, 11 Jul 2019 00:00:00 +0000

参考：Bobness install-openjdk-versions-on-the-mac

安装jenv

brew install jenv

环境配置

echo 'export PATH="$HOME/.jenv/bin:$PATH"' >> ~/.zshrc
echo 'eval "$(jenv init -)"' >> ~/.zshrc

查看找到的Java版本

jenv version
system (set by /Users/kointernet/.jenv/version) # 反馈信息,不输入该行

安装OpenJDK

添加tap

brew tap AdoptOpenJDK/openjdk

查看JDK版本

brew search /adoptopenjdk/
## 以下为返回信息
==> Casks
adoptopenjdk ✔                adoptopenjdk11                adoptopenjdk11-openj9         adoptopenjdk11-openj9-large   adoptopenjdk12-jre            adoptopenjdk12-openj9-jre     adoptopenjdk8-jre             adoptopenjdk8-openj9-jre      adoptopenjdk9
adoptopenjdk10                adoptopenjdk11-jre            adoptopenjdk11-openj9-jre     adoptopenjdk12                adoptopenjdk12-openj9         adoptopenjdk8                 adoptopenjdk8-openj9          adoptopenjdk8-openj9-large

安装OpenJDK

brew install adoptopenjdk/openjdk/adoptopenjdk-openjdk8

JAVA_HOME目录：/Library/Java/JavaVirtualMachines/adoptopenjdk-8.jdk/Contents/Home

Springboot日志显示到Web

Sat, 15 Jun 2019 00:00:00 +0000

0x01

首先要在服务器端运行打包好的jar包，并将log打印到指定文件中

nohup java -jar /www/wwwroot/air.css0209.cn/air-0.0.1-SNAPSHOT.jar > /www/wwwroot/air.console.css0209.cn/nohup.txt

具体是什么文件，根据你自己的情况来改

0x02

在HTML文件中写入

<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
  	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  	<meta name="theme-color" content="#222">
    <title>后端输出内容</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <style>
        html{
            padding: 0;
            margin: 0;
            overflow-x: hidden;
        }
      	h1{
      		padding: 0;
            margin: 0;
          	text-align: center;
        }
        body{
            padding: 0;
            margin: 0;
          background-color: #222;
        }
        #main{
            width: 100%;
            height: 100%;
            background-color: #222;
            
            color: #fff;
            padding: 20px 0;
            min-height: 800px;
        }
        textarea{
            width: 100%;
            height: 100%;
            background: #222;
            color: #fff;
            border: none;
          	padding: 30px;
            min-height: 820px;
          	font-family: Monaco;
        }
      @media screen and (max-width: 700px){
        textarea{
        	padding: 0;
        }
      }
      textarea:focus{
      	outline: none;
      }
    </style>
</head>
<body>
    <div id="main">
        <h1>后端输出</h1>
        <textarea id="info" readonly=""></textarea>
    </div>
    <script>
      var line = 1;
        setInterval(function(){
    	$.ajax({
          url: 'nohup.txt',
          dataType: 'text',
          success: function(data) {
            $('#info').html(data);
            var scrollTop = $("#info")[0].scrollHeight;
            if(line != scrollTop){
              line = scrollTop;
              console.log("new log"+line);
              $("#info").scrollTop(line);
            }
          }
    });
},1000);
    </script>
</body>
</html>

然后边可以在web端查看你的springboot的log内容了。

React Fragment

Mon, 27 May 2019 00:00:00 +0000

https://react.docschina.org/docs/fragments.html

Fragment相当于占位符吧，正常情况下，React中子组件只能返回一个Dom节点,而Fragment可以让你的子组件返回多个Dom节点

父组件

import React, { Fragment } from 'react';
import ToDoItem from './ToDoItem';

class ToDoList extends React.Component {
    constructor(props) {
        super(props);
        //组价状态
        this.state = {
            inputValue: '',
            list: []
        }
        this.handleInputChange = this.handleInputChange.bind(this);
        this.handleBtnClick = this.handleBtnClick.bind(this);
        this.handleItemDel = this.handleItemDel.bind(this);
    }

    handleInputChange(msg) {
        this.setState({
            inputValue: msg.target.value
        })
    }

    handleBtnClick() {
        this.setState({
            list: [...this.state.list, this.state.inputValue],
            inputValue: ''
        })
    }

    handleItemDel(index) {
        const list = [...this.state.list];
        list.splice(index, 1);
        this.setState({
            list: list
        })
        // console.log(index);
    }

    getToDoItem(){
        return this.state.list.map((item, index) => {
            return (
                <div key={index}>
                    <ToDoItem 
                    content={item} 
                    handleItemDel={this.handleItemDel} 
                    />
                </div>
            )
        })
    }

    render() {

        return (
            <Fragment>
                <input 
                    type="text"
                    value={this.state.inputValue}
                    onChange={this.handleInputChange}
                />
                <button 
                onClick={this.handleBtnClick}
                >
                    提交
                </button>
                <ul>
                    {this.getToDoItem()}
                </ul>
            </Fragment>
        )
    }
}

export default ToDoList;

子组件

React&Redux actionCreators

Mon, 27 May 2019 00:00:00 +0000

0x01 创建文件

创建actionCreators.js

import {INPUT_VALUE_CHANGE,ADD_TODO_ITEM,DEL_TODO_ITEM} from './ActionTypes';

export const getInputChangeAction = (value) =>({
    type : INPUT_VALUE_CHANGE,
    value
});

export const getAddItemAction = () =>({
    type: ADD_TODO_ITEM
});

export const getDelItemAction = (index)=>({
    type: DEL_TODO_ITEM,
    index
});

0x02 修改

修改ToDoList.js相关的地方

    handleInputChange(e) {
        const action = getInputChangeAction(e.target.value);
        store.dispatch(action);
    }

    handleBtnClick() {
        const action = getAddItemAction();
        store.dispatch(action);
    }

    handleItemClick(index) {
        const action = getDelItemAction(index);
        store.dispatch(action);
    }

React&Redux ActionTypes

Mon, 27 May 2019 00:00:00 +0000

0x00 前言

ActionTypes是为了防止在大型项目的开发中action中的type出现打错字之类的错误，此时，控制台不会报错，但功能异常。使用ActionTypes后，页面将会出现报错，减少排错时间

0x01 创建

创建ActionTypes.js文件

React之Redux工作流程

Mon, 27 May 2019 00:00:00 +0000

阮一峰

0x00

render函数

render() {
    return (
        <div style={{ width: '500px', padding: '10px' }}>
            <Input
                value={this.state.inputValue}
                style={{ width: "400px", marginRight: "15px" }}
                onChange={this.handleInputChange}
            />
            <Button
                type="primary"
            >
                提交
            </Button>
            <List
                bordered
                dataSource={this.state.list}
                renderItem={item => (
                    <List.Item> {item} </List.Item>
                )}
            />
        </div>
    )
}

0x01

在src下创建store/index.js
这里就创建好了Store

import {createStore} from 'redux';
import reducer from './reducer';

const store = createStore();

export default store;

0x02

在src/store下创建reducer.js

Hugo_blog搭建

Tue, 21 May 2019 00:00:00 +0000

CodeSheep视频 Hugo中文文档我的环境为MacOS

安装 Hugo

brew install hugo

生成站点

hugo new site hugo_blog
cd hugo_blog

安装一个主题

hugo的主题

从官网选用一个主题
例如我选的zozo
看到insetallation
执行命令

git clone https://github.com/imzeuk/hugo-theme-zozo themes/zozo

写一篇文章

hugo new posts/mypost.md

然后打开文件用markdown写就行我的文章之前是hexo的，可以直接复制粘贴文件到posts目录下

Spring Boot中使用MongoDB

Sun, 14 Apr 2019 00:00:00 +0000

pom文件中

<dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-mongodb</artifactId>
        </dependency>
</dependencies>

application.properties中

##mongo配置
spring.data.mongodb.host=127.0.0.1
spring.data.mongodb.port=27017
spring.data.mongodb.database=test

主类中

@SpringBootApplication(exclude = DataSourceAutoConfiguration.class)

友链

Sun, 14 Apr 2019 00:00:00 +0000

交换友链请在下方留言，并将本站添加到贵站的友链中，且确保贵站支持 HTTPS 协议！

spring boot和React跨域请求解决

Wed, 10 Apr 2019 00:00:00 +0000

首先是在React，前端上只需要注意请求是POST请求，因为GET请求会有一个错误，然后就是用fetch传输了

    handleSubmit = (e) => {
        e.preventDefault();
        this.props.form.validateFields((err, values) => {
            if (!err) {
                console.log('Received values of form: ', values);
                let data = new FormData();
                data.append("userName",values.userName);
                data.append("password",values.password);
                data.append("remember",values.remember);
                fetch("http://localhost:8080/post",{
                    method: 'POST',
                    body : data
                }).catch();
            }
        });
    };

然后主要是在spring boot这里，后端控制器要写入一行

Java 全排列

Mon, 18 Mar 2019 00:00:00 +0000

学习视频：bilibilip2

代码

public class 递归全排列 {
    public static void main(String[] args) {
		// TODO 自动生成的方法存根
		char[] data = {'A','B','C'};
		fun(data, 0);
	}

  public static void fun(char[] data,int n) {
    if(n == data.length) {
      for(int i=0;i<data.length;i++) {
        System.out.print(data[i]+" ");
      }
      System.out.println();
    }
  
      for(int i=n;i<data.length;i++) {
      //试探  
      char t = data[n];  
      data[n] = data[i];  
      data[i] = t;  

      fun(data, n+1);
      //回溯  
      t = data[n];  
      data[n] = data[i];
      data[i] = t;
    }
  }
}

output

A B C 
A C B 
B A C 
B C A 
C B A 
C A B

BigDecimal总结

Tue, 12 Mar 2019 00:00:00 +0000

参考：https://www.jianshu.com/p/2947868d76eb

导包

import java.math.BigDecimal;

构建

BigDecimal BigDecimal(String s);
static BigDecimal valueOf(double d);

方法

方法	描述
add(BigDecimal)	BigDecimal对象中的值相加，然后返回这个对象
subtract(BigDecimal)	BigDecimal对象的值相减，然后返回这个对象
multiply(BigDecimal)	BigDecimal对象中的值相乘，然后返回这个对象
divide(BigDecimal)	BigDecimal对象中的值相除，然后返回这个对象
toString()	将BigDecimal对象的数值转换成字符串
doubleValue()	将BigDecimal对象的值以双精度数返回
floatValue()	将BigDecimal对象的值以单精度数返回
longValue()	将BigDecimal对象的值以长整型返回
intValue()	将BigDecimal对象的值以整数返回

格式化和四舍五入

// 格式化：保留2为小数
DecimalFormat df = new DecimalFormat("#.##");
// 四舍五入，默认五舍六入
df.setRoundingMode(RoundingMode.HALF_UP);

使用js渲染HTML表格

Mon, 04 Mar 2019 00:00:00 +0000

突发奇想

那天，老师在上面讲一个HTML的表格，然后过于无聊的我，突发奇想，能不能用js来渲染繁琐复杂的表格，减少HTML的代码了量。

HTML

<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        table{
            border: 1px solid #000;
        }
        th,tr,td{
            border: 1px solid #000;
            text-align: center;
            padding: .5rem;
        }
    </style>
    <script src="js/index.js"></script>
</head>

<body>
    <script>
        context = [
            ['Name', 'Math', 'English', 'IT'],
            ['张三', 60, 80, 90],
            ['李四', 90, 80, 89],
            ['王五', 70, 89, 78]
        ]
        table(context);
    </script>
</body>
</html>

JS

function table(context) {
    document.write('<table>');
    for (var i = 0; i < context.length; i++) {
        document.write('<tr>');
        for (var j = 0; j < context[i].length; j++) {
            if (i == 0) {
                document.write('<th>' + context[0][j] + '</th>');
            }else{
                document.write('<td>' + context[i][j] + '</td>');
            }
        }
        document.write('</tr>');
    }
    document.write('</table>');
}

DNS错误

Sat, 16 Feb 2019 00:00:00 +0000

前言

刚刚我妈一惊一乍叫我，说电脑坏了，然后我看了下，QQ游戏客户端页面进不去，然后目测网页有问题，打开浏览器，试下百度，进不去，闪过一个DNS错误。其实这种DNS错误还比较常见，所以就顺手水一篇

解决过程

系统是win7，然后直接找到网络连接，右键本地网络，双击ipv4（找不到的话点这里）然后点使用下面的DNS服务器地址
这里我就直接放上表格(填写自己所在的，或比较近的城市的DNS服务器地址，网速会快些哦)

树莓派3b+安装python3.7.0

Wed, 30 Jan 2019 00:00:00 +0000

参考：https://my.oschina.net/mengyoufengyu/blog/2248239
https://blog.csdn.net/wang725/article/details/79905612

更新系统

sudo apt-get update
sudo apt-get upgrade
sudo apt-get dist-upgrade

安装依赖

sudo apt-get install build-essential libsqlite3-dev sqlite3 bzip2 libbz2-dev
sudo apt-get install build-essential python-dev python-setuptools python-pip python-smbus
sudo apt-get install build-essential libncursesw5-dev libgdbm-dev libc6-dev
sudo apt-get install zlib1g-dev libsqlite3-dev tk-dev
sudo apt-get install libssl-dev openssl
sudo apt-get install libffi-dev

Python3.7.0源码下载，解压

cd download
wget https://www.python.org/ftp/python/3.7.0/Python-3.7.0.tgz
tar zxvf Python-3.7.0.tgz

编译安装

sudo mkdir /usr/local/python370
cd Python-3.7.0
sudo ./configure --prefix=/usr/local/python370
sudo make
sudo make install

创建符号链接

sudo ln -s /usr/local/python370/bin/python3 /usr/bin/python370
sudo ln -s /usr/local/python370/bin/python3 /usr/bin/python3.7.0
sudo ln -s /usr/local/python370/bin/pip3 /usr/bin/pip370
sudo ln -s /usr/local/python370/bin/pip3 /usr/bin/pip3.7.0

hexo-next Algolia的问题

Sat, 26 Jan 2019 00:00:00 +0000

遇到问题的环境

hexo版本：3.8.0 Next版本：6.4.1 Algolia版本：1.3.1

Algolia Settings are invalid(Aloglia设置无效)

问题分析

网上大概的搜一下，没有相关的信息，然后就只有自己看源码了，找到next/source/aloglia-search.js搜索Algolia Settings are invalid会发现是一个和applicationID,apiKey,indexName有关的错误
那么我就把这三个值都输出看看，修改输出错误信息为：

next目录报错链接undefined

Wed, 23 Jan 2019 00:00:00 +0000

错误原因

很简单，这是由于hexo-toc插件导致的。也许，其他的主题需要这个插件，但是next不需要

解决方案

卸载掉插件即可

npm remove hexo-toc --save

学校Linux，Samba服务器搭建

Sat, 08 Dec 2018 00:00:00 +0000

基于我学院机房搭建的Samba服务器傻瓜式教程

感谢班上学习委员大佬的笔记

一、挂载光盘

mount #查看光盘所在的设备位置
mount -t iso9660 /dev/hdc /mnt  #挂载光盘(/dev/hdc)到 /mnt目录

二、软件包安装

所有的软件包都在Server目录(/mnt/Server)
rpm -ivh (-i安装、-v显示安装过程、-h以“#”符号表示安装进度）
samba服务器需要安装两个软件包：

rpm -ivh /mnt/Server/perl-Convert-ASNI-0.20-1.1.noarch.rpm
rpm -ivh /mnt/Server/samba-3.0.33-3.14.e15.i386.rpm

注：使用tab键自动补全，更方便

问题解决：java.lang.ClassNotFoundException: com.mysql.jdbc.Driver

Wed, 05 Dec 2018 00:00:00 +0000

遇到问题是的环境：

jdk1.8
远程连接服务器mysql
macOS High Sierra
idea

解决：

前往MySQL官网下载所需的jar 下载完解压到一个位置
idea点击file->Project Structure->Modules->Dependencies 点击“+”选择"JARs or directories"然后选择你解压的文件夹中的jar文件然后打钩点ok就行

next不蒜子不显示

Thu, 11 Oct 2018 00:00:00 +0000

问题原因

开始以为是自己吧服务器重装了一次的原因，但最后发现是不蒜子的在今年（2018）10月初更新域名了，导致next自带的地址404，以下是来自不蒜子官网的告示

！！！！2018年9月 - 重要提示 ！！！！
大家好，因七牛强制过期原有的『dn-lbstatics.qbox.me』域名（预计2018年10月初），与客服沟通数次无果，即使我提出为此付费也不行，只能更换域名到『busuanzi.ibruce.info』！因我是最早的一批七牛用户，为七牛至少带来了数百个邀请用户，很痛心，很无奈！
各位继续使用不蒜子提供的服务，只需把原有的：
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
域名改一下即可：
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
只需要修改该js域名，其他均未改变。若有疑问，可以加入不蒜子交流QQ群：`419260983`，对您带来的不便，非常抱歉！！！还是那句话，不蒜子不会中断服务！！！！

解决办法1

找到themes/next/_third-party/analyics/busuanzi-counter.swig
将

博客船新改版 hexo+NexT

Wed, 19 Sep 2018 00:00:00 +0000

搭建

搭建直接看官方文档
本文就直接写搭建后的美化啊，部署什么的

部署到服务器

我看了不少文章，但是总是有什么权限之类的问题，要不然创建的git账号无法访问，要不然宝塔的www账号无法访问，最后自己还是按照那个意思上传上去了，不过这样是 不安全的! 不安全的! 不安全的!

Git相关笔记

Fri, 14 Sep 2018 00:00:00 +0000

参考文章：菜鸟教程

配置

用户信息

配置个人的用户信息和电子邮箱：

git config –global user.name "" git config –global user.email

文档编辑器

一般会是vi/vim

git config –global core.editor vim

查看配置信息

git config –list

Git工作流

工作流程：

克隆 Git 资源作为工作目录。
在克隆的资源上添加或修改文件。
如果其他人修改了，你可以更新资源。
在提交前查看修改。
提交修改
在修改完成后，如果发现错误，可以撤回提交并再次修改并提交。

Git的工作区，暂存区和版本库

工作区：就是你在电脑里能看到的目录。
暂存区：英文叫stage, 或index。一般存放在 “.git目录下” 下的index文件（.git/index）中，所以我们把暂存区有时也叫作索引（index）。
版本库：工作区有一个隐藏目录.git，这个不算工作区，而是Git的版本库。

图中左侧为工作区，右侧为版本库。在版本库中标记为 “index” 的区域是暂存区（stage, index），标记为 “master” 的是 master 分支所代表的目录树。图中我们可以看出此时 “HEAD” 实际是指向 master 分支的一个"游标"。所以图示的命令中出现 HEAD 的地方可以用 master 来替换。图中的 objects 标识的区域为 Git 的对象库，实际位于 “.git/objects” 目录下，里面包含了创建的各种对象及内容。当对工作区修改（或新增）的文件执行 “git add” 命令时，暂存区的目录树被更新，同时工作区修改（或新增）的文件内容被写入到对象库中的一个新的对象中，而该对象的ID被记录在暂存区的文件索引中。当执行提交操作（git commit）时，暂存区的目录树写到版本库（对象库）中，master 分支会做相应的更新。即 master 指向的目录树就是提交时暂存区的目录树。当执行 “git reset HEAD” 命令时，暂存区的目录树会被重写，被 master 分支指向的目录树所替换，但是工作区不受影响。当执行 “git rm --cached " 命令时，会直接从暂存区删除文件，工作区则不做出改变。当执行 “git checkout .” 或者 “git checkout -- " 命令时，会用暂存区全部或指定的文件替换工作区的文件。这个操作很危险，会清除工作区中未添加到暂存区的改动。当执行 “git checkout HEAD .” 或者 “git checkout HEAD " 命令时，会用 HEAD 指向的 master 分支中的全部或者部分文件替换暂存区和以及工作区中的文件。这个命令也是极具危险性的，因为不但会清除工作区中未提交的改动，也会清除暂存区中未提交的改动。

Chrome破解无法复制粘贴

Thu, 13 Sep 2018 00:00:00 +0000

解决方案1

在考试酷提交作业时发现不能直接粘贴答案进去经过谷歌之后找到了破解网页限制复制粘贴的办法(仅限于Chrome) 首先打开需要复制粘贴的网页 Windows按下F12 MacOS按下Command+Option+I 打开开发者工具然后再按下F1打开开发者工具设置窗口然后再找到Preferences->Debugger->Disable JavaScript 把前面的框选上即可关闭当前页面的所有js，完成复制粘贴后再去掉勾选即可恢复当前页面的js

Chrome/Firefox非安全端口问题

Mon, 10 Sep 2018 00:00:00 +0000

学校的端口号为95，是非安全端口，这里我来说一下这样用Chrome或者Firefox进入非安全端口

Firefox:(Windows和Linux、macOS通用)

(1) 地址栏输入about:config进入参数设置界面
(2) 鼠标右键新建新的字符串设置项，名称为：network.security.ports.banned.override
(3) 为新参数设定要允许的端口或端口范围，如：95

sudo pip install mysqlclient报错

Mon, 10 Sep 2018 00:00:00 +0000

今天在学习Django时遇到一个问题

# 首先安装Mysql驱动 brew install mysql-connector-c # 第一条到没什么问题，但是第二条命令。。。 sudo pip install mysqlclient

当我按下Enter键后，出现了以下的报错：

Password:
The directory '/Users/blankyk/Library/Caches/pip/http' or its parent directory is not owned by the current user and the cache has been disabled. Please check the permissions and owner of that directory. If executing pip with sudo, you may want sudo's -H flag.
The directory '/Users/blankyk/Library/Caches/pip' or its parent directory is not owned by the current user and caching wheels has been disabled. check the permissions and owner of that directory. If executing pip with sudo, you may want sudo's -H flag.
Collecting mysqlclient
  Downloading https://files.pythonhosted.org/packages/ec/fd/83329b9d3e14f7344d1cb31f128e6dbba70c5975c9e57896815dbb1988ad/mysqlclient-1.3.13.tar.gz (90kB)
    100% |████████████████████████████████| 92kB 147kB/s 
    Complete output from command python setup.py egg_info:
    Traceback (most recent call last):
      File "", line 1, in 
      File "/private/tmp/pip-install-2m1bow3w/mysqlclient/setup.py", line 18, in 
        metadata, options = get_config()
      File "/private/tmp/pip-install-2m1bow3w/mysqlclient/setup\_posix.py", line 60, in get\_config
        libraries = \[dequote(i\[2:\]) for i in libs if i.startswith('-l')\]
      File "/private/tmp/pip-install-2m1bow3w/mysqlclient/setup_posix.py", line 60, in 
        libraries = \[dequote(i\[2:\]) for i in libs if i.startswith('-l')\]
      File "/private/tmp/pip-install-2m1bow3w/mysqlclient/setup_posix.py", line 13, in dequote
        raise Exception("Wrong MySQL configuration: maybe https://bugs.mysql.com/bug.php?id=86971 ?")
    Exception: Wrong MySQL configuration: maybe https://bugs.mysql.com/bug.php?id=86971 ?
    
    ----------------------------------------
Command "python setup.py egg_info" failed with error code 1 in /private/tmp/pip-install-2m1bow3w/mysqlclient/

首先我用的是macOS Height Sierra 10.13.6(黑苹果) 然后，我就日常Google了，然后在www.easegamer.com/?p=545找到了解决方案和答案这个问题出现的原因是mysql-connector-c中配置项有误 mysqlclient开发小组的核心成员，来自日本的大神INADA Naoki给出了临时性的解决办法，具体可以去看GitHub上mysqlclient的issue 针对于Mac的话我参照此博客中的方法解决如下：

Linux Vi/Vim笔记

Sun, 09 Sep 2018 00:00:00 +0000

参考来自：维基、菜鸟教程

Vim是从vi发展出来的一个文本编辑器。其代码补完、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用。和Emacs并列成为类Unix系统用户最喜欢的编辑器。 Vim的第一个版本由布莱姆·米勒在1991年发布。最初的简称是Vi IMitation，随着功能的不断增加，正式名称改成了Vi IMproved。现在是在开放源代码方式下发行的自由软件。

Python3 正方爬虫

Sat, 11 Aug 2018 00:00:00 +0000

本篇文章以我所用教务系统为例

由于学校把课表关闭了，所以我现在先爬取的成绩查询本项目的完整代码地址：Github-zhengfang 首先观察学校官网的地址：原本的地址是 https://220.167.53.63:95/ 然后变成 https://220.167.53.63:95/(4eggunep4b4jhzfwhk4pva21)/default2.aspx 首先端口使用的95端口，95端口是非安全端口，现在的主流浏览器应该是无法访问的，这里我只提供要用到的Chrome的Mac版的解决方案,具体可以参考我的文章 Chrome/Firefox非安全端口问题打开终端复制以下命令，最后的--explicitly-allowed-ports=95中的95就是你想打开的非安全端口号

Eclipse安装和汉化

Sat, 24 Mar 2018 00:00:00 +0000

Eclipse下载及汉化

下载Eclipse

官网的下载地址下载地址

小声bb：由于中国防火墙，访问会很慢很慢

所以我上传了百度网盘٩(๑>◡<๑)۶

链接: https://pan.baidu.com/s/1L-YsV1j1FjED92W5Qsin5Q 密码: dpfv

下载完成后打开选择要安装的工具，例如JAVA选第一个Eclipse IDE for Java Developers

具体安装步骤不描述了

安装JAVA

Sat, 24 Mar 2018 00:00:00 +0000

参考来自菜鸟教程

下载JDK包

前往官网下载 JDK

然后选择你的安装包的位置，点击保存,下载可能比较慢，请耐心等待

下一步,如果你要安装到其它地方也可以

安装JDK，安装过程中可以自定义安装目录等信息，例如我们选择安装目录为 C:\Program Files\Java\jdk-9.0.4

环境配置

我的电脑鼠标右键，点击属性打开“系统”，点击“高级系统设置”
弹出对话框，点击环境变量

在"系统变量"中设置3项属性，JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击"编辑"，不存在则点击"新建"。变量设置参数如下：

为网页加上动画效果

Sun, 18 Mar 2018 00:00:00 +0000

先来让我们看看这个，然后写出它的代码和注释

html部分：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
</head>
<body>
	<div class="demo"><div class="demo-animation"></div></div>		
</body>
</html>
css部分：
.demo{
	width: 300px;
	height: 300px;
	border: 1px solid #000;
}/*这个不是重点,下面那个才是*/
.demo-animation{
	width: 100px;/*宽度100像素*/
	height: 100px;/*高度100像素*/
	background: #f00;/*背景色为#f00(红色)*/
	position: relative;/*定位为相对，因为我想让它只在这框框的范围内移动*/
	left: 0px;/*这是在没有动画情况下的位置距离左侧0像素*/
	top: 0px;/*距离顶部0像素*/
	animation: demo1 5s;/*	所有动画属性的简写属性，除了 animation-play-state 属性，animation-name(名字)为demo，animation-duration(动画耗时)为5s*/
	animation-iteration-count: infinite;/\*animation-iteration-count(动画播放次数)为无限\*/
}
@keyframes demo1{/*@keyframes为规定动画*/
	0%{left: 0px; top: 0px;}/*在动画进行到0%时，方块demo-animation的位置为left:0px;top:0px;*/
	25%{left: 200px; top: 0px;}/*在动画进行到25%时，方块demo-animation的位置为left:200px;top: 0px;后面的以此类推*/
	50%{left: 200px; top: 200px;}
	75%{left: 0px; top: 200px;}
	100%{left: 0px; top: 0px;}
}/*其中值得注意的时position在.demo-animation已经提到了，所以在规定动画时不需要在提它，然后用margin好像不行，我也不知道行不行，反正我用着会出问题。*/

然后，这是关于animation熟悉的一张表格：