网站介绍

网站介绍

是通过 Vuepress + GitHub pages 搭建的

Github图床 + Typora，实现图片自动上传

1、下载工具 PicGo

https://github.com/Molunerfinn/PicGo

2、设置Github，新增token

• 从这里进入 Settings / Developer settings (opens new window) 设置 Generate new token
• 保存token，后面第4步要用到

3、创建用于存放图片的仓库

如：images

4、配置 PicGo，图床设置/GitHub

• 设定仓库名：FamousMai/images（第3步创建的仓库）

  • 格式：:user/:repo

• 设定分支名：master（自定义）

• 设定Token：***************（第2步获取的token）

• 设定存储路径：imgs/（自定义）

• 设定自定义域名：https://cdn.statically.io/gh/famousmai/images/master/images.jpg

  • 格式：https://cdn.statically.io/gh/:user/:repo/:tag/:file
  • 官网：https://statically.io（这里用了，免费的GitHub的cdn域名）

5、Typora设置 图片/上传服务设定

选择 PicGo 进行上传

安装Google analytics 插件，分析网站

1. 创建媒体来源

网站：https://analytics.google.com/

2. vuepress安装插件 plugin-google-analytics

https://v1.vuepress.vuejs.org/zh/plugin/official/plugin-google-analytics.html

3. 来源设置，分析网站的访问来源

掘金的主页设置，不会自动获取，需要我们手动加上 ?utm_source=juejin.cn&utm_medium=referral

如：https://famousmai.github.io/?utm_source=juejin.cn&utm_medium=referral