全新个站《可可托海没有海》发布

2022-10-13 18:07   四川  
经过半个月的设计与开发,本人个站《可可托海没有海-darmau.design》已通过备案正式上线啦!

之前我有个博客,叫《城中村群租房-darmau.com》,现在还能在一些网页中找到蛛丝马迹。那是用Ghost在阿里云ECS上搭建的一个小网站,主题是我购买后稍加修改的,图片存在阿里云OSS。后来因为费用太高——我也不知道我一个小破站搞什么动静分离和CDN——被我关闭了。

更主要的原因还是Ghost只有文章一种数据类型,而我想展示更多的类型,比如视频、摄影。但当时我并没有能力定制开发一个网站,再花钱维护一个不能满足我需求的网站有点不划算。所以期间的输出也只在公众号这个曾经被我喷的平台上发布。

今年我终于下定决心自己开发一个博客了。九月下旬到十一假期,我基本每天都在熬夜,最后终于将网站打磨完,基础功能都具备,样式虽然有可优化空间但也还看的过去。


为什么要改名
因为我已经不在深圳了,再叫城中村就名不副实。这个名字其实是这么来的:


  1. 我有一个网名叫李大毛,含义就是没有任何含义。最初是在网红大咕咕咕鸡那看到的,李大毛是他段子里一个经常出现的角色,很像那种突然被问到,我却不想告知真名时胡诌的名字。在毫无准备的情况下被问到姓,比如在理发店的时候,我下意识会说自己姓李……所以就用了李大毛这个名字。

  2. 但很多地方李大毛已经被注册了,本来想加没有毛,但像是秃了。所以就加上了“没有猫”,我其实并没有很喜欢猫。

  3. 新名字本来想跟成都有关,想了几个都不喜欢,干脆回到出生地,从新疆找找灵感。于是就有了这么一对结构一样的名字。


原先的域名darmau.com已经被收回了。我现在对.com域名也没有执念,就选了个.design

技术架构
后台和CMS我用了Srapi,这种Headless CMS和Wordpress这类CMS的区别在于,Headless CMS只提供数据和内容接口,样式需要你来写。很适合我这种需要多个数据类型的场景。



前端我采用Gatsby开发。当GitHub指定项目发生变动或Strapi新发布了数据,Gatsby Cloud会触发构建流程,从Strapi拿到数据生成静态页面。

strapi和gatsby项目都可以在我github上看到。后续我会把网站开发经过写成教程,包括数据库设置、strapi部署、Nginx配置、Gatsby页面和组件开发、CSS设计。网站完全是按我需求设计的,所以直接拿来用很可能不适合你。

所有页面均完美支持手机到平板到电脑不同宽度的浏览,支持跟随系统设置自动切换明亮/黑暗主题,Accessibility表现优秀。




网站构成
目前结构很简单,就是文章、摄影、视频三个模块。

视频支持不同视频源切换(如果有的话)。

未来可能会有更多数据类型,比如“作品”。


性能优化方面。境外请求访问的会是Gatsby Cloud,境内则是阿里云OSS的CDN。感受就一个字:快。

近期开发计划:今年
有的已经在开发中了。


  • 关于本站

  • 内容置顶

  • 大图全屏预览

  • 上一篇/下一篇

  • 移动端可以展开收起的目录


远期开发计划:明年
大部分功能通过静态网站不太好实现,所以很可能将来会变成动态网站。目前考虑使用Next.js。

  • 完全定制的评论系统

  • 页面浏览量

  • 摄影图片支持显示Exif信息

  • 摄影增加显示拍摄位置的地图


你现在可以通过点击左下角查看原文访问网站,但我更建议用浏览器输入网址 darmau.design 访问获得更佳体验。因为微信浏览器性能真的很差。


另外网站支持RSS:https://darmau.design/rss.xml

对于网站有任何建议和看法,请在评论区留言。

可可托海没有海
设计师,全栈开发者,积极的悲观主义者