Butterfly 魔改 (涉及修改源码)
此教程涉及修改源码
Butterfly 侧边栏引入一言背景在修改每页显示 7 篇文章后，出现了这种情况。这是完美主义（强迫症）的我所不能忍受的，有什么可以占据这里的呢？一言
开搞创建 card_hitokoto在主题配置文件 Butterfly/_config.yml 中的侧边栏设置中添加 card_hitokoto: enable: true
1234567891011121314151617181920212223242526272829303132333435aside: enable: true mobile: true # display on mobile position: right # left or right card_author: enable: true description: button: icon: fab fa-github text: Follow Me link: https://github.com/flipped-1121 card_announcement: enable ...
前端学习（六）
记录前端学习
学习之路・CSS-01好久不见本着 “博客想写就写” 的原则（其实就是懒），终于点开了_posts 文件夹。
因本人习惯，笔记在 WebStorm 上呈现
1234567891011121314151617181920212223<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>CSS</title> <style> p2 { color: cadetblue; } p3 { font-size: 26px; } </style></head><body><p1>CSS</p1><br><p2>CSS改变字体颜色</p2><br><p3>CSS改变字体大小 ...
前端学习（五）
记录前端学习
学习之路・HTML-05因本人习惯，笔记在 WebStorm 上呈现
Form1.htmlForm2.html123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>表单</title>& ...
前端学习（四）
记录前端学习
学习之路・HTML-04因本人习惯，笔记在 WebStorm 上呈现
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>列表</title></head><body><!--无序列表--><!--无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于<ul>标签。每个列表项始于<li>--><h2>学习</h2><ul> <li>准备阶段</li> <li>理论学习</li> <li>实际操作& ...
前端学习（三）
记录前端学习
学习之路・HTML-03因本人习惯，笔记在 WebStorm 上呈现
Table1.htmlTable2.html123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>表格</title>&l ...
前端学习（二）
记录前端学习
学习之路・HTML-02因本人习惯，笔记在 WebStorm 上呈现
Img.htmlHref.htmlDemo.html1234567891011121314151617181920212223242526272829303132333435<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>图像标签</title></head><body><!--键值对形式--><!--当图片无法显示时，显示"alt"的值--><!--alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息： 1.网速太慢 2.src 属性中的错误 3.浏览器禁用图像 4.用户使用的是屏幕阅读器--><img src="0ff466031165937ed27 ...
前端学习（一）
记录前端学习
背景二十天搭建博客的经历，让我深知自己前端知识之贫乏，盯一下午大佬的魔改教程也是经常的事，到处碰壁让我意识到，应该要系统地学习前端知识。
准备
学习渠道：B 站
开发工具：WebStorm
学习之路・HTML-01因本人习惯，笔记在 WebStorm 呈现
Hpbr.htmlCharacter.htmlBox.html12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>HelloWorld</title></head><br><!--标题标签--><h1>一级标题</h1><h2>二级标题 ...
