第7篇博客: Butterfly主题 底部页脚栏美化
前言
Butterfly初始的页脚Footer较为单调，因此我们可以对其进行调整，美化我们的博客页面。本文将详细讲述博客底部运行时间以及Github徽标的制作和添加，大家也可以根据自己的喜好进行修改
内容参考：
Leonushttps://blog.leonus.cn/
效果如下：
欢迎阅读第7篇博客，希望你有所收获！
博客底部运行时间
注意：部分代码为了区分，最 前面的 加号代表增加，减号代表删除，是为了代码高亮显示，因此粘贴代码后记得删除，删除后不需要再补上空格
添加盒子
首先在底部增加 盒子 ，用来盛放时间
在主题配置文件_config.butterfly.yml中找到footer下面的custom_text,添加如下代码:
footer: owner: enable: false since: 2021- custom_text: + custom_text: <div id="runtime" style="display:inline-block"></div> copyright ...
第3篇博客: 利用Github+jsDelivr搭建高速图床
大家在搭建个人博客过程中一定使用过各式各样的图床，如SM.MS、七牛云、腾讯云COS、阿里云OSS等等，但经常会出现链接失效、加载较慢、付费等情况，因此搭建一个稳定的个人图床至关重要，本文将介绍如何利用Github和jsDelivr搭建个人高速图床
内容参考:
知乎文章https://zhuanlan.zhihu.com/p/347516134
欢迎阅读第3篇博客，希望你有所收获！
新建Github仓库存储图片
登录你的Github账号，右上角加号处点击选项，新建一个新的仓库
详细设置
生成Token
点击用户头像 --> 选择Settings
点击Developer settings
点击Tokens (classic) --> 点击Generate new token
填写Token描述，勾选repo然后点击Generate token生成一个Token
获取Token密钥
注意这个Token只会显示一次，需要自己先保存下，或者可以等待后面配置好PicGo后再关闭网页
配置PicGo并使用jsDelivr作为CDN加速
前往下载PicGo ( ...
第6篇博客: SEO 优化及站点被搜索引擎收录设置
前言
在搭建的个人博客时，若想让其他朋友检索到我们的博文，就需要将网站推送到搜索引擎，即设置对应网站收录博客，以下是详细的操作步骤：
内容参考：
ConstOwnhttps://blog.juanertu.com
欢迎阅读第6篇博客，希望你有所收获！
查看博客是否被收录
使用想要查找的搜索引擎 (Baidu、Bing、Google等)，输入：
site:你的网站比如我的：site:www.93cloud.online
永久化 URL 网址链接
在点击博客文章时，我们可以发现Hexo 默认生成的文章地址路径是 [网站名称/年/月/日/文章名称]
但这些链接对搜索爬虫名不友好，其Url结构超过三层，因此我们要对其进行调整
安装abbrlink插件：
npm install hexo-abbrlink --save
安装此插件的目的是将文章的链接转化为数字和字母，即将博客的网页转化成.html永久链接的格式，这样有利于搜索引擎的收录
修改hexo根目录下的_config.yml中的permalink值：
# URL## Set your site url here. For ex ...
第5篇博客: Butterfly主题 一图流背景与顶部图修改
前言
本文将详细介绍个人博客背景一图流与顶部图的修改过程，大家也可以根据自己的需求或者喜欢背景的样式进行调整，博客风格因人而异
内容参考：
Androidhttps://android99.com/
效果如下：
欢迎阅读第5篇博客，希望你有所收获！
主题配置
修改Butterfly的配置文件_config.butterfly.yml
编辑index_img、index_top_img_height、background、footer_bg、mask.header 选项
设置网站背景，将主页顶部图和页脚背景改为透明，调整主页顶部图高度，移除顶部图的黑色半透遮罩
# Image (圖片設置)# --------------------------------------# The banner image of home pageindex_img: transparent# Beautify/Effect (美化/效果)# --------------------------------------# The height of top_img, eg: 300px/300em/30 ...
第4篇博客: Butterfly主题添加微博热搜
前言
今天来介绍首页侧边栏卡片微博热搜板块的添加，可以实时跟踪当前微博热搜内容，还可以下滑关注更多热搜话题，作为美化侧边栏卡片的不二之选
内容参考：
花猪https://cnhuazhu.top/butterfly/
效果如下：
欢迎阅读第4篇博客，希望你有所收获！
代码实操
在\themes\butterfly\layout\includes\widget目录下新建card_weibo.pug文件，并写入如下代码：
if theme.aside.card_weibo.enable .card-widget.card-weibo .card-content .item-headline i.fab.fa-weibo span 微博热搜 #weibo-container .weibo-list
在\themes\butterfly\layout\includes\widget\index.pug文件中page项添加如下代码：
!=partial('includes/widget/card_weib ...
第1篇博客：Markdown初级语法
本文部分样式在原生的butterfly主题并不适用，需要进行适配，即对主题文件进行修改
样式配置参考：糖果屋教程贴https://akilar.top/posts/615e2dec/
内容样式参考：官方文档https://butterfly.js.org/posts/2df239ce/
数学公式参考：Markdown 数学公式指导手册https://freeopen.github.io/mathjax/
欢迎阅读第1篇博客，希望你有所收获！
简介：
Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档；
Markdown 语言是2004年由约翰·格鲁伯创建；
Markdown 编写的文档可以导出 HTML、Word、图像、PDF、Epub等多种格式的文档；
Markdown 编写的文档后缀为.md或.markdown；
Markdown 能被使用用来撰写电子书，如: Gitbook;
标题语法
从一级标题到六级标题，即需要在单词或汉字前加#号
不同版本Markdown处理标题方式不一致，考虑到兼容性问题，在标题和#号后加一个空格
# 一级标题# ...
第2篇博客：标签外挂
标签外挂属性是Hexo特有的功能，不是标准的Markdown语法格式，使用时要格外留意。
内容样式参考：
枫叶https://blog.aqcoder.cn/posts/5dd3/
糖果屋教程贴https://akilar.top/posts/615e2dec/
欢迎阅读第2篇博客，希望你有所收获！
选项卡(Tabs)
标签用法Markdown语法样式预览{% tabs Unique name, [index] %}<!-- tab [Tab caption] [@icon] -->Any content (support inline tags too).<!-- endtab -->{% endtabs %}1. Unique name : - 选项卡块标签的唯一标识，使用时不带逗号 - 在#id中用作每个标签及其索引号的前缀 - 如果名称中包含空格，则对于生成#id，所有空格都将由破折号代替 - 仅在当前帖子/页面的URL是唯一的2. [index] : - 活动选项卡的索引号 ...