青花鱼の小栈

一、背景此前笔者在写作时，都是直接在项目里直接用VSCode写作，当涉及到图片的插入时，因为开发环境和部署环境路径的不同，默认不支持本地预览，如果要在本地和线上环境都能正常显示图片非常费劲(需要安装插件+每个文章建一个同名文件夹，还有若干的限制)，非常痛苦。 因此一个能在线下和线上都正常预览图片的简单高效写作方法，成为刚需。 通过多方查找资料，找到了**Typora和其内置PicGo** 二、Typora和PicGO简介1.什么是Typora？Typora是一款知名度很高的Markdown编辑器，以前用过它的基础功能，当时还是免费的内测版，现在已经发布了正式版，89块钱即可购买永久使用。我们需要使用它的图片上传功能。 2.什么是PicGo?PicGo是一款图片上传插件，支持对多种图床的上传操作，本文使用的1.7.6版本Typora中就有PicGO插件的配置选项。 关于图床的解释可以参考这篇知乎的回答，简单地讲，图床就是专门存放图片的服务器，最好拥有庞大的存储空间(这一点对象存储完美满足)，图床中可以给主服务器减小压力。 https://www.zhihu.com/question/ ...

一、实现原理Github仓库收到代码push后，执行GithubAction，自动打包构建，并将生成的静态资源文件推送到腾讯云COS存储桶内，借助腾讯云COS的静态网站功能，完成博客的自动构建。 二、相关概念2.1 什么是GithubAction?Github Actions 是 GitHub 推出的持续集成 (Continuous integration ， 简称 (CI) 服务 ， 它提供了配置虚拟服务器环境 ， 基于它可以进行构建 、 测试 、 打包 、 部署项目 。 GitHub Actions 为每个任务 (job) 都提供了一个虚拟机来执行 ， 每台虚拟机都有相同的硬件资源 : 2-core CPU7 GB RA M 内存14 GB SSD 硬盘空间(实测硬盘总容量为 90G 左右 ， 可用空间为 30G 左右) 使用限制： 每个仓库只能同时支持 20 个 workflow 并行 。每小时可以调用 1000 次 GitHub API 。每个 job 最多可以执行 6 个小时免费版的用户最大支持 20 个 job 并发执行 ， macOS 最大只支持 5 个私有仓库每月 ...

1.多级标题# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题2.使用双回车换行hellow, world 3.强调*斜体* *粗体* 4.删除线 语法：双波浪线包裹 被删除文本 5.分隔线 语法：*** 或 — 6.下划线()<u>下划线文本</u> 7.图片插入 语法： 8.代码块插入(可指定语言)语法：```js console.log(‘hellow,world!’) ``` 1console.log('Hellow,world!') 9.引用 > 这是一个引用 10.无序列表1234语法：+ 红的+ 黄的+ 蓝的 红的 黄的 蓝的 11.有序列表12341. 第一点2. 第二点3. 第三点4. 第四点 第 ...

记录使用Hexo框架的建站过程1.全局安装hexo1$ npm i hexo-cli -g 2.使用命令快速搭建博客项目1$ hexo init [文件夹名] 3.调试运行1$ hexo server 4.一建部署到githubPage 参考Hexo官方的GitHub Pages部署文章: https://hexo.io/zh-cn/docs/github-pages 5.安装butterfly主题1npm i hexo-theme-butterfly 参考butterfly官方文档进行配置: https://butterfly.js.org/posts/21cfbf15/#%E6%87%89%E7%94%A8%E4%B8%BB%E9%A1%8C 6.页面背景特效和鼠标点击效果美化 参考butterfly官方文档进行配置: https://butterfly.js.org/posts/ceeb73f/ 7.页脚养鱼123456#在主题配置文件注入jquery和页脚养鱼代码inject: head: - <script src="https:// ...