Posts tagged "Tech"

2 posts

最近一直在摸索如何在 Hugo 网站上撰写文章，因为我想要一个更方便的写作环境。看到 @佬T博客 也一直在折腾如何为 hugo 实现一个方便且快捷的方式来管理文章。我也来了兴趣，于是就想着自己也来试试。

目前我的网站是在本地撰写 markdown ，再推送到 Github ，最后由 Cloudflare 完成线上部署的。这样要撰写文章不方便，因为我得坐在电脑前才能编辑 markdown ，不能随时随地线上编辑修改、发布文章。

有没有我能够直接线上编辑 Github 的 Git 储存库的方式呢？ 「github.dev」 是可以做到，不过我既要又要。像用 WordPress 、 Typecho 等动态网站管理工具一样，直接打开一个网页，登录后台，想改哪篇点哪篇，改完点个「保存」就自动发布，那该多好？

前几天折腾了Netlify CMS ，后台看起来总觉得简陋，本想着将就用吧，但最终还是放弃了，又开始折腾 Front Matter CMS ，随即又发现 Front Matter 的功能只能本地，还不够优雅，终于，找到了一个能实现这个梦想的工具 —— TinaCMS！

啥是 TinaCMS？它能干啥？

简单来说， TinaCMS 是一个开源免费的「无头 CMS」（Headless CMS）。

别被这个名字吓到，「无头」的意思就是它只提供一个内容管理的后台，但不管你的网站「前台」长啥样。这正好跟 Hugo 这种静态网站生成器是天生一对！

装上 TinaCMS 之后，它能帮你在你自己的 Hugo 网站上变出一个管理后台（就像 http://你的网域/admin 这样）。在这个后台里，你可以：

  1. 所见即所得地写作： 就像用在线文档一样编辑你的 Markdown 文章。

  2. 管理图片： 有个简易的媒体库，上传图片啥的方便多了。

  3. 直接改、直接存： 你在后台点「保存」，TinaCMS 就会自动帮你把修改的内容 commit 并 push 到你的 GitHub/GitLab 仓库，触发网站的自动部署。

    tina cms hugo
    Read more

收集的API

在此收集一些不需要Token认证的API。

推荐的API

在此推荐一些比较好用的 API ，皆为从网上收集，其中的 {url} 部分替换成你自己的网址，{height} 为高度，{width} 为宽度。顺便我会放上预览图，实时检测该API是否失效。

  1. 自动生成缩略图的API - WordPress
https://s0.wp.com/mshots/v1/{url}?w={width}&h={height}
https://s1.wp.com/mshots/v1/{url}?w={width}&h={height}
https://s2.wp.com/mshots/v1/{url}?w={width}&h={height}
https://s3.wp.com/mshots/v1/{url}?w={width}&h={height}
https://s4.wp.com/mshots/v1/{url}?w={width}&h={height}
https://s5.wp.com/mshots/v1/{url}?w={width}&h={height}

示例
示例

  1. 图片加速接口API
  • WordPress
https://i0.wp.com/{url}
https://i1.wp.com/{url}
https://i2.wp.com/{url}
https://i3.wp.com/{url}

其中url部分是不带协议头的，即http://、https://
  • 百度加速
https://image.baidu.com/search/down?url={url}

url填完整url，注意该url需要是直链，重定向链接会失效。
  • CDNjson
(旧)https://cdn.cdnjson.com/{url}

(新)https://cdn.cdnjson.com/pic.html?url={url}

其中url部分是不带协议头的，即https://
注意该url需要是直链，重定向链接会失效。
  1. Favicon图片获取接口API
  • Favicon.im
<img src="https://favicon.im/hey.com" alt="hey.com favicon" />   // 小尺寸
<img src="https://favicon.im/hey.com?larger=true" alt="hey.com favicon (large)" />   // 大尺寸

示例
示例

api 缩略图 加速 +1 more
Read more