安知言の博客

前言JetBrains 是一家专注于创建智能开发工具的前沿软件公司，他们为各种编程语言和平台开发了丰富的工具，包括：行业中领头的 Java IDE – IntelliJ IDEA，以及 Kotlin 编程语言。旗下有9款常用的软件：IntelliJ IDEA、PyCharm、PhpStorm、WebStorm、CLion、GoLand、DataGrip、Rider、RubyMine。 软件信息：JetBrains2024简体中文版支持系统：Windows7及以上64位操作系统基带RAM：需要8GB...

前言到目前为止博客的基本样式和功能都写的差不多了，剩下的就是编写文章和发布文章了，让我最头疼的就是文章内容，第一次建站 第一次发布第一篇文章，实在是不知道说什么好，本想写建站目的奈何自己语言表达能力有限，用自己的话表达出来属实很平庸，就想用kimi、文心一言等国产大模型ai工具帮我写。奈何他们两哥们属实不给力，达不到我想要的结果，只好说心里话跟大家坦诚相见。早在之前就想建博客了，前端框架Vue也已经学了，但是自己脑子里没画面 不知道页面样式怎么写，这一件事就告一段落了，看到别人的样式炫酷吊炸天 还以为是用原生技术实现的，但是所学的技术达不到这个效果，这让我陷入了沉思，之后就了解到有现成的博客框架，本网站就是基于Hexo+Butterfly所建成，下一篇文章会讲。 技术栈 致力于成为一个前端小姥🐷 又菜又爱玩🎮 ctrl + c + ctrl + v 擅长PS、Pr、Ae、Au、Ai、Dw、An、Id等软件的安装与卸载🎃 ...

1，什么是BEM对于一个前端开发团队来说，随着项目的规模越来越大，良好的代码规范越显得重要。在 CSS 命名方面，经常会遇到的问题： 绞尽脑汁的去想一个 class，还得和其他类似的 class 做区分。 修改旧代码时，得去仔细确认每个 class 的作用，是修改、删除，还是添加一个新的 class 覆盖。 协作开发时 class 命名的冲突。 BEM 可以解决这些问题，让代码更容易阅读和控制，规范团队的代码风格。 1.1，介绍BEM 是一种CSS命名规范。由 B（block）模块，E（element）元素，M（modifier）修饰符组成。书写规范： 连接 element 用 __双下划线 连接 modifier 用 --双中划线 1个 class 中，B、E、M 尽量都只有1个（比如：尽量避免block__el1__el2） 具体表现如下：1234.block {}.block__element {}.block__element--modifier {}.block--modifier...

前言大家好呀 👋！最近很多小伙伴都在问我博客是怎么搭建的，今天就来分享一下我的博客搭建经验。我的博客是基于 Hexo 框架搭建的，使用了 butterfly 主题，参考了安知鱼博主的设计风格，做了很多有趣的功能增强。 特色功能 全站搜索功能 评论互动系统 音乐播放器 响应式设计 文章目录 快速开始首先需要安装 Node.js 和 Git，然后通过 npm 安装 Hexo： 1npm install -g hexo-cli 创建博客项目： 123hexo init blogcd blognpm install 主题配置安装 butterfly 主题： 1npm install hexo-theme-butterfly 在 _config.yml 中设置主题： 1theme: butterfly 功能增强1. 音乐播放器使用...