Butterfly主题添加一图流背景与顶部图修改
介绍本文将会详细介绍一图流背景与顶部图的修改过程。 设置图片这个是 Butterfly 自带的功能,修改主题的配置文件 _config.butterfly.yml。 编辑 index_img、background、footer_bg 选项。设置网站背景,并将主页顶部图和页脚背景改为透明。(需要将以下示例地址替换为自己的图片地址。) 12345678910111213141516# Image (圖片設置)# --------------------------------------# The banner image of home pageindex_img: transparent# Beautify/Effect (美化/效果)# --------------------------------------# Website Background (設置網站背景)# can set it to color or image (可設置圖片 或者 顔色)# The formal of image:...
Hexo建立一个独立的HTML页面
Hexo 是一个轻量、快速,简单和强大的博客框架,当我们需要发布博文的时候,只需要将写好的文章(MarkDown 文件)放入本地的 \source\_posts 文件夹,然后再推送上去就行了,原理就是当我们在执行 hexo g 命令时,.md 文件就会被转化成 HTML 文件,但是有时候我们需要新建一个独立的页面,这个页面不使用主题的渲染,具有自己独立的样式,可以放一些自己的作品,相册什么的,以下就介绍这种独立页面的实现方法。 方法一:使用 Hexo 提供的跳过渲染配置,在博客根目录的配置文件 _config.yml 里找到 skip_render 关键字,在后面添加想要跳过渲染的页面,比如我们创建 \source\about\index.html, 配置文件填写:skip_render: about\**,那么就表示 \source\about 里所有的文件将跳过渲染,里面的文件将会被直接复制到 public 文件夹,此时就会得到一个独立的 about 页面;官方文档:https://hexo.io/docs/configuration 方法 2在文章头部的...
HTML总复习
导读网页网站是指在因特网中根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合 网页是网站中的一页,通常就是 HTML 格式的文件 什么是 HTML一种描述网页的超文本语言 它并非编程语言,是一套标记标签 而所谓超文本有两种含义 超越了文本限制: 可以加入图片、声音、动漫等内容 含超级链接: 可以从一个文件跳转到另一个文件,也就是网站中网页的替换呈现 🌟Web 标准(面试考点) 由 W3C 组织和其他标准化组织制定的一系列标准集合制定标准就像是制定规则,增大了设备、浏览器、搜索引擎的等兼容性 标准 说明 结构 结构用于对网页元素进行整理和分类 表现 设置网页元素的版式、颜色、大小等外观样式(CSS) 行为 网页模型的定义以及交互的编写(JavaScript) 以上三类规定分离,即 html 文件写结构、css 文件写表现、JavaScript 文件写行为 1.基本标签1.1 HTML 标签称之为根标签,是最大的标签,文件从< html >开始到< /html >结束 1.2 头部标签<...
Hexo搭建
一、前言作为基础教程,本文以本地搭建 Hexo 环境生成静态文件推送到 GitHub 仓库并使用 GitHub Pages 托管为例,了解了基本流程后,后续您可以更换自己喜欢的主题、使用其他平台托管网站等等 二、简介Hexo 是一款基于 Node.js 快速、简洁且高效的博客框架,通过 Node.js 将本地的每一篇 Markdown 文章渲染成 html 网页文件,这样我们的博客就是纯静态的网页,如果我们需要修改文章直接修改对应的 Markdown 文件再重新生成静态网页就好了。Node.js 默认的包管理器是 npm ,笔者 建议使用 yarn 做为 Hexo 的包管理器,当然根据自己喜好即可。如果使用 Git 管理文章的话,就不用担心文章丢失了,也可以随意回滚版本,这属于 Git 的范畴,本文不做深入讨论。 Hexo 官方页面 三、准备工作 一个域名(最好有 最好备案) 一台电脑并且联网 一个 github 账号 一个腾讯云账号 四、本地安装1、安装 node.js、git Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0...
AList搭建
一、项目展示GitHub 项目地址:https://github.com/Xhofe/alist Demo:https://alist.nn.ci Alist 文档地址:https://alist-doc.nn.ci/en/ 二、搭建环境服务器:阿里云香港轻量应用服务器 24 元/月 VPS 一台(最好是选非大陆的服务器,无需备案) 系统:Centos7 域名一枚,并做好解析到服务器上 三、搭建方式1、一键脚本安装(本次使用)仅支持 Linux-x86_64/aarch64 平台。 》》安装 1curl -fsSL "https://nn.ci/alist.sh" | bash -s install 注意: 已经安装过再次执行安装会删除之前的数据,更新请使用更新命令。 》》更新 1curl -fsSL "https://nn.ci/alist.sh" | bash -s update 》》卸载 1curl -fsSL "https://nn.ci/alist.sh" | bash -s...