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

推荐订阅源

美团技术团队
罗磊的独立博客
SecWiki News
SecWiki News
The Register - Security
The Register - Security
The GitHub Blog
The GitHub Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
S
Schneier on Security
IT之家
IT之家
博客园 - 聂微东
T
The Exploit Database - CXSecurity.com
Recorded Future
Recorded Future
大猫的无限游戏
大猫的无限游戏
Know Your Adversary
Know Your Adversary
Latest news
Latest news
Vercel News
Vercel News
G
GRAHAM CLULEY
D
DataBreaches.Net
D
Darknet – Hacking Tools, Hacker News & Cyber Security
S
SegmentFault 最新的问题
博客园_首页
雷峰网
雷峰网
T
Tenable Blog
Spread Privacy
Spread Privacy
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
酷 壳 – CoolShell
酷 壳 – CoolShell
Cisco Talos Blog
Cisco Talos Blog
V
Visual Studio Blog
J
Java Code Geeks
博客园 - Franky
The Cloudflare Blog
Apple Machine Learning Research
Apple Machine Learning Research
C
CERT Recently Published Vulnerability Notes
T
Threatpost
Google DeepMind News
Google DeepMind News
F
Fortinet All Blogs
P
Privacy International News Feed
T
Threat Research - Cisco Blogs
T
The Blog of Author Tim Ferriss
V
Vulnerabilities – Threatpost
Recent Announcements
Recent Announcements
Blog — PlanetScale
Blog — PlanetScale
Security Latest
Security Latest
U
Unit 42
M
MIT News - Artificial intelligence
Y
Y Combinator Blog
K
Kaspersky official blog
有赞技术团队
有赞技术团队
B
Blog
腾讯CDC

Tripper Press - Take Photo, Think Seriously.

Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously Tripper Press - Take Photo, Think Seriously
Tripper Press - Take Photo, Think Seriously
aiokr · 2024-06-30 · via Tripper Press - Take Photo, Think Seriously.

全新 Tripper Press,基于 Nuxt 打造

好家伙,Tripper Press 又改版了。

这次,我使用 Nuxt 重构了整个 Tripper Press 站点。做出这个决定是因为 Next.js 很大程度上依托于 Vercel,然而我的 Vercel 现在已经寄了。

402 PAYMENT_REQUIRED

自从接入 Sanity 之后,Vercel 的 Edge Requests、Fast Origin Transfer 以及 Bandwidth 等项目用量就大幅飙升,仅 6 月 2 日单日,Tripper-Next 项目的 Fast Origin Transfer 消耗高达 8.57GB,Bandwidth 消耗高达 5.74GB,在过去 30 天中,Fast Origin Transfer 消耗共计 34GB,Bandwidth 消耗 10GB。感觉我的博客应该不会有这么高的访问量,应该是哪里出了问题,也许是 RSS 等爬虫在爬取网站的时候,将图片等静态资源也大量下载,导致了这个问题。

兜兜转转,最终我又放弃了 CMS + SSR 的方案,转而使用之前静态网站生成器的方案。这次我选择了 Nuxt.js,首先因为不能再使用 Vercel,并且之前用的 Contentlayer 并不支持在 Windows 上运行,加上我最近做的几个小工具都是基于 Nuxt 或者 Vue 的,所以这次就选择了 Nuxt。

Nuxt 的优势有很多, 即使抛开基于 Vue 所带来优势不谈,Nuxt 的众多官方插件,包括 Nuxt Content、Nuxt Studio 等,绝对是一大优势,事实上,这一篇文章就是在 Nuxt Studio 中敲出来的。

样式方面,这次我没有用一些带样式的前端框架,只使用了 Tailwind CSS,毕竟是自己的主站,样式方面还是自己设计的比较好。

按照惯例,这次的网站依然在 aiokr/TriPress-Nuxt 上开源,欢迎大家 star,当然在 fork 之后,记得删除仓库内的 Markdown 文件,修改 nuxt.config.js 中的一些配置,比如 turnstile 的 siteKey、分析插件的 ID 等。

在这次改版中,我除了保留了之前版本的一些设计样式之外,还借鉴了不少其他个人站点的创意:

内容

个人站点,技术方面还是次要的,更难实现的是如何在站点上介绍自己。我决定不再使用常见的个人网站中那种,在首页列出所有文章,然后另外再有一个专门的关于页面来介绍站点和作者的方式。而是在首页就介绍自己,而文章只展示最新的几篇,所有文章列表则有一个专门的页面。

Tripper Press 这个站点,是呈现我斜杠人生的一个集合。


Markdown 样式测试

var s = "JavaScript syntax highlighting";
alert(s);