butterfly折腾(二)基本设置
官方主题基础功能设置与相关插件安装,不涉及主题源码修改,不影响主题升级
设置说明为了减少升级主题后带来的不便,建议把主题目录的themes/butterfly/_config.yml文件复制一份,重命名为_config.butterfly.yml放到博客根目录,这样只需修改_config.butterfly.yml里的配置即可修改主题配置,无需改动主题源码_config.landscape.yml是默认主题配置文件,可直接删除。
主题版本:Hexo_6.3.0 + Buttrtfly_4.10.0
相关概念:
站点配置文件:_config.yml站点配置文件内部链接相对路径:./source/
主题配置文件:./themes/butterfly/_config.yml主题配置文件内部链接相对路径:./themes/butterfly/source/
主题设置布局设置导航栏修改主题配置文件格式:页面名字: /路径/ || 图标默认图标库:Fontawesome 图标库
12345678menu: 主页: / || fas fa-home animated faa-wrench 分 ...
butterfly折腾(一)安装部署
butterfly 是基于 Hexo 静态网站框架的一个主题,可扩展性较强,适合展示类博客或者网站。
环境准备
Nodejs—hexo运行环境
Git—代码管理工具
安装 Hexo
启用 windows shell 外部脚本权限,管理员身份打开 PowerShell, 执行以下命令,Y 回车确认1Set-ExecutionPolicy -ExecutionPolicy Bypass
安装 hexo 初始化脚本1npm install -g hexo-cli
创建并进入 hexo 目录,作为博客目录1mkdir hexo && cd hexo
初始化(安装 Hexo)1hexo init
初始项目结构(版本不同可能会有差别)12345678910111213141516.├── .github| └── dependabot.yml # 依赖更新脚本,会创建一个新分支存放最新依赖,建议删除├── node_modules # 依赖├── scaffolds # 模板,可在这里设置 Front Matter| ├── draft.md # 草稿模板| ├── ...
Linux 常用命令
参考资料
Linux Command
ubuntu 中文 man 手册
Linux命令大全(手册) | Linux就该这么学
Linux常用命令汇总 | Linux Top
Linux shell 命令大全 | 简单教程
manpages-zh
文件管理查看文件或目录ls显示目录或文件
1234567891011121314## 显示当前目录的目录和文件,不包括隐藏的ls## 显示当前目录所有的目录和文件,包括隐藏的ls -a## 列表形式显示详细信息ls -l也可以直接输入ll## 显示文件大小,默认从小到大ls -S## 按修改时间排序ls -t## 按修改时间倒序排序ls -r
du
统计文件和目录的磁盘占用空间
123456### 显示当前目录下子目录的大小du -sh *## 文件从大到小排序du -sh * |sort -rh## 查看指定目录下所有文件所占的空间du ./*
df
显示磁盘的相关信息
12345678## 查看系统磁盘设备,默认是KB为单位:df## 使用-h选项以KB以上的单位来显示,可读性高df -h## 查看全部文件系统df -a ...
ubuntu桌面版开启root用户自动登陆
ubuntu22.04桌面版默认不支持root用户登陆,测试环境每次都要敲个sudo,实在麻烦
先给root用户设置密码1sudo passwd root
将下面两个文件/etc/pam.d/gdm-password和/etc/pam.d/gdm-autologin中的一行代码1auth required pam_succeed_if.so user != root quiet_success
修改/root/.profile文件12- mesg n 2> /dev/null || true+ tty -s && mesg n || true
修改/etc/gdm3/custom.conf,没有这个文件就在设置里开启自动登录,或者自己创建123456789101112131415161718192021222324252627282930# GDM configuration storage## See /usr/share/gdm/gdm.schemas for a list of available options.[daemon]AutomaticLogin ...
Git 常用命令
推荐:
Git大全_Gitee
Pro Git(中文版)
Git在线学习_Gitee
Git官方文档
基本概念Git是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目工作中,在项目的开发进程中起着至关重要的作用。
工作区(workspace):就是你在电脑里能看到的目录。
暂存区(index):一般存放在.git目录下的index文件(.git/index)中,所以我们把暂存区有时也叫作索引(index)。
版本库(.git):工作区有一个隐藏目录.git,这个不算工作区,而是 Git 的版本库。
HEAD是个指针,默认指向最新的一次commit,使用git log查看提交版本ID下面这个图展示了工作区、版本库中的暂存区和版本库之间的关系:
Git 配置Git 的配置文件为.git/config,当前仓库配置文件在当前目录下,全局配置文件在用户主目录下
配置用户名和邮箱是记录用户提交身份信息的,不是用来进行身份验证的,身份验证一般有 HTTPS 和 SSH 两种方式,参考Github登录认证的两种方法。
在当前仓库设置提交身份信息
12git con ...
OpenWrt折腾记录
通过外网访问这里主要介绍两种方法:
公网访问适用于有公网IP的用户,传输速率基本是家宽上行速率,但由于运营商封禁家宽的 80、443 端口,外网访问必须带个碍眼的小尾巴,如http://domain:888
CDN 回源适用于有公网IP的用户,扔掉小尾巴,传输速率取决于 CDN 速率
内网穿透有公网无公网均可使用,扔掉小尾巴,需要借助一台开放80、443端口的服务器,传输速率取决于这台服务器的传输速率
公网访问配置 DDNS配置一个 DDNS 动态域名服务,用于实时跟踪动态IP(家宽的公网IP都是动态变化的)
公云 免费提供一个二级域名,基本够用
阿里云DDNS 需要购买域名
DNSPOD 需要购买域名
这里选公云,能白嫖就白嫖,注册好后创建一个动态域名,随便填一个解析地址,回到 OpenWrt, 填写该动态域名、公云用户名、公云密码即可成功解析
修改访问端口方法1.修改配置文件: 直接修改 OpenWrt web 服务配置文件/etc/config/uhttpd,将 80 端口改为 888
12list listen_http '0.0.0.0:888'l ...
CSS 速查手册
参考:
CSS教程 | MDN
CSS教程 | 菜鸟教程
CSS基础教程 | 简单教程
CSS 参考 - MDN
CSS参考手册 - 简单教程
VsCode插件:
EasyLESS CSS 预处理工具。简化CSS语法,丰富功能,自动生成CSS文件,详见lesscss.org
One Dark Pro 一款VsCode主题
框架
bootcss 响应式布局
layui UI 组件库
选择器优先级(选择范围越广优先级越低,个数越少优先级越低):继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important(非继承时优先级最高)
基本选择器1234567891011121314151617181920212223242526272829303132333435363738/* 标签选择器 */p { color: red;}/* 类选择器 */.ClassName { color: red;}/* id选择器 */#id { c ...
SQL常用命令
SQL (Structured Query Language:结构化查询语言) 是用于管理关系数据库管理系统(RDBMS)。 SQL 的范围包括数据插入、查询、更新和删除,数据库模式创建和修改,以及数据访问控制。
SQL分类
根据SQL指令完成的数据库操作的不同,可以将SQL指令分为四类:
DDL Data Definition Language 数据定义语⾔(对数据库对象(数据库、数据表、视图、索引等)的创建、删除、修改)
DML Data Manipulation Language 数据操作/操纵语⾔(对数据表中的数据的添加、删除、修改操作)
DQL Data Query Language 数据查询语⾔(将数据表中的数据查询出来)
DCL Data Control Language 数据控制语⾔(完成事务管理等控制性操作)
SQL语言的规则与规范基本规则
SQL 可以写在一行或者多行。为了提高可读性,各子句分行写,必要时使用缩进
每条命令以;或\g或\G结束
关键字不能被缩写也不能分行
关于标点符号
必须保证所有的()、单引号、双引号是成对结束的
必须使用英文 ...
常见导航网站源码汇总
我们用浏览器书签收藏网址时,受限于浏览器的交互方式,网址多了找起来比较麻烦,跨平台使用还要登录账号,不是太方便,所以搭建一个属于自己的导航网站就很有必要了。
下面是我整理的一些导航网站及源码,按照网址添加方式分类,这决定着使用的方便程度,太复杂不如使用浏览器
静态导航静态导航的优点是不需要服务器,使用Github等代码托管即可免费部署,缺点是添加网址比较麻烦,网址多的话不推荐使用。
HTMLWebstack纯静态响应式网址导航,经典开源导航项目,很多热门导航都是基于webstack,比如一导航。
演示:webstack.cc开源地址:https://github.com/WebStackPage/WebStackPage.github.io框架:bootstrap点评:
移动端下拉后导航栏不常驻
通过HTML代码添加网址,一个网址要七八行代码,看起来头疼,管理起来也相当麻烦
所长导航纯静态响应式网址导航,基于webstack和一导航,在此基础上本地静态化修改而来。
演示:Simple So开源地址:https://github.com/zzd/Simple-Search-Pag ...
HTML 速查手册
参考:
HTML教程(HTML5 标准) | 菜鸟教程
HTML5 参考手册 | 简单教程
HTML 全部标签 | 简单教程
HTML 元素参考 | MDN
HTML 属性参考 | MDN
HTML 基本结构12345678910111213<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 移动端视口标签,使视口宽度等于设备宽度(默认值980px) --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>标题</title></head> ...