
Hexo基础篇:5.网站的构建与上云(Github Pages)
本篇我们将教学如何将你的网站仓库推送至Github, 并通过Github Action自动构建并部署你的网站至Github Pages 创建Github账号与仓库 注册账号 进入官网 https://github.com/ 点击右上角的注...

Hexo基础篇:4.更换Hexo的主题
本篇文章将会教你如何修改自己的博客主题,以及一些问题的故障排除。 了解主题文件夹的结构 一个主题会有以下的结构: 其通常会在<博客文件夹>/theme/<主题名称>中 . ├── _config.yml ├── l...

Hexo基础篇:3.第一篇博客和第一个页面
创建博文/页面 首先我们要先切换到我们博客的文件夹,cd <文件夹名称> 然后我们可以通过下面的指令创建自己的文章 hexo new [模板] <标题> 在默认情况下,我们只需要hexo new <标题>...

Hexo基础篇:2.初始化你的Hexo项目
上一篇我们完成了Hexo所需求的环境的部署,本篇文章将会教学你初始化自己的博客,了解博客的文件结构,以及如何修改自己的博客。 初始化你的博客 打开CMD (可选)输入cd <你想要存储博客文件夹的目录>,如果你是第一次搭建博客,...

Hexo基础篇:1. 认识Hexo并构建本地开发环境
Hexo 是一个快速、简洁且高效的博客框架。本文将会带你认识并搭建Hexo的使用环境。 前言 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。...

让你的wordpress在新窗口打开链接
在使用wordpress过程中笔者发现还有一些不太完善的地方,没有充分考虑到用户体验。所以,在使用wordpress建博之初,我们有必要对wordpress进行一次小改造,让wordpress更个性、更符合SEO规范。 wordpress的...

HTML&CSS :如此丝滑优雅的导航栏
这段代码创建了一个动态的导航栏,通过 CSS 技术实现了按钮的激活和悬停效果,以及动态背景效果,为页面添加了视觉吸引力和用户交互体验。 演示效果 HTML&CSS <!DOCTYPE html> <htmllang...

js如何控制一次只加载一张图片,加载完成后再加载下一张
今天看到一个面试题,是关于img图片加载方面的,有必要记录一下。其实关于这个问题,只要知道图片什么时候加载完成就能解决了。 通过onload事件判断Img标签加载完成 实现逻辑:新建一个Image对象实例,为实例对象设置src属性等,在on...

能量启动(可复制源代码)
源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>能量启动</title...

HTML&CSS :惊爆!动态卡片,交互超绝
这段代码创建了一个具有动态背景效果的卡片,通过 CSS 技术实现了背景的放大和文字颜色的变化效果,为页面添加了视觉吸引力和用户交互体验。 演示效果 HTML&CSS <!DOCTYPE html> <html la...