使用 HTML CSS JS 的个人博客网站

2025-05-24

使用 HTML CSS JS 的个人博客网站

如何使用 html、css、javascript 创建个人博客网站

在本视频中,我将向您展示如何创建(移动优先响应式)个人博客网站。

实时网站
Github Repo
源代码


大家好👋
我是 Sadee (webdev)。
在这个频道里,我制作关于完全响应式网站的视频。
你可以看看我的频道👇

📺 我的频道:codewithsadee
🔔 订阅:立即订阅
🕐 每周都有新视频


🔗 重要链接

所有图像
HTML 文本
字体 - Inter
Ionicon


⏱️ 时间戳

0:00 - 演示
4:37 - 文件结构
5:03 - Html 初始值
5:47 - Css 变量、重置和基本样式
10:40 - 页眉部分
19:56 - 英雄部分
24:52 - 博客部分
37:06 - 侧边栏
40:26 - 页脚
45:26 - 导航栏 javascript
47:14 - 媒体查询
1:08:49 - 明暗模式


💜 喜欢 - 关注并订阅我

Twitter :https://twitter.com/codewithsadee
Github :https://github.com/codewithsadee
YouTube :codewithsadee
给我买杯咖啡:https://www.buymeacoffee.com/codewithsadee
Patreon : https: //www.patreon.com/codewithsadee


给我买杯咖啡

文章来源:https://dev.to/codewithsadee/personal-blog-website-using-html-css-js-2en2
PREV
如何使用 HTML CSS JavaScript 创建响应式电影网站
NEXT
如何使用 HTML CSS JavaScript 制作个人作品集