使用Tailwind CSS在Linode上建立一个博客|Bootstrap替代方案
在本视频中,@CodeWithHarry将向你展示如何使用 Tailwind CSS 编写和部署博客。视频结束后,你将学会如何在 Linode 实例上托管自己的博客。
章节:
0:00介绍
0:24创建一个新的Next项目
0:45寻找一个博客模板
1:40导入博客模板
2:50创建Next应用程序
3:50自定义索引
4:45在全局样式中添加字体
5:20创建导航栏组件
7:50安装Alpine.js和Font Awesome
11:50创建footer.js
13:00继续自定义索引
19:00在Linode启动MongoDB实例
21:10登录到MongoDB集群
22:10更新防火墙
23:50创建数据库
25:20用MongoDB设置Next.js
28:00本地安装MongoDB
31:10创建一个新的文档
31:50 解决连接问题
32:50更新图像大小
35:00完成自定义索引
37:20排除/post页面的故障
38:16在导航栏上添加博客名称
40:00如何修改帖子
42:00创建侧边栏组件
44:20检查响应速度
44:40解决响应性问题
49:05向MongoDB Compass导入帖子
51:45从数据库中获取博客文章
52:02创建getBlog.js和getBlogs.js
55:00更新博客标签
56:40配置创建标记功能
58:20配置元描述
59:10为Slug获取内容
1:12:00更新选择帖子
1:13:35总结
Linode 新手?从这里开始使用 100 美元信用额度!
阅读文档,了解有关网页开发语言的更多信息。
了解有关 Tailwind CSS 的更多信息。
订阅以获得新节目的通知。
#Linode #Tailwindcss #webdevelopment
产品:Linode, 博客, Tailwind CSS; @CodeWithHarry