Butterfly 主题美化(一)
💂 个人网站:【海拥】【摸鱼游戏】【神级源码资源网站】
🤟 前端学习课程:👉【28个案例趣学前端】【400个JS面试题】
💅 想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】
hexo-theme-butterfly 主题是基于 hexo-theme-melody 的基础上进行开发的。
Butterfly 主题安装Github安装Gitee安装NPM安装在你的 Hexo 根目录里执行:1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly升级方法:在主題目录下,进行 git pull在你的 Hexo 根目录里执行:1git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly升级方法:在主題目录下,进行 git pull
此方法只支持 Hexo 5.0.0 以上版本通过 npm 安装并不会在 themes 里生成主题文件夹 ...
Hexo+阿里云&GitHub 搭建个人博客
💂 个人网站:【海拥】【摸鱼游戏】【神级源码资源网站】
🤟 前端学习课程:👉【28个案例趣学前端】【400个JS面试题】
💅 想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】
Hexo+阿里云&GitHub 搭建个人博客本地部署GitHub部署阿里云部署准备工作安装必要的软件
Node.jshttps://nodejs.org/en/
Windows:通过 nvs(推荐)或者 nvm 安装。
Mac:使用 Homebrew 或 MacPorts 安装。
Linux(DEB/RPM-based):从 NodeSource 安装。
其它:使用相应的软件包管理器进行安装,可以参考由 Node.js 提供的 指导。
githttps://git-scm.com/
Windows:下载并安装 git.
Mac:使用 Homebrew, MacPorts 或者下载 安装程序。
Linux (Ubuntu, Debian):sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS):sudo ...
送3本Vue.js(4月2日20:00开奖)
抽奖链接https://wxaurl.cn/PmQMCppeXqc
抽奖进行中:vue.js全家桶,点击参与
或者在微信中长按扫码👇
抽三位幸运儿送大号鼠标垫(3月31日20:00开奖)
抽奖链接https://wxaurl.cn/kKfkVK4xqds
抽奖进行中:超大鼠标垫,点击参与
或者在微信中长按扫码👇
实验三 使用 CSS 制作打字机
show: stepversion: 1.0enable_checker: true
使用 CSS 制作打字机实验介绍本节实验我会带大家使用 HTML 和 CSS 来制作一个如下图效果所示的打字机。
在线演示戳这里👉 https://haiyong.site/lanqiao/3.html
正如你所见,页面中从光标位置开始可以自动打印出一行文字,是不是很神奇呢?那我们快去一探究竟吧!
知识点
margin 属性
background-color 属性
overflow 属性
font-size 属性
@keyframes 属性
我使用 HTML 和 CSS 代码来创建这个动画。因此,首先你必须创建一个 HTML 和 CSS 文件,然后按照下面显示的完整过程进行操作。
使用 CSS 设计网页首先,我们使用 CSS 代码来设计网页,我们要用到以下三个属性:
margin 外边距即元素距上级元素或相邻兄弟元素的距离。该属性可以有 1 到 4 个值。在实验二中我们已经介绍了,详情见: W3schoolCSS margin 属性
background-color 属性设置元素的背景颜色 ...
实验一 博客页面布局
博客页面布局实验介绍嗨!欢迎来到从零趣味学习 Web 前端的课堂~
初次见面,我们先来认识一下前端三剑客(HTML、CSS、JavaScript)中的 HTML。
HTML,英文全称为 HyperTextMarkupLanguage,翻译为超文本标记语言,其用于页面布局。例如我们在蓝桥云课首页上,使用 Chrome 浏览器的开发者工具(按 F12),可以发现网页是由 <> 这样的结构组成的。
这些 <> 的符号被称为标签。从上图可以看出大部分标签都是成对出现的。我们一般把 <> 称为开始标签,把 </> 称为结束标签。这些标签就是 HTML 的元素,构成了我们整个页面的结构。下面放个图,帮助大家更好滴理解标签~
本节实验中,我将带大家入门 HTML,我们一起从零开始实现一个博客页面布局。
知识点
列表
表单
超链接
标题
段落
创建第一个 HTML 文档我们在那里创建 HTML 文档呢?
工具很多,如 VS Code、HbuilderX、Dreamweaver 等。在本课程中我们使用蓝桥云课的云环境(VS Code)来演示。
在创建 ...
实验二 使用 CSS 来装饰我们的第一个网页
使用 CSS 来装饰我们的第一个网页实验介绍嗨!欢迎再次来到从零趣味学习 Web 前端的课堂~
在上一个实验中,我们已经用 HTML 做了自己的第一个页面,但是当我们预览网页时会发现它看起来比较简陋。这一节我们可以通过向 HTML 文件添加一些基本样式来美化它。
知识点
盒子模型
定位方式
background 属性
font-size 属性
color 属性
transform 属性
初识 CSS首先,我们来简单了解一下什么是 CSS。
CSS,英文全称是 Cascading Style Sheets,译为层叠样式表,简单来说就是用来美化 HTML 页面的。
例如,我们在蓝桥云课的首页,在 chrome 浏览器中按 F12 打开开发者工具,我们可以看到如下所示的内容:
我们可以看到,右侧有一个 styles 表,里面全是像 img{max-width: 100%;} 这样的结构组成的,这就是样式表(CSS)了。我们用一个图来解释表中内容的意思:
CSS 就是由各种选择器、属性和属性值组成的,其中选择器的作用是找到添加样式的指定元素,属性是给元素添加怎样的样式 ...
学妹说要和我去看《Hello World》我教学妹用各种不同编程语言输出“Hello World”
一个人对于另一个人的爱会持久到什么时候,会是地老天荒吗?
也许一个人对另一个人的爱哪怕世界崩坏,也会再创造一个世界去见你。
「就算世界毁灭了,我也想再一次见到你」
这句宣传语来自电影《Hello World》,初见这句宣传语感觉还挺中二的,不过昨晚带学妹去看了这部电影还是挺感动的,有时间可以去看看。
不禁回想起刚上大一学习C语言还在研究如何输出Hello World的自己。我跟学妹说程序员最熟悉这两个单词了,学妹还很疑惑地问我为什么。我解释给她说,当我们开始学习编程或只是学习一门新的编程语言时,我们被指示要做的第一件事就是做一些非常简单的事情。比方说要做的第一步是打印一个简单的文本——“Hello World”。
你好,世界!
我正在谈论的是Hello World。本文是成为你的问候世界,你刚开始就一个重要旅程的一种方式。尽可能多的学习之旅。如果您很好奇并想了解如何在最流行的 12 种编程语言中做到这一点,那么让我们开始吧。
1. JavaJava 是一种通用计算机编程语言,它是并发的、基于类的、面向对象的,并且专门设计为具有尽可能少的实现依赖性。它旨在让应用程序开发人员“一次编写,随 ...