Emooa's Blog

因为工作的原因，需要提供一个根据用户代码仓库构建现代化应用的能力。当用户提交了代码，将自动拉取代码并触发构建部署的工作流。上诉场景让我接触到 OAuth App 的概念。 下文主要是针对 Oauth2.0 做一个介绍。 什么是 OAuthOAuth官方的简介是： An open protocol to allow secure API authorization in a simple andstandard method from web, mobile and desktop applications. 随着大量开放平台的出现，建立在开放平台之上的各种第三方应用也在大量冒出，出于对安全性和统一标准的要求，于是出现了 OAuth 协议 简单来说，OAuth 是一种开放的协议，他能为桌面程序或者基于 BS 的 web 应用提供一种简单的标准方式去访问需要用户授权的 API（ApplicationProgramming Interface）服务，而且任何第三方都可以使用 OAuth 认证服务。在为第三方提供服务的过程中，他还能起到保护用户账号安全的作用。 OAuth 2.02010 ...

介绍托管静态网站的云服务，目前市面上还是挺多的，可以参见之前的文章【静态网站托管服务】。适用类型： 如果你是一个后端开发者 如果你是一个前端开发者 如果你是一个接单小能手 如果你是一个创业公司 在对比了几款不同的云产品之后，决定使用阿里云的函数计算来托管构建出来的静态网站 FC。函数计算每月前 100 万次的免费函数调用额度，以及弹性实例自带的 500 Mb 存储空间对于大多数开发者而已，基本够用了，一般不会产生额外费用。 部署静态网站到 Custom Runtime 函数假设我们现在有如下结构的前端工程 12345/├ dist/ 待部署的构建产物│ └ index.html├ src/└ package.json 1、编写一个简单的 HTTP 服务器// app.js 12345678910111213141516const express = require("express");const app = new express();// 使用 dist 文件夹中的内容对外提供静态文件 ...

