个人博客写作
博客方案
最为快速入门的博客莫过于 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 配置:
netlifly 配置:
Github Pages 访问太慢?通过 Netlify 免费加速
typora 教程:
Typora+markdown 最常用语法教程(by 程序员宝藏)
hexo 文章 URL 优化:
法一:自定义 urlname 字段
文章标题肯定会包含中文,本地文件名为了其它应用搜索与查阅的方便也会是日期 + 中文,转义后会对 SEO 产生影响,而且默认的 “/” 路径层级太多,同样不利于 SEO,所以需要另设 URL。
所以,将_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)
大厂都有哪些技术博客?