惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
H
Hacker News: Front Page
P
Palo Alto Networks Blog
T
ThreatConnect
Apple Machine Learning Research
Apple Machine Learning Research
博客园_首页
T
True Tiger Recordings
P
Privacy & Cybersecurity Law Blog
B
Blog
IT之家
IT之家
Last Week in AI
Last Week in AI
F
Full Disclosure
Hacker News: Ask HN
Hacker News: Ask HN
C
Comments on: Blog
Microsoft Azure Blog
Microsoft Azure Blog
C
Cybersecurity and Infrastructure Security Agency CISA
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
N
News and Events Feed by Topic
NISL@THU
NISL@THU
腾讯CDC
雷峰网
雷峰网
Security Latest
Security Latest
李成银的技术随笔
M
Microsoft Research Blog - Microsoft Research
L
LangChain Blog
L
Lohrmann on Cybersecurity
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Check Point Blog
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
博客园 - Franky
N
News | PayPal Newsroom
V
V2EX
A
About on SuperTechFans
The Register - Security
The Register - Security
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Google Online Security Blog
Google Online Security Blog
MyScale Blog
MyScale Blog
Cisco Talos Blog
Cisco Talos Blog
Vercel News
Vercel News
WordPress大学
WordPress大学
C
Cyber Attacks, Cyber Crime and Cyber Security
The Hacker News
The Hacker News
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
爱范儿
爱范儿
A
Arctic Wolf
L
LINUX DO - 最新话题
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

Mokeyjay's Blog - 超能小紫

哀鸿这游戏好啊 | Mokeyjay's Blog - 超能小紫 简评《哀鸿:城破十日记》 写在壁纸包十周年的沉思 | Mokeyjay's Blog - 超能小紫 2025 年度十大照片 | Mokeyjay's Blog - 超能小紫 2025 年度总结 | Mokeyjay's Blog - 超能小紫 2024 年度十大照片 | Mokeyjay's Blog - 超能小紫 2024 年度总结 | Mokeyjay's Blog - 超能小紫 记一次全麻胃肠镜检查 | Mokeyjay's Blog - 超能小紫 简评史努比缤纷世界 —— 需要调整心理预期 | Mokeyjay's Blog - 超能小紫 下楼扔垃圾时突然难过了一下 | Mokeyjay's Blog - 超能小紫 聊聊我为什么退坑原神 | Mokeyjay's Blog - 超能小紫 原来 k3s 的证书默认一年就会过期 | Mokeyjay's Blog - 超能小紫 如何在 PHP 中用注释声明数组的结构 | Mokeyjay's Blog - 超能小紫 聊聊零跑 C10 智驾版的智驾体验 | Mokeyjay's Blog - 超能小紫 零跑 C10 增程智驾版提车作业 | Mokeyjay's Blog - 超能小紫 今天深度试驾 零跑C10 增程顶配跑了 40+ 公里,说说感受 | Mokeyjay's Blog - 超能小紫 2023 年度十大照片 | Mokeyjay's Blog - 超能小紫 2023 年度总结 | Mokeyjay's Blog - 超能小紫 等明天一觉醒来,时间戳就 17 开头了哦 🥰 | Mokeyjay's Blog - 超能小紫 新手奶爸百日总结 | Mokeyjay's Blog - 超能小紫
博客的船新版本正式上线啦! | Mokeyjay's Blog - 超能小紫
mokeyjay · 2023-12-19 · via Mokeyjay's Blog - 超能小紫

前言

一转眼,我建站居然十多年了,光 WordPress 就用了十年
十年间,换过三四个主题、六七家云服务厂商。不变的是我一直在更新 水文章当然也算更新

我相信很多人学 web 开发做的第一个“项目”应该都是博客吧?
WordPress 开箱即用,插件、主题等生态也非常完善,作为动态博客系统它无疑是最佳选择 —— 直到我想要二次开发定制一些功能为止。它实在是太老了 屎山代码,各方面文档也不够丰富,写起来非常难受

