Hexo博客
文章平均质量分 81
Chak Aciano
个人博客地址:https://aciano.top/
展开
-
Hexo:Butterfly添加天气组件
简单介绍了Butterfly主题下的Hexo博客如何在标题栏中添加天气组件的步骤。其中使用了和风天气的天气插件。原创 2022-07-08 22:59:57 · 1416 阅读 · 6 评论 -
Hexo博客美化日记 || Amnesia’s Blog
记录我的Hexo博客美化过程,并提供一些参考代码及文章。涉及更改字体、评论气泡等样式。原创 2022-02-04 16:46:30 · 1099 阅读 · 0 评论 -
Hexo博客重建之路
前言前段时间,因为我的电脑硬盘损坏,所有的文件丢失,且我没有对Hexo博客的文件进行备份,只在五个月前copy了所有的markdown文件到云盘上。查阅了网上的一些教程,觉得应该是没办法救回来了,于是打算重新在本地部署这个Hexo博客。同时也写下这篇文章记录下这个过程,并为有需要的人提供一个参考。准备虽然本地的文件丢失了,但是GitHub上的仓库还是在的,所以我们这里跳过新建仓库的步骤配置本地文件、Git以及安装Hexo本地程序的步骤,请参考之前的教程:Hexo 搭建个人博客:从开始到放弃当你原创 2022-02-03 10:07:15 · 1016 阅读 · 0 评论 -
部署Twikoo评论系统及其邮件推送(Vercel)
详细介绍了使用Vercel+MongoDB方案搭建Twikoo评论系统的过程,并实现邮件自动通知回复信息。原创 2022-02-02 18:01:11 · 6491 阅读 · 15 评论 -
Hexo博客技巧:添加首页置顶轮播图
写在最前本项目是对冰卡诺老师写的教程:基于 Butterfly 主题的轮播手动置顶文章进行重构,精简了部分样式。适配 pjax。资源下载由于本教程涉及的所有修改对缩进格式等有严格要求,担心自己控制不好的可以直接下载静态资源。参照教程进行修改。下载资源文件魔改步骤1.新建 [Blogroot]\themes\butterfly\layout\includes\sliderbar.pug.blog-slider.swiper-container-fade.swiper-container-h转载 2021-05-13 23:15:12 · 1370 阅读 · 1 评论 -
Hexo博客技巧:利用JsDeliver加速文件
前言众所周知,GItHub的服务器是在国外的,曾经还被墙过,那么利用GitHub Pages搭建好的博客后本身就已经够慢了,再加上博客里的图片、css、js等这类文件就更慢了。那么可能有人会说,我把图片放图床上,css这类文件少写点不就行了。那你又可曾想过万一图床跑路了,你的博客里全是失效图片了呢。下面就讲一种方法,令你的文件访问不仅速度快,还不用担心它失效。JsDeliver的优势免费稳定速度快你不用担心它会跑路,因为你的文件是存储在GitHub上的。且这是免费的,无上限。文末会有原创 2021-05-13 23:06:11 · 968 阅读 · 0 评论 -
Hexo博客技巧:添加GitHub徽标
GitHub 徽标1.GitHub 徽标可以直接通过 shields.io 在线生成。2.理论上可以放在页面的任何地方。教程案例是添加在页脚。3.工具网站包括:徽标生成网站:shields图标查询网站:simpleiconshtml 压缩网站:htmlpack转义字符查询具体步骤通过 shields.io 在线生成。label: 标签,徽标左侧内容message: 信息,徽标右侧内容color: 色值,支持支持十六进制、rgb、rgba、hsl、hsla 和 css转载 2021-05-12 22:37:27 · 1222 阅读 · 1 评论 -
Hexo博客技巧:侧边栏添加历史上的今天卡片
前言本来想自己写教程的,无奈太简单了,都没什么好写,直接搬作者的教程过来好了。原文:小冰博客:基于butterfly主题的历史上的今天 2.0重置版什么是历史上的今天?这个要从我还是一个小白说起,当时刚开始写博客,只会 jquery 的我为了练手,写了最初的历史上的今天项目。当时说实话,其实我的前端知识有限,套用了一个基于 jquery 的滚动模板,老实说只能是东拼西凑的产物。但这个作品却得到了好评,并在前几天还有人在问我有关历史上的今天部署的问题。考虑到 butterfly 已经完全去了 jque转载 2021-05-11 06:27:46 · 977 阅读 · 0 评论 -
Hexo博客技巧:对文章进行加密
前言你可能需要写一些私密的博客, 通过密码验证的方式让人不能随意浏览.这在 wordpress, emlog 或是其他博客系统中都很容易实现, 然而 hexo 除外. ????hexo-blog-encrypt插件就能很好地解决这个问题.特性一旦你输入了正确的密码, 它将会被存储在本地浏览器的 localStorage中. 按个按钮, 密码将会被清空. 若博客中又脚本, 它将会被正确地执行.支持按标签加密.所有的核心功能都是由原生的 API 所提供的. 在 Node.js中, 我们使用原创 2021-05-10 23:00:35 · 3482 阅读 · 0 评论 -
Hexo博客技巧:爬取豆瓣数据生成电影页面
前言今天就来讲讲如何在Hexo页面中嵌入豆瓣个人主页。使用插件Butterfly主题使用hexo-butterfly-douban插件其他非Butterfly主题使用hexo-douban插件这两个插件的功能是相同的,只是hexo-butterfly-douban插件适配Butterfly主题,可以配置 meta, top_img, comments 和 aside安装hexo-butterfly-douban插件:在Hexo博客根目录右键Git Bash,输入以下命令安装插件:npm原创 2021-05-10 22:51:44 · 1414 阅读 · 0 评论 -
Hexo博客技巧:提升博客访问速度
前言之前说到,GitHub的服务器在国外较慢,虽然可以使用JSDeliver加速文件,但是效果并不是很明显,速度没有得到明显提升,这篇文章就讲讲怎么利用hexo-offline-popup插件提升博客访问速度,且还能实现博客更新后弹窗提醒的功能。hexo-offline-popuphexo-offline-popup 是一个 hexo 插件, 它可加速您的Hexo网站的加载速度,以及网站内容更新弹窗提示。该插件基于停止维护已久的hexo-service-worker插件,并在它的基础上加以改进。原创 2021-05-10 22:39:24 · 3510 阅读 · 2 评论 -
Hexo博客技巧:使用阿里iconfont图标
前言虽然Butterfly主题支持直接调用font-awesome v5图标,但是Font Awesome无论是v4还是v5支持的图标都太少了,关于国内平台的图标几乎是寥寥无几。所以便想到可以使用阿里iconfont图标库,但官方文档中并没有介绍用法,于是只能自己来了。具体过程新建项目进入阿里 iconfont 图标库,寻找你想要的图标,并且将鼠标悬停在图标上,点击购物车图标。如下图:将你所有需要用到的图标添加入库后,点击网站右上角的购物车图标:然后你就会来到一下界面,选择Font cl原创 2021-05-10 22:33:03 · 1156 阅读 · 6 评论 -
Hexo博客技巧:添加说说页面
前言Hexo搭建的博客是静态的,意味着每一次更新文章或进行其他操作都需要部署上传。而Artitalk是一款基于 LeanCloud 实现的可实时发布说说/微语的插件,可以做到: 实时发布说说,点击即可删除 支持 Markdown/HTML 语法 方便引用下面就来讲讲怎么利用Artitalk为博客添加说说页面。在此之前你可以前往 https://amnesia-f.github.io/shuoshuo/ 看看我的说说页面快速使用一些主题已经整合了Artitalk,可以直接使用:hexo原创 2021-05-10 22:11:51 · 1746 阅读 · 0 评论 -
Hexo博客技巧:为博客插入音乐
前言想要给博客添加音乐,最简单的方法便是利用第三方音乐平台提供的外链播放器,可是效果并不好,外观丑没歌词且体验极差。如果使用Hexo-Tag-Aplayer插件的话这个问题就能很好地解决了。原先 hexo-tag-aplayer 不支持 MetingJS,使得需要图片url,音乐url等等参数,操作起来都很麻烦,需要去音乐网站扒音乐播放链接或者下载下来存储在七牛云或本地。但是3.0新版本的Aplayer已经支持MeingJS了,MetingJS 是基于Meting API 的 APlayer 衍生原创 2021-05-10 21:57:29 · 5647 阅读 · 12 评论 -
Hexo博客技巧:优化博客文章链接
前言在Hexo的默认设定中,你的博客文章链接是由:year/:month/:day/:title/构成的,即按照年:月:日:标题的格式来生成链接,如果你的文章标题中还含有中文的话,复制URL链接就会有一大串编码字符,想分享博客文章链接可能会出现以下场景:如果使用hexo-abbrlink插件的话,这个问题便能很好地解决了!具体过程1.首先在博客根目录运行Git Bash,输入以下指令安装hexo-abbrlink:npm install hexo-abbrlink --save2.打开站点原创 2021-05-10 21:48:16 · 907 阅读 · 0 评论 -
Hexo博客技巧:添加自定义html页面
前言以前收集了很多有趣的html特效文件,自己也写过不少,但是这些文件都有一个缺点:只能本地浏览。很早以前就有一个想法,就是将这些文件部署到网站上供人们随时随地浏览,只是一直没能实现。现在有了自己的博客,正好实现完成这个想法。具体过程1.首先在博客根目录的source文件夹下,新建一个文件夹用于存放要部署的HTML文件:我这里建了一个叫HTML的文件夹,里面的子文件夹可以存放各个HTML文件,当然也可以只创建一个主文件夹,直接在里面放HTML文件。2.然后在博客根目录的配置文件_config原创 2021-05-10 21:36:23 · 8177 阅读 · 3 评论 -
搭建Hexo博客中遇到的那些“坑”
目录前言那些“坑”:1.运行后网页显示代码:2.部署后提示:ERROR Deployer not found: git3.提示hexo INFO Validating config4.提示什么我忘记记录下来了,总之是因为版本过低5.Butterfly主题无导航菜单和社交图标6.安装Aplayer时报错7.运行hexo d时提示client_loop: send disconnect: Connection reset by peer8.上传时提示fatal: Coul原创 2021-05-10 20:59:18 · 1817 阅读 · 1 评论 -
使用Hexo搭建一个属于自己的博客
目录前言简介GitHub Pages 是什么?Hexo 是什么?Hexo + GitHub 文章发布原理优缺点搭建步骤一:在GitHub创建个人仓库搭建步骤二:配置本地环境搭建步骤三:配置Git连接GitHub搭建步骤四:本地安装Hexo博客程序搭建步骤五:部署 Hexo 到 GitHub Pages常用命令结语End前言这是一个非常悲伤的故事,如标题所言,我已经被这Hexo搞崩溃了,原因就是bug太多...(其实这是篇教程)不过言归正原创 2021-05-10 20:45:13 · 337 阅读 · 0 评论