感觉需要一点东西记录生活，做自己喜欢做的事。

解决方案，hexo + vercel + github + typroa + picgo

获取Token

登录github->creat repository

接下来创建tkoen，记住一定要保存好，因为在打开就看不到了。

点开头像边的小三角，进入settings -> Developer settings

点击左边的personal access tokens

点击generate new token

将选项全部勾选，生成令牌，记得保存

在vercel上部署文件

注册github账号
使用github账号登录vercel

然后new project-> clone templates,选择hexo

自动创建仓库

部署完成之后点击visit便可查看初始页面

配置及安装hexo

安装hexo

安装nodejs。以获取npm工具
安装git。由于Windows不支持直接运行hexo，需要bash环境运行hexo。
新建一个文件夹hexo，右键打开git bash

输入npm install hexo-cli -g

然后输入hexo -v 查看hexo版本，有下列信息显示即为安装成功。

配置hexo
1. 将项目仓库通过github-desktop 拉取至本地进行配置
可以看到有三个文件夹，分别是模板文件夹，源文件夹，主题文件夹。以及一些项目配置文件
1. 在该文件使用git使用npm install 进行依赖安装
2. 使用hexo s 启动本地服务，可以通过http://localhosst:4000/进行访问本地
  
  注意此时就不要用ctrl + c进行复制了，会停止服务。
  
  hexo命令大全
  
  常见命令使用
  1. hexo g 打包命令，以后可以用作博客迁移。
  2. hexo new post article创建一个名称为article的文章。
通过访问，发现拉取完成，且可以访问。

安装hexo-admin和写作

如何写文章，参考介个hexo写博客和hexo admin管理
1. 在git中输入
1
2
3
4
npm install --save hexo-admin
hexo s
http://localhost:4000/admin
1. 在setting中设置密码
  
  setting->setup Authentification
  
  然后将Admin Config Section中的内容拷贝到_config.yml中
2. 点击deploy
  
  出现Error: Config value "admin.deployCommand" not found
  
  使用git在项目中创建hexo-deploy.sh并设置a+x权限
  1
  2
  3
  4
  5
  6
  vim hexo-deploy.sh
  
  #!/usr/bin/env sh
  hexo clean && hexo g && hexo d
  
  chmod a+x hexo-deploy.sh
  在_config.yml配置文件中，在之前添加的admin信息下加入
  1
  2
  admin:
  deployCommand: './hexo-deploy.sh'

配置主题

hexo主题

推荐两个主题，ocean、buttferfly

写作工具及图床配置

typroa + picgo

picgo配置

下载picgo

git下载地址

也可以通过百度云下载；

也可以下载typroa后在image设置中下载picgo

配置仓库，可以选用国内的阿里云oss或者github。

分支名自从2020年10月后新建的仓库分支名都是main
设置快捷键以及默认图床

设置指定存储路径，然后在设置自定义域名，进行图片访问加速，

https://cdn.jsdelivr.net/gh/{user}/{repo}/
user是github用户名。repo是存图片的仓库名
例如原本生成的链接为
https://raw.githubusercontent.com/huang-github996/picture-blog/main/blog/image-20210307004820712.png
设置自定义域名后，
https://cdn.jsdelivr.net/gh/huang-github996/picture-blog/blog/image-20210307004820712.png

在typeoa中

只用在中文环境中才可以设置picgo app上传，设置好之后，点击验证图片上传测试，以保证设置正确。