博客,英文名blog,大部分时候,是一个对外分(zhuang)享(bi)的地方.

初为程序员的时候,也曾在csdn,博客园上面写过一些文章.后期由于上网需要接触了vps,借着服务商的支持,一键安装了wordpress,再买个域名,开始折腾”真正”的个人博客.之后看到掘金,简书之类的新生代博客平台,往往嗤之以鼻:”这不就是文艺青年版csdn么?”

随着热情慢慢减退,自建vps变成直接使用机场,个人博客也随之关闭,加之名利之心看淡,开始寻找一个真正可以记录一些东西,又不用花太多功夫打理的地方.再说了,互联网的世界,不白嫖一波还能叫程序员?

---

本文记录一下免费博客的组成,最终效果可以参考本博客,如假包换,童叟无欺.

总体来说,一篇文章从产生到让互联网上的观众看到,有三个步骤:
写作>生成>部署

文章写作

语言选择

Markdown

作为目前程序员届通用的文档标记语言,其特性这里就不多说了.介绍在此.

编辑器

个人选择Markdown编辑器的重要指标依次排序:

1. 实时预览
2. 便捷的工具条
3. 左右分栏显示

符合条件的专用编辑器应该不少,这里推荐一个”一物多用”的工具:有道云笔记.

作为一款免费云笔记,不知从什么时候开始,其居然开始支持md编辑,并且还有非常方便的工具条.

目前在移动端没有办法查看md文档,但是如果仅用来写作,已经完全够用了.

图床

图片存放于何处,是每一个博客都绕不过去的话题.

SM.MS在众多收费图床中是一股清流.

免费用户5G空间,单图片限制5MB,每分钟最多上传20张.完全够用了.

重点是:支持API上传.这个妙用后面再讲.

图片的来源有很多,有本地文件,也有截图,如果用GUI方式上传,还涉及到命名问题,易混淆.那么有没有更方便的上传方式呢?

图片上传工具

PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具.

本地文件拖动上传这种小儿科操作就不说了.

微信/QQ等通讯软件使用快捷键截图后,直接点击即可上传,并自动复制md格式图片地址,在实际使用中尤其方便.

其支持的图床中,要么需要收费,要么需要绑定域名,唯独前面所说的SM.MS都不需要.完美.

使用起来也很简单,去图床上申请token,填入picgo即可.

页面生成

借助各种编辑器,md的本地预览是没有问题的,但是想在网页上展示,需要将其转换成html页面.

本文使用的是hexo,基于nodejs开发,操作简单,而且有各种主题支持.

顺便介绍本文使用的主题:Fluid,卡片布局,简单大气.

博客部署

GitHub Pages提供了静态页面托管.只需要在自己空间中建立一个和用户名相同的项目即可.

但是由于网络原因,部署在GitHub Pages上的页面通常打开速度不是很理想.这里本文使用了国内替代品:Gitee Pages.

与GitHub Pages相比,唯一的缺点是不能自动发布(做成收费功能了…),需要进入项目的服务页面,手动点击更新.

相对于文章发布的低频率,可以忍受.

总结

• Gitee Pages提供部署容器.
• Hexo提供页面生成技术.
• PicGo提供快捷图片上传和使用,支持多个图床.
• 有道云笔记提供Markdown编辑器功能.

---

2020.12.17更新.

用下来发现Gitee速度挺快.加之Picgo又有第三方开发的Gitee图床插件.于是将图床从sm.ms换成gitee.
注意:据说gitee上传图片不能超过1m,日常截图上传不用担心.

插件使用方式:

1. Gitee新建一个仓库.记得初始化master分支,仓库设置为公开.
2. picgo-插件设置中搜索”gitee”,安装图中所示的即可.
   
3. 安装完毕后,”图床设置”中会出现Gitee图床.按图配置.
   

---

2022.3.25更新.
gitee今天给我发了封邮件.

瞧瞧你这格局…

咋办,再去picgo的插件列表里面找找呗,看看有没有好用的仓库.
还真翻到一个:

微信小程序云开发的免费配额:

还行吧.blog用应该是够了.更重要的是,以此类推,uniapp所谓的云开发应该也有对应服务~~~

插件地址:https://github.com/arleyGuoLei/picgo-plugin-wxcloud-uploader

---

2022.8.1更新.
继gitee白嫖失败后,小程序云开发也收费了.

https://developers.weixin.qq.com/community/minihome/doc/0000a680588d3891fa2ec250c51401

说实话对小程序开发影响挺大的.对我嘛,那就继续找吧.

经过验证,这个Cloudinary很不错.使用简单,免费配额也足够个人用户使用.

插件地址:https://github.com/yabostone/picgo-plugin-cloudinary

注册地址:https://cloudinary.com/

注册账户,进入DashBoard,插件需要的3个参数直接就列出来了.

国内打开图片使用的是一家叫Akamai的CDN服务商,ip在香港,速度还挺快.

免费用户每月25个积分，每个积分抵扣1G存储或者1G流量。

继续愉快的玩耍吧.

2023.6.25更新.
gitee最近发布时总提示有违法违禁词.又不说是具体什么词.Issue中反馈也没人理.
看来是要彻底放弃了.
除了github pages,gitee pages,又找到一家名为Cloudflare Page:https://dash.cloudflare.com/

部署方式就不赘述了,按照步骤来即可.访问速度还行:

更重要的是,可以和github集成,自动触发部署.

1. 在存放源码的github仓库中设置app并关联Cloudflare:
   
2. 在Cloudflare中配置构建步骤:
   
   这样写好文章以后推代码就自动触发hexo构建和部署,不用每次还要去gitee上手动点击了.