【hexo】butterfly主题添加备案信息

原创 已于 2022-03-28 16:23:43 修改 · 3.2k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#hexo

于 2021-03-08 14:47:22 首次发布
本文指导如何在新版butterfly主题中添加备案信息，通过修改footer.pug文件，插入备案号链接，以确保网站合规展示。

butterfly主题添加备案信息

由于新版butterfly主题删除了ICP配置，所以我们无法直接通过改_config.yml文件来设置备案信息显示。
1.按照路径找到footer.pug文件

2.打开编辑加入这两行代码。
这里借鉴这位老哥的两行代码——链接

<img src="https://static.dy208.cn/o_1dfilp8ruo521thr1hvf18ji17soa.png">
<a href="http://www.beian.miit.gov.cn/"  style="color:#f72b07" target="_blank">你自己的备案号</a>

添加
在这里插入图片描述
在不同位置添加显示位置也不相同

在这里插入图片描述

【Hexo】Butterfly主题添加备案号
時光的博客
12-15 253
【代码】【Hexo】Butterfly主题添加备案号。
Butterfly主题的hexo博客添加全局吸底的aplayer，并主要实现播放网页服务器本地音乐的功能
qq_60666531的博客
01-17 2172
本人的个人博客最近已经正式完成icp备案与公安备案，成功拿到域名并完成解析。这是本人博客的实际显示效果（包含播放器实现效果）：关于hexo博客添加aplayer的教程其实网上有很多，但基本都是连接到腾讯或者网易云平台的音源，导致付费VIP歌曲只能播放30秒，令我非常难受。我就希望能够实现aplayer播放我网页服务器本地上传上去的音乐mp3文件，但是网上相关教程非常少而且不明晰，或者是针对其他主题，又或者是无法实现这种简洁好看的全局吸底效果。
hexo butterfly主题添加备案信息
fuzekun的博客
11-07 1960
hexo 网站备案信息填写
Hexo博客页脚添加ICP备案号
love421的博客
07-12 1万+
本文以Material-X主题为例说明为hexo博客添加备案号。 打开hexo/themes/material-x/layout/_partial路径下的footer.ejs文件，在合适的未知插入如下代码：
Hexo + Butterfly 搭建个人网站（三）
m0_69079573的博客
07-31 1755
在 根目录\source文件夹下新建一个文件夹css，该文件夹是用来存放自定义的css样式，再内部新建一个名为，添加下面代码。在 根目录文件中的引入刚刚创建的custom.css文件在文件中取消封面图与页脚图的加载项避免冗余加载注意：如果说改完了背景图也没了，那大概率是你之前没设置背景图。在文件设置背景图。
Hexo 博客绑定个人域名
心安便是归处
07-12 9895
前段时间用 hexo 搭建的 gitpage 个人博客，服务器用的是 github 的，然后域名默认也是 github 下的二级域名：username.github.io, 现在为了提升格调准备将自己的博客指向一个新的域名。下面记录下过程。 购买域名 国内的域名服务商有新网，腾讯云，还有阿里云的万网等。下面以阿里云的万网为例： 在万网购买了自己心仪的域名后，进入阿里云的管理控制台-域名与...
Hexo博客技巧：添加GitHub徽标
Amnesia-Fu的博客
05-12 1536
GitHub 徽标 1.GitHub 徽标可以直接通过 shields.io 在线生成。 2.理论上可以放在页面的任何地方。教程案例是添加在页脚。 3.工具网站包括： 徽标生成网站:shields 图标查询网站:simpleicons html 压缩网站:htmlpack 转义字符查询 具体步骤 通过 shields.io 在线生成。 label: 标签，徽标左侧内容 message: 信息，徽标右侧内容 color: 色值，支持支持十六进制、rgb、rgba、hsl、hsla 和 css
butterfly主题修改
weixin_44186409的博客
05-21 7349
butterflt主题 前置 开始我的主题是matery的，经过不断修改又来到了butterfly这个主题。这里省略 node 和 hexo 的安装，直接在初始化博客开始。相关操作请查看之前的博客搭建。 由于目前主题已更新，此文件中部分配置可能失效。请参考作者博客或文档进行。 安裝 在你的博客根目录下： git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly 如果想要安装比较新的
博客搭建(基于hexo)
Soul Blog
12-18 629
准备工作 博客框架：Hexo 博客主题：Fluid, Ayer, butterfly 主机：阿里云轻量级应用服务器 配置：2核2G 60GB 图床：阿里云OSS 软件：oss-browser(阿里云OSS适配) 写作工具：Typora 图床软件：PicGo 博客备份：Github，Gitee，Onedrive 博客框架选择 我采用的是Hexo作为我的博客框架，理由是：响应快速、内存占用小、文章格式统一（都使用markdown格式）、迁移能力强 文档 | Hexo 博客
将Hexo部署至云服务器
仰望星空的打工人的博客
06-25 1226
根据此大佬给的方法修改系统文件即可Linux用户密码简单引起的报错处理（BAD PASSWORD: … it is based on a dictionary word）_bad password: the password fails the dictionary ch-CSDN博客。
hexo建站教程
liutao43的博客
05-25 324
Hexo简介 Hexo是一款基于Node.js的静态博客框架,可以将生成的静态页面直接托管在github和coding上面。下面是具体的操作过程,首先将hexo布置在本地上。 将hexo部署在本地计算机上面(OS:windows) 准备步骤如下所示: 安装Git(如果没有基础安装的时候直接Next) 安装Node.js (同上,Node.js选择LTS版本就行了) 申请github账号(如果有直接跳过) 有了上面的准备工作,开始安装hexo: 下载Git后,会有一个Git Bash的命令行工具，以后
必看 | Hexo博客搭建超级指南
Justlovesmile的博客
07-16 2568
文章目录引言环境部署工作安装Node.js安装Git注册Github账号安装Hexo推送到GithubHexo基础写博客新建页面常用基本命令Hexo进阶推荐编辑器更换主题注册Coding账号注册Gitee账号绑定域名安装插件添加robots.txt创建百度站长账号创建百度/谷歌统计账号CDN图床主题配置总结Ayer主题修改魔改--适用ejs类型的主题随机博客封面添加二级菜单添加公告板Butterfly主题魔改--适用pug类型的主题valine评论博客文章加密打字机效果图标，动态图标，网页运行时间，全站黑白
使用阿里云部署Hexo博客，并且能通过域名安全访问的详细教程
qq_31860647的博客
12-27 2470
使用阿里云作为服务器，安装宝塔和node，把Hexo框架的博客部署到服务器上。配置所需：阿里云服务器，域名。使用到的环境或者工具：linux，宝塔，node，npm，cnpm，hexo，screen，XShell。
如何在个人博客上添加自己的备案信息
哎一入江湖岁月催的专栏
11-08 9611
如何在个人博客上添加自己的备案信息 即wp如何修改footer.php，添加中文备案信息 首先找到你的主题主页，然后在主题里找到footer.php 使用vim footer.php 修改 由于大家可能不太懂php语言，就先给大家贴一下代码吧 管理局要求： 恭喜您通过腾讯云备案。 通信管理局将下发网站备案号及主体备案密码到您的手机和邮箱， 获取之后请您按照管局要求将网站备案号
hexo+yilia添加网站运行时间，ICP备案信息，设定站点建立时间
荷塘月色
11-13 3356
hexo+yilia（在底部）添加: - 网站运行时间：`本站已安全运行 101 天 12 小时 13 分 41 秒` - ICP备案信息：`粤ICP备00000000号` - 设定站点建立时间（年份）：`@ 2018 - 2019`
github主页地址_Hexo + GitHub 博客更换域名及添加备案号小记
weixin_39890629的博客
12-27 848
暑假回国终于把在阿里云买的域名备案成功了，比原先的域名简短些，并且阿里云解析服务器可操作功能更多一些。于是打算换一下整体博客的域名，同时添加备案号。更换域名其实不是第一次换域名了，之前有过将 femj007.github.io 换成另外一个域名的经历，但时间长了操作也忘得差不多了，这次正好记录下来。修改_config文件信息打开hexo目录下的_config.yml文件，找到URL，将其指向域名...
Hexo博客：您备案的网站未指向阿里云国内节点（不含香港）服务器，备案号可能被取消接入
BOB'S BLOG
02-07 1万+
问题描述：经检查您的网站域名 xxxxxx 未指向阿里云国内节点（不含香港）服务器且无访问记录 ，依据工信部相关法规规定属于空壳网站，请您尽快将域名解析IP地址指向阿里云国内节点（不含香港）服务器。 如果3个工作日后检查发现该备案域名在在阿里云国内节点（不含香港）服务器上仍无访问记录，我们将删除网站备案接入信息。您的备案号可能会被注销，网站访问可能受到影响。 这个问题常见于个人博客，特别是 hex...
hexo使用畅言评论系统
永无岛
09-24 2823
一、前言经过一天的部署环境，从升级npm、下载hexo，从中经历了各种磨难，今天终于把个人博客建立起来了，参观传送门：永无岛的个人博客不过我不想讲如何搭建hexo博客，网上有一大推教程，给个传送门：如何搭建hexo个人博客作为一个博客网站，怎么能没有跟各位互动呢，而github是一个纯静态的网页博客，无法设置评论，所以就只有用其它网站的插件了。听网上说之前githubpage很多人的评论系统是用的多
在网站底部附上网站备案号
热门推荐
LuckyMon的博客
04-10 2万+
前置条件 备案号已申请通过。本文举例的网站是在腾讯云申请的服务器和域名，管局备案成功后，在全国互联网安全管理服务平台http://www.beian.gov.cn成功备案的。 步骤一 全国互联网安全管理服务平台http://www.beian.gov.cn 你的对应备案联网信息地址为 http://www.beian.gov.cn/portal/registerSystemInfo?recordc...
hexo butterfly主题
最新发布
05-07
### Hexo Butterfly 主题 使用指南 Hexo 是一款快速、简洁且高效的静态博客框架，而 Butterfly 是其众多主题之一。以下是关于 Butterfly 主题的相关资料、使用指南、配置教程以及下载方法。 #### 1. 项目目录结构及简介 Butterfly 的项目地址位于 [GitCode](https://gitcode.com/gh_mirrors/he/hexo-theme-butterfly)，该项目提供了完整的文档支持和详细的配置选项[^1]。 安装完成后，可以通过以下命令启动本地服务器并预览效果： ```bash hexo server ``` 随后，在浏览器中访问 `http://localhost:4000` 或者 `127.0.0.1:4000`，即可看到已部署的 Hexo 博客页面[^2]。 #### 2. 安装流程 为了正确安装 Butterfly 主题，需按照以下步骤操作： - 将 Butterfly 主题克隆至站点的 `themes` 文件夹下。 - 修改 `_config.yml` 中的主题字段为 `theme: butterfly`。 具体可参考相关教程中的详细描述[^3]。 #### 3. 常规配置 编辑 `themes/butterfly/_config.yml` 文件可以完成大部分自定义需求。例如，对于导航栏设置，可通过以下方式调整： ```yaml nav: Home: / Archives: /archives/ Tags: /tags/ logo: /images/logo.png ``` 更多导航栏配置详情可见官方文档链接[^4]。 #### 4. 特殊功能配置 ##### 文章置顶 如果希望某些文章能够显示在首页顶部，则需要执行以下操作： 1. 在全局依赖中卸载默认索引插件，并替换为支持置顶功能的新插件： ```bash npm uninstall hexo-generator-index --save npm install hexo-generator-index-pin-top --save ``` 2. 对于每篇需要置顶的文章，在 Front-Matter 区域添加属性 `top: true`[^5]。 ##### 图片放大查看模式（Fancybox） 启用 Fancybox 功能可以让图片具备点击放大的交互体验。只需确保已在 `_config.yml` 中开启该选项即可。 --- ### 示例代码片段 以下是一个简单的文章模板示例，展示了如何利用 Front-Matter 实现文章置顶： ```markdown --- title: 我的第一篇文章 date: 2023-10-01 12:00:00 categories: 技术分享 tags: [Hexo, Butterfly] top: true --- 这是我的第一篇文章内容... ``` --- ###
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

半生瓜のblog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值