首页 > 其他分享 >从零开始美化博客

从零开始美化博客

时间:2024-10-21 21:00:07浏览次数:5  
标签:重构 前端 博客 基础知识 从零开始 美化 页面

大约一年前,我开始接触前端。本博客起初使用了他人分享的主题,后来我在其基础上进行了或大或小的修改。然而,改动后代码已经变得难以维护,并且博客页面加载速度明显迟钝,迫切需要重构。带着对新领域的好奇,我决定从头开始,重新搭建自己的博客。同时希望借此机会,巩固我所学的基础知识。本系列文章正是在这样的背景下诞生的。

本系列将记录我从零开始重构博客前端页面的全过程,涉及 CSS、HTML 和 JavaScript 的学习与实践。在这里,你将会看到我的经验与收获,甚至是警示与教训,希望能够使你有所积累,帮助你避免类似的坑。

需要注意的是,本项目旨在巩固基础知识,所以初期不基于任何前端框架(比如高大上的 Vue、React 什么的),但可能会引用第三方开源的项目。后期就说不准了。

最终博客的样式和功能应该与目前博客保持一致,可能会不时地添加新功能。你可以随时在我的 合集 里查看最近进度,也可以在 这里 预览最新进展中的博客页面。

完整的代码同步在我的 github 仓库,遵守 MIT 协议。如果对你有帮助的话,不要忘记留下一颗 star 哦!

祝您学习愉快!

系列状态:

持续更新中……

标签:重构,前端,博客,基础知识,从零开始,美化,页面
From: https://www.cnblogs.com/XuYueming/p/18468152

相关文章

  • 【从零开始学习VLSI设计(三)】超导器件特性仿真——约瑟夫森结(Josephsen Junction)与Josi
    系列文章目录从零开始学习VLSI设计(一)Yosys工具概述从零开始学习VLSI设计(二)Yosys工具进阶文章目录系列文章目录前言一、约瑟夫森效应二、等效电路-RCSJ模型三、使用Jisim仿真JJ特性1.编写网表描述文件2.使用jsim仿真JJ电压电流特性3.可视化数据四、使用Josim仿真JJ......
  • 从零开始写多线程
    1.Java多线程的基本概念1.1线程与进程进程:是操作系统分配资源的基本单位,每个进程都有独立的内存空间。线程:是进程内的一个执行单元,同一进程中的线程共享进程的内存空间,线程间的通信更为高效。1.2线程的好处提高系统响应性:可以实现用户界面与后台处理的并发执行,使得程序......
  • github/gitee个人博客到底是什么一个运行原理?
    本文主要讲的是GitHub、Gitee这样的代码存储网站上提供的个人博客建站的原理分析,需要注意的是,本文并不介绍GitHub、Gitee上建立个人blog的操作步骤,本文只介绍原理,不介绍实操步骤。在交代本文主要内容之前需要说明几个概念,那就是动态网站、静态网站的区别,在这两个概念之上我又提......
  • 新手必看详细搭建网站全流程教程从零开始快速入门
    1.确定网站需求网站类型:静态网站、动态网站(如博客、电商网站)功能需求:基本展示、用户注册、支付功能等预计访问量:低流量、中流量、高流量2.购买云服务器选择云服务提供商:阿里云、腾讯云、AWS等选择服务器配置:CPU:1核或2核内存:1GB或2GB存储:20GB或50GB带宽:1Mbps或5Mbp......
  • 如何使用github actions 自动部署Hexo博客
    一、创建github仓库创建两个github仓库,一个共有仓库和一个私有仓库。私有仓库用来存储Hexo项目源代码用master分支来存放项目源代码公有仓库用来存储编译之后的静态页面用gh-pages分支来存储静态页面当私有仓库的master分支有内容push进来时,GitHubActions自动编译并且......
  • 从零开始学习VLSI设计(二)Yosys工具进阶
    系列文章目录从零开始学习VLSI设计(一)Yosys工具概述目录系列文章目录前言一、使用xdot,以图像形式查看电路逻辑二、使用Yosys进行逻辑优化1.opt指令逻辑优化2.share指令资源共享总结参考文献前言  今天更新Yosys的进阶操作,包括如何使用xdot查看电路图及对数字......
  • 配置与美化Linux桌面
    本文讲述安装了KaliLinux2024.3,Gnome桌面,以及安装各种应用与美化的过程。安装操作系统网络上下载操作系统镜像,写入u盘,制作启动盘https://mirrors.tuna.tsinghua.edu.cn/kali-images/current/kali-linux-2024.3-installer-amd64.iso查看硬盘,找到你的U盘sudofdisk-l找到......
  • Edge浏览器美化及使用教程
    Edge浏览器美化及使用教程右上角设置关闭不需要的界面,建议保留背景和两行快速链接.这样可以屏蔽广告信息,保持清爽.点击浏览器右上角三点,选择设置,找到外观.可以对浏览器按钮进行自定义,推荐打开开始,始终显示前进和拓展,下载.其他根据自己常用设置进行选择,单不推荐设置......
  • C#从零开始学习(用unity探索C#)(unity Lab1)
    初次使用Unity本章所有的代码都放在https://github.com/hikinazimi/head-first-CsharpUnity的下载与安装从unity官网下载UnityHubUnity的使用安装后,注册账号,下载unity版本,然后创建3d项目设置窗口界面布局3D对象的创建点击对象,然后点击MoveGuzmo,就可......
  • ssm640基于ssm框架的博客系统的开发+vuepf
    ......