博客方案

最为快速入门的博客莫过于 WordPress,WP 甚至可以是一款 CMS。不出意外的话,我的 VPS 将在充当梯子的同时展示博客。然而,23 号提到的 v2ray 方案目前会占用 443 端口,影响建站。

九艺群表示可以使用 hexo+github pages 发布静态页面

(当然知道这个法子,一开始我是抗拒的)

(但是恰逢 Notion 这么好用的笔记软件的免费和 Typora 这么好用的 Markdown 编辑器,似乎 hexo 也可以接受了)

(但是的但是,Notion 在国内因为我们喜闻乐见的缘故无法打开……)

写作流程

PC 端 Typora 写作 +PicGo 上传图片到七牛云 & 路过图床 +Typora 输出 md 导入 hexo 生成页面 +Github Pages 部署页面 +Netlifly 自动发布,移动端可通过 Joplin 进行 md 写作,并使用坚果云与 PC 端同步笔记。

值得一提的是,Joplin 支持使用第三方外置编辑器如 Typora、VIM 来编辑笔记。异次元有上述软件的详细介绍

七牛云 OSS 用来储存不在本地留存备份的图片或私密图片,如截图和聊天记录;路过图床用来储存在本地存有备份或者体积偏大的图片,如画集和相机拍下的照片
现在好像真的是一直在用你的日记写博客啊 orz,好多技术文档(笑),考完就要着手将具有参考和查阅价值的文章用 markdown 发布,这个日记迟迟没有 tag 和搜索简直磨人

markdown 适合面向自己的个人写作,博客适合面向游客的内容展示,而面向工作组演示的成型文章则需要幕布(支持 md 的大纲笔记,支持生成为思维导图,免费版对样式和条目数量有限制)或 XMind(各种各样的思维导图)

部署 & 配置

hexo 和 github 配置:

Windows 下,Hexo+GitHub 搭建博客

npm install 卡顿问题记录

netlifly 配置:

Github Pages 访问太慢?通过 Netlify 免费加速

typora 教程:

Typora 完全使用详解

Typora+markdown 最常用语法教程(by 程序员宝藏)

Typora 极简教程

hexo 文章 URL 优化:

法一:自定义 urlname 字段

文章标题肯定会包含中文,本地文件名为了其它应用搜索与查阅的方便也会是日期 + 中文,转义后会对 SEO 产生影响,而且默认的 “/” 路径层级太多,同样不利于 SEO,所以需要另设 URL。

hexo permalink 设置技巧

永久链接 (Permalinks) | Hexo

所以,将_config.yml 中的 permalink 设为 post/:year-:month-:day_:urlname/post/:year-:month-:day-:urlname/,然后在 scaffolds/post.md 模板文件中添加 urlname:categories:tags: 当然也要添加),写文章时 urlname 可以写为 set-hexo-permalink 这样的形式,得到的 URL 就是 http://xxx.com/post/2020-5-29_set-hexo-permalink/

法二:使用插件

hexo 官方文档《Front-matter》也表示 permalink 是可以覆盖文章网址的,但是是全路径,不方便

主题选择

没准备上一个极简的主题,毕竟一开始是做了 WP 的准备的

Butterfly (最平衡)

Nexmoe (生成老婆列表可还行 hhh)

Diaspora (2020-5-31 第一次部署正在使用,内容排布可能比较宽松)

Ayer (同样有全屏欢迎页)

Yun (点击特效很入眼)


2020-6-1 更新:

网易云音乐上嗅探出来的音乐链接会过期,堆爱外链不可用。本来准备传进七牛的,但是七牛的 HTTPS 流量不计入免费额度;又拍云又需要额外的链接和 LOGO;BackBlaze B2 要使用免费流量就需要用 Cloudflare,CF 在国内的速度……
SM.MS 的图片加载速度能接受,有 5G 空间限制
路过图床的 10M / 单张、不限空间很赞,但是图片加载速度一般,而且存在跨域问题
postimage 速度杠杠的,国内别被墙就好
Github+jsDelivr+PicGo 方案就稳得多,就是上传速度略慢

参考:
无需注册、打开即用,这 8 个免费好用的图床工具值得一试
Github+jsDelivr+PicGo 打造稳定快速、高效免费图床
将一些正在自用的资源加速服务开放出来(Jsdelivr、gFonts、Unsplash、Pexels)
大厂都有哪些技术博客?