这几年我动过很多次自己写博客系统的念头,无非都是两个结局:

  1. 项目周期拖太长,看自己之前写的代码太屎了,推倒重写
  2. 学了新的框架/技术,想运用起来,推倒重写

总之就是一直在起步和重新起步之间循环😂
就这么过了六年,终于趁着在家照顾老婆和哆啦的间隙一口气把全新的博客写出来了

设计

首先映入大家眼帘的当然是全新的博客界面,那我就先来讲讲设计
其实几年前我就让有网页设计经验的老婆帮我出了一版设计稿,当时我还是比较喜欢炫彩浮夸一些的风格。现在大抵是老了,转而喜欢简约淡雅的。但此时她已经很久没有接触过网页设计了

你还是可以在 404 页面 看到当时她给我画的 404 插图 🥰

于是我花了许多时间到处去找参考对象,准备自力更生。对于我的博客应该长啥样,我脑海中只有一个模糊的概念,怎么样都找不到特别满意的
直到我顺着友链的友链一层层遍历过去,看到了 Sukka's Blog

虽然跟脑海中模糊的概念差了一点感觉,但总体已经是最满意的了
尽管我只是打算仿写然后加一点自己喜欢的元素,并不会直接扒前端样式。但毕竟人家右下角写着 Designed by Sukka,出于礼貌还是私信征询了一下 sukka 的意见,然后被委婉地拒绝了🥲

没办法,只好继续找参考,找到了布局比较相似的 ICARUS。嗯,也很有感觉。既然是开源的,那我参考一下设计肯定没问题。但也还是缺少了那么一点……那种……“霹咔——”的感觉

直到我找到了 张洪Heo

哇,这就很有 霹咔—— 的感觉。虽然页面上各种元素堆得很多,但整体风格很舒服
而且 Heo 还在更新日志中明确表示参考设计元素无需授权

唯一不好的地方是这博客我越翻越自卑,怎么人家 97 年的人从设计到开发再到产品样样都行,我太菜了💩

总之,设计算是定下来了,就这样杂糅一下,再加上自己喜欢的元素就搞定啦🥰~

琢磨和微调样式花费了整个博客开发周期大概一半的时间

技术

以前我是想把各种学到的新技术全部堆到博客上的,虽然都是大炮打蚊子,但至少开炮了,多威风呀!
现在人务实多了,整个博客的技术栈就非常朴素:

  • 前端: Laravel Blade / TailwindCSS
  • 后端: K8s / LNMP / Laravel
  • 管理后台: React / Arco Design Pro

突出一个朴实无华

域名

不知道大家注意到没有,博客的域名已经从 www.mokeyjay.com 变成了 mok.moe
.moe 这个顶级域就是来自日语萌え(萌),由日本 Interlink 负责管理
其实很早之前我就知道有这么个顶级域,但是小众域一般很贵,就没去考虑过
直到 2020 年看到了 Sukka 的推特,好奇一搜才发现 .moe 一年 14 刀不算贵,更重要的是还有大量 3、4 位域名可以注册
于是立即用我英文名的常用缩写注册了一个 moke.moe
紧接着就发现 mok.moe 更短更好看,嗐!于是又买下了现在这个域名

迁移

老博客毕竟是历经多年,markdown 和 html 各种混写、图片到处乱放等都给迁移带来了不小的挑战,尽管迁移脚本已经优化过多次,但肯定还是有些不完善的地方
以前 WordPress 并没有自带阅读量统计功能,所以你现在看到的老文章阅读量其实是把随机数和评论数代入一个简单的公式中计算出来的😂只有个别比较热门的文章是手动调整过阅读量,哈哈,充个门面
以前的分类和标签也很杂乱,所以这次迁移完是手动重新给所有博文重新分类打标签,太不容易了😭

结语

如果大家发现文章内容有问题,或者是关于新博客的任何建议,都可以随时评论哦😙