laravel8 + bootstrap + vue-element-admin（4）安装 Sanctum 并添加路由配置
身份验证使用 Laravel Sanctum
https://learnku.com/docs/laravel/8.x/sanctum/9421
composer require laravel/sanctum
php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"
php artisan migrate
laravel8 + bootstrap + vue-element-admin（3）配置 vue-element-admin 去掉 mock data 数据
在测试前期阶段 mock data 的确很有用。可测试后期和线上的时候，就需要用到真实环境数据。
vue.config.js
# 注释掉这几行
// devServer: {
// port: port,
// open: true,
// overlay: {
// warnings: false,
// errors: true
// },
// before: require('./mock/mock-server.js')
// },
src/main.js
# 注释掉这几行
// if (process.env.NODE_ENV === 'production') {
// const { mockXHR } = require('../mock')
// mockXHR()
// }
到此，mock data 已经关掉了。然后运行 npm run dev 或 npm run build:prod 跑起来看看。打开网页，F12 打开控制台，选择 network, 选择 xhr。默认会进入到登录页面（刚运行没登录），输入用户名和密码，点击登录，这个时候，就可以看到请求地址了。地址是下边这样的。而这些只是在打包阶段。
http://192.168.1.141:8080/dev-api/vue-element-admin/user/login
既然我们禁用了 mock data，那我们怎么很好的控制请求了。vue-element-admin 这里使用了 axios，既然是 axios，那就可以去实现拦截器。
laravel8 + bootstrap + vue-element-admin（2）安装 vue-element-admin
设想我们的后台是前后端分离的，可以和主站点同域名，也可以不同域名。当前考虑的前端框架有 ant design pro 和 vue element admin。虽然 ant design pro 是阿里的业余产品，ui 漂亮丰富，使用 react 来开发，可前端总体表现上没有 vue element admin 小，前端展示细节问题没处理好，而且一直在更新一直又不好。还是果断选择 vue element admin。
预览页： https://panjiachen.github.io/vue-element-admin
文档页：https://panjiachen.gitee.io/vue-element-admin-site/zh/
这里，使用的和主站点同域名，同环境下。这个时候就得为后台想一个好的路由前缀，暂且这么叫吧。这里使用的是 http://jk.cn/admin。 对，就是 admin，文件放在非根目录下（admin 下），打包编译的时候需要注意，可关注发布相关细节。
laravel 8 提供接口，bootstrap 提供自适应网页， vue-element-admin 提供后台支持。环境 homestead 。
cd ~/Homestead
vim Homestead.yam
# 增加站点配置（域名位置映射以及数据库）
- map: jk.cn
to: /home/vagrant/code/study/jk.cn/public
databases:
- jk
# 修改本地(本地 win10)的 host ，增加映射 win + r -> drivers -> cd etc -> vim hosts
vim hosts
192.168.10.10 jk.cn
好的，域名就定位 jk.cn 了
分词很必要，分词很重要，分词看 ik 和 jieba
jieba https://github.com/fxsjy/jieba
ik https://github.com/medcl/elasticsearch-analysis-ik
vs 安装好了，vs 中的 Go for Visual Studio Code 也安装好了。这还不够，还需要安装其他的。可安装的时候总失败。那看下边这里。
go env -w GO111MODULE=on
go env -w GOPROXY="https://goproxy.io,direct"
这样操作一波再安装就没问题了。
go mod init main
# 然后自己定义的文件需要以 main.mod 目录为根目录开始引用起。比如 import "utils/str"
https://github.com/iswbm/GolangCodingTime
下拉条调
::-webkit-scrollbar {
height: 16px;
overflow: visible;
width: 16px;
}
::-webkit-scrollbar-button {
height: 0px;
width: 0px;
}
::-webkit-scrollbar-corner {
background: transparent;
}
.docs-gm ::-webkit-scrollbar-thumb {
border-style: solid;
border-color: transparent;
border-width: 4px;
background-color: rgb(218, 220, 224);
border-radius: 8px;
box-shadow: none;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
border-style: solid;
border-color: transparent;
border-image: initial;
border-width: 1px 1px 1px 6px;
min-height: 28px;
padding: 100px 0px 0px;
box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0px inset, rgba(0, 0, 0, 0.07) 0px -1px 0px inset;
}
.docs-gm ::-webkit-scrollbar-track {
box-shadow: none;
margin: 0px 4px;
}
::-webkit-scrollbar-track {
background-clip: padding-box;
border-style: solid;
border-color: transparent;
border-image: initial;
border-width: 0px 0px 0px 4px;
}
因为有阿里云，ssl 证书，都是通过
阿里云盾证书服务来申请的。免费，方便。但也有缺点。这个证书只能使用一年，且不支持泛域名，一个服务器最多支持 20 个证书。这样，如果域名多，也烦。 后来发现了Let's Encrypt, 发现了acme.sh。想来试试这个。
Let’s Encrypt 作为一个公共且免费 SSL 的项目逐渐被广大用户传播和使用，是由 Mozilla、Cisco、Akamai、IdenTrust、EFF 等组织人员发起，主要的目的也是为了推进网站从 HTTP 向 HTTPS 过度的进程，目前已经有越来越多的商家加入和赞助支持。
Let’s Encrypt 免费 SSL 证书的出现，也会对传统提供付费 SSL 证书服务的商家有不小的打击。到目前为止，Let’s Encrypt 获得 IdenTrust 交叉签名，这就是说可以应用且支持包括 FireFox、Chrome 在内的主流浏览器的兼容和支持，虽然目前是公测阶段，但是也有不少的用户在自有网站项目中正式使用起来。
Let’s Encrypt 的最大贡献是它的 ACME 协议，第一份全自动服务器身份验证协议，以及配套的基础设施和客户端。这是为了解决一直以来 HTTPS TLS X.509 PKI 信任模型，即证书权威（Certificate Authority, CA）模型缺陷的一个起步。
在客户端-服务器数据传输中，公私钥加密使得公钥可以明文传输而依然保密数据，但公钥本身是否属于服务器，或公钥与服务器是否同属一个身份，是无法简单验证的。证书权威模型通过引入事先信任的第三方，由第三方去验证这一点，并通过在服务器公钥上签名的方式来认证服务器。第三方的公钥则在事先就约定并离线准备好，以备访问时验证签名之用。这个第三方就称为证书权威，简称 CA。相应的，CA 验证过的公钥被称为证书。
问题是，如果服务器私钥泄露，CA 无法离线使对应的证书无效化，只能另外发布无效记录供客户端查询。也就是说，在私钥泄露到 CA 发布无效记录的窗口内，中间人可以肆意监控服-客之间的传输。如果中间人设法屏蔽了客户端对无效记录的访问，那么直到证书过期，中间人都可以进行监控。而由于当前 CA 验证和签发证书大多手动，证书有效期往往在一年到三年。
Let’s Encrypt 签发的证书有效期只有90天，甚至希望缩短到60天。有效期越短，泄密后可供监控的窗口就越短。为了支撑这么短的有效期，就必须自动化验证和签发。因为自动化了，长远而言，维护反而比手动申请再安装要简单。
证书的有效期，我坚持认为这是合理的。Let’s Encrypt 的证书是自动签发的，对 Let’s Encrypt 的目标用户（个人网站、小网站）来说，90天已经是一个很长的时间了。特别是个人网站，域名所有权的变动是非常快的。可能前几天域名还属于张三，后几天就属于李四了。因此自动签发一个长有效期的证书是很容易产生问题的。如果证书的有效期是两年，那么经常交易域名的人就可以长时间持有已经不属于他们的域名的证书。并且这种持有不受证书吊销列表的控制，因为签发的时候，所有权是没有问题的，即使后来所有权变更了，Let’s Encrypt 也不会知道。所以设的有效期短一点，可以减少这个问题的影响。然后是易用性，现在已经有不少的 Let’s Encrypt 自动续期脚本了，配好后就不用管了，非常方便。
总之，强烈推荐站长和服务器平台用 Let’s Encrypt 向访客提供加密连接。这是域名认证未来的发展方向。
https://www.bluesdream.com/blog/tag/acme-sh
create database shenqi_db default character set utf8mb4 collate utf8_general_ci;
create database 数据库名 default character set utf8mb4 collate utf8mb4_unicode_ci;
### 添加用户
// 用户名@连接ip localhost为本地 %为任意ip
create user '用户名'@'localhost' identified by '密码'
create user '用户名'@'%' identified by '密码'
create user '用户名'@'111.111.111.111' identified by '密码'
### 授权
grant all on 数据库名.* to '用户名'@'localhost';
//localhost根据需求进行更改
生成文档好帮手，Hugo
Hugo 是由 Go 语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。
linux ，unix（mac）比较好装，这里尝试在 win10 上安装 hugo。
折腾再折腾。
- 开始菜单中搜索 cmd，选择「命令提示符」
- 右键菜单或在右边菜单选择「以管理员身份运行」
- 复制下面这段内容，回车执行
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
choco install hugo -confirm
Chocolatey 安装太慢怎么办，可以用 为屁嗯
安装好了 hugo 后，就可以开始生站点了。试试看。
cd test
# 这个时候就生成基本文件和目录，仅仅 config.toml（也可以改成config.yaml）有四行内容，其他文件夹是空的
hugo new site hugo.cn
cd hugo.cn
# 开始生了（虽然没有实际的文件），访问 http://localhost:1313,会是一个空白页面
hugo server
安装主题试试
cd themes
git clone https://github.com/spf13/hyde
接下来，我们需要对Site进行一些配置 tonybai.com/config.toml是Site的顶层配置文件，配置后的config.toml文件如下：
baseurl = "http://hugo.cn/"
languageCode = "en-us"
title = "just test hugo"
theme = "hyde"
[params]
description = "测试博客"
themeColor = "theme-base-08" # for hyde theme
其中，theme = “hyde” 指定站点使用Hyde主题；themeColor = “theme-base-08″ 指定了站点的主题颜色（默认是黑色的，这里改成一种红色）
再执行 hugo server 看看。页面是不是不再空着了。
hugo server -w
# 加上 w 参数，可以动态执行生，也就是 content 里边改变或新加减少文件都能被感应到，并生成 html 文件。但 config.toml 改变是感应不到的，必须得手动再执行一次。
# 直接执行 hugo 则直接打包，生成 public 目录文件。自己去部署就可以了。
hugo
https://gohugo.io/getting-started/installing/
https://www.gohugo.org/post/coderzh-hugo/
https://tonybai.com/2015/09/23/intro-of-gohugo/
Chocolatey 和 Scoop 。