语法 字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\”匹配“\”而“(”则匹配“(”。 ^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^也匹配“\n”或“\r”之后的位置。 $ 匹配输入字符串的结束位置。如果设置了 RegExp 对象的 Multiline 属性，$也匹配“\n”或“\r”之前的位置。 * 匹配前面的子表达式零次或多次。例如，zo能匹配“z”以及“zoo”。等价于{0,}。 + 匹配前面的子表达式一次或多次。例如，“zo+”能匹配“zo”以及“zoo”，但不能匹配“z”。+等价于{1,}。 ? 匹配前面的子表达式零次或一次。例如，“do(es)?”可以匹配“does”或“does”中的“do”。?等价于{0,1}。 {n} n 是一个非负整数。匹配确定的 n 次。例如，“o{2}”不能匹配“Bob”中的“o”，但是能匹配“food”中的两个 o。 { ...

前言 Github Webhooks 允许我们构建或设置集成，以订阅 GitHub.com 上的某些事件。 当触发其中某个事件时，将向 Webhooks 配置 Paloyd URL 发送 HTTP POST 请求。可用于更新外部议题跟踪器、触发 CI 构建、更新备份镜像，甚至部署到生产服务器。 场景 个人博客如： 代码提交远程仓库 => 触发 Github Webhooks => 服务器触发器监听 => 同步更新博客 因本文重点在介绍 webhooks 的自动化功能，我们在此场景的基础上，简化一下步骤，将远程服务器改为本地服务器。如：         代码提交远程仓库 -> 触发 Github Webhooks -> 本地服务触发器监听 -> 拉取最新代码 开始配置 Shell 脚本 创建 blog_deploy.sh 文件 12345678910#!/bin/bashLOG_FILE="/Users/he ...

介绍babel是 Javascript 的编译语法器，确切来说是源码到源码的编译器，通常也叫做“转换编译器（transpiler）。意思是说你为 Babel 提供一些 JavaScript 代码，Babel 更改这些代码，然后返回给你新生成的代码。 抽象语法数（AST）这个处理过程中的每一步都涉及到创建或是操作抽象语法树，亦称 AST。 123function square(n) { return n * n;} 这个程序可以被表示成如下的一棵树： 1234567891011121314151617181920- FunctionDeclaration: - id: - Identifier: - name: square - params [1] - Identifier - name: n - body: - BlockStatement - body [1] - ReturnStatement - argument - BinaryExpressio ...

前言 Git 作为目前开源社区最为火热的分布式系统版本管理工具，当我们在提交代码之前，都是需要添加 Commit message（提交说明），否则就不允许提交。 1$ git commit -m "hello world" 上面代码的 -m 参数，就是用来指定 commit message的。 如果一行不够，可以只执行 git commit，就会跳出文本编辑器，让你写多行。如 1$ git commit 基本上，你写什么都行。 我们先来看下平时提交的 commmit 日志，只是简单的说明本次提交的信息，如 我们再来看下具有一定规范性的 commit 日志，是不是更加清晰明了，有了一定的规范，对提交类型做了区分。 一般来说，commit message 应该清晰明了，说明本次提交的目的。 目前，社区有多种 Commit message 的写法规范。这种是 Angular 规范，中文。这是目前使用最广的写法，是比较合理和系统化，并且有配套的工具。 作用 提供更多的历史信息，方便快速浏览。 可以过滤某些 commit（比如文档改动），便于快速查找信息。 可以直接从 ...

前言 将大型代码仓库分割成多个独立版本化的软件包（package）对于代码共享来说非常有用。但是，如果某些更改 跨越了多个代码仓库的话将变得很 麻烦 并且难以跟踪，并且跨越多个代码仓库的测试将迅速变得非常复杂。为了解决这些（以及许多其它）问题，某些项目会将 代码仓库分割成多个软件包（package），并将每个软件包存放到独立的代码仓库中。 Lerna 是一种工具，针对 使用 git 和 npm 管理多软件包代码仓库的工作流程进行优化。 入门123npm install --global lerna // 全局安装 lernagit init hfs-lerna-test && cd hfs-lerna-test // 创建文件夹， hfs-lerna-test 仅代表当前例子文件夹名lerna init // 初始化一个lerna项目结构，如果希望各个包使用单独版本号可以加 -i | --indepe ...

前言 上篇文章 介绍了在我们不注册域名、以及购买云服务器的基础上，利用现有的免费的云厂商托管平台搭建个人网站。并以 Hexo + Github Pages 为例，实现了个人博客的快速搭建和部署。 接下来分享其他常见的几种静态网站托管服务。 云产品Serverless 云产品 通过无服务器计算，将前端静态资源快速部署到云厂商提供的云平台进行托管，配置默认生成的域名，快速生成站点。需按量付费。经测验实际费用甚微，或无。 腾讯 Cloudbase 微信 云托管 阿里云 Devs Github Pages Github Pages 是 GitHub 提供的一个网页托管服务，于 2008 年推出。可以用于存放静态网页，包括博客、项目文档甚至整本书。 优点 Github 的东家是微软，Git 管理全部代码，永远不用担心文字丢失或者复原问题； 百度无法爬取存在 Github 上的网站内容； 自带域名可 https 访问，如 https://<你的 GitHub 用户名>.github.io 支持自定义域名 缺点 无法给自定义域名配置 SSL 证书 墙内访问速度缓慢 流量 ...

技术选型 在传统认知里，搭建个人静态网站我们需要： 注册域名 购买云服务器 域名备案 构建静态网页 部署前端静态资源 DNS 解析 上诉方案作为技术小白或者初学者来说，上手较难，时间、金钱成本花费较大，不推荐。我们探讨的是如何在低成本的基础上，利用市面上现有的成熟的博客框架，搭建属于我们自己的个人博客。 前端框架 为了帮助开发者快速搭建所需的网站，这里提供的几种目前市面上比较火的博客框架，可以帮助我们快速的生成所需的静态网页。 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。Hexo 的主题样式也有很多好看的，而且 github 都有 star 上万的。 Wordpress 是使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设属于自己的网站。有着许多第三方开发的免费模板，安装方式简单易用。 Vuepress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue ...

Git 指令设置用户名与邮箱12git config --global user.name "name<自己的用户名>"git config --global user.email "email<自己的邮箱>" 生成 SSH Key 密匙 cd 到 ~/.ssh 目录下查看是否存在 id_rsa.pub 文件 123$ cd ~/.ssh$ ls id_rsa id_rsa.pub 若不存在，执行 1234ssh-keygen -t rsa -C "emai<自己的邮箱>"// 若涉及权限sudo ssh-keygen -t rsa -C "emai<自己的邮箱>" 执行成功后执行 cat ~/.ssh/id_rsa.pub查看密匙，如下图。 绑定远程仓库12git remote add origin "https://github.com/xxx/xxx.git&q ...