准备工作，获取字体链接

还原设计稿的时候需要用到如下特殊字体（google 的 Montserrat）:

https://fonts.google.com/specimen/Montserrat

1. 选择这个字体

情景

如果想要小程序向用户推送模板消息，需要获取formId。我们想要突破微信的限制，在小程序的各个地方都收集formId，以备不时之需。（在button上收集的情况就不讨论了）

做法

一、将一块区域设置为formId收集区

注意：这种方法会盖住 区域的其他子节点，导致他们无法被点击。

1. 抽出一个 FormIdCover 组件，在需要收集 formId 的地方引用即可，组件如下：

   FormIdCover.wxml

   1 2 3 4

   <form class="form-id-form" bind:submit="getFormId" report-submit="{{true}}"> <button class="form-id-button form-button" form-type="submit"> </button> </form>

   Read more »

vim 的三种模式

Vim和Vi一样具有三种模式：命令模式（Command mode），插入模式（Insert mode）和底线命令模式（Last line mode）。

当用户处于不同模式的时候，敲击键盘会产生不同的作用。

详情查看维基百科

git 命令-记录

1. 强制同步（让本地和远端一致）

   线上服务器出现：

   您的分支领先 'origin/master' 共 1 个提交。

   原因：改动了线上服务器的文件，导致和orgin端的master出现了偏离。

   处理方法：丢弃修改，强制与oring/master 一致

   1 2 3

   git fetch --all git reset --hard origin/master git pull

​

使用webhook，实现自动化部署

一、在github上配置webhook

在如下路径做如下配置:

解释：

• Payload URL：触发git事件时，请求的接口路径，下面我们会用node写对应的controller
• Secret：填写的密码，写controller接口的时候用到
• Just the push event：这里我们只响应push事件

建库建表模板

建库

1

CREATE DATABASE test DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;

建表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

CREATE TABLE `user` (
  `id` BIGINT(20) unsigned NOT NULL AUTO_INCREMENT COMMENT 'ID',
  `nickname` VARCHAR(200) NOT NULL DEFAULT '' COMMENT '昵称',
  `avatar` VARCHAR(200) NOT NULL DEFAULT '' COMMENT '头像',
  `description` VARCHAR(500) NOT NULL DEFAULT '' COMMENT '简评',
  `signature` VARCHAR(200) NOT NULL DEFAULT'' COMMENT '个性签名',
  `gender` INT(11) NOT NULL DEFAULT '0' COMMENT '1男 2女 0未知',
  `score` INT(11) NOT NULL DEFAULT '0' COMMENT '分数',
  `coin` INT(11) NOT NULL DEFAULT '0' COMMENT '金币',
  `city` VARCHAR(200) NOT NULL DEFAULT '' COMMENT '所在城市',
  `birthday` VARCHAR(200) NOT NULL DEFAULT '' COMMENT '生日',
  `constellation` VARCHAR(200) NOT NULL DEFAULT '未填写' COMMENT '星座',
  `mobile` VARCHAR(200) NOT NULL DEFAULT '' COMMENT '手机号',
  `email` VARCHAR(200) NOT NULL DEFAULT '' COMMENT '邮箱',
  
  `extra` VARCHAR(10000) NOT NULL DEFAULT '' COMMENT '备用字段',
  `created` INT(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间',
  `updated` INT(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间',
  `is_deleted` INT(11) NOT NULL DEFAULT '0' COMMENT '0未删除 1已删除',
  PRIMARY KEY (`id`),
  KEY `idx_created` (`created`),
  KEY `idx_updated` (`updated`)
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8mb4 COMMENT='用户表';

准备

• 阿里云服务器
• ubuntu 16.04

步骤

1. 安装mysql

1
2

apt-get update
apt-get install mysql-server mysql-client

安装的过程中，会提示你输入密码和确认密码。安装完成后，mysql服务会自动启动。

vue-cli 2.0 配置多页应用

前言

用 vue-cli 2.0 搭建了一个后台管理系统，（之前搭的项目，当时vue-cli 3.0还没出）

App.vue大概是这样的结构

1
2
3
4
5
6
7
8

<template>
  <div>
    <nav-bar></nav-bar>
    <div class="content">
      <router-view/>
    </div>
  </div>
</template>

侧边栏 NavBar 常驻，content部分通过vue-router动态改变。但是这样就出现了个问题，登录页不想要NavBar该怎么办呢？我们配置多页，将login页面独立于原本的单页应用。

阿里云服务器从零开始部署静态博客

##配置快捷登录

在阿里云的控制台中复制服务器的公网IP： 47.101.21.142 （下面的命令都改为你自己的IP）

在本地执行命令，并根据提示输入密码：

1

ssh-copy-id root@47.101.21.142

之后连接服务器就不需要密码了

只需要输入

1

ssh root@47.101.21.142

即可免密登录

但是登录服务器还要记住公网ip，不开心，于是

1

vim ~/.ssh/config

在文件中输入（记得先按一下 i 键开启编辑模式哦~）

1
2
3
4

Host aliyun
HostName 47.101.21.142
User root
IdentitiesOnly yes

保存退出后，即可使用如下命令登录啦

1

ssh aliyun

Ubuntu 安装php7 nginx

1. Ubuntu 16.04官方源自带PHP7，所以可以直接使用apt-get来安装。

   1 2	sudo apt-get update sudo apt-get install php7.0-fpm php7.0-mysql php7.0-common php7.0-mbstring php7.0-gd php7.0-json php7.0-cli php7.0-curl libapache2-mod-php7.0

2. 通过命令查看php是否安装成功

   1

   php -v

   

   Read more »