hexo+github博客
关于Hexo搭建个人博客全教程,左边关于我界面有博主的主页,不妨瞧一瞧,觉得不错的话,记得给文章点个赞,欢迎一起交流学习!
一百个Chocolate
一个小帅哥和某厂前端搬砖。
频道内容: 前端技术,编程,我的思考。
用心去做自己热爱的事情️
座右铭: 学如逆水行舟,不进则退。
展开
-
vuepress修改源码 增加首页文章封面图(移动端适配)
最终效果如下:在node_modules中找到主题源码包然后找到 NoteAbstractItem.vue文件,用以下代码进行替换<template> <div class="abstract-item" @click="$router.push(item.path)"> <i v-if="item.frontmatter.sticky" class="iconfont reco-sticky"></i> <原创 2021-02-05 21:32:09 · 1646 阅读 · 10 评论 -
Hexo 给博客(Butterfly主题) 添加 git 贡献日历
前言考虑到最近很多小伙伴询问我这个贡献日历是怎么添加的,现在来出一份教程,废话留在文末尾,到时候再看。现在进入正文:添加贡献日历第一步 添加 gitcalendar.pug 文件找到 \themes\Butterfly\layout文件夹,创建一个名为 gitcalendar.pug 的文件,如下图所示:添加如下代码:#calendar.calendar div(:style='{top:y+px,left:x+px,position: fixed,zIndex:9999}')原创 2020-12-17 20:14:05 · 1159 阅读 · 2 评论 -
Hexo添加小部件(Butterfly主题) Pixiv 日榜
在 themes\Butterfly\layout\includes\widget文件夹新建 card_pixiv.pug文件,文件内容如下:注意:最后三行要保持空格间距一样(直接复制下面代码即可).card-widget.card-pixiv .card-content .item-headline i.fa.fa-image(aria-hidden="true") s...原创 2020-05-19 16:49:35 · 1721 阅读 · 0 评论 -
Hexo添加小部件(Butterfly主题) 日历
安装 hexo-generator-calendar 插件cnpm install --save git://github.com/howiefh/hexo-generator-calendar.git下载 calendar.js和 languages.js 文件,保存到 themes\Butterfly\source\js 目录calendar.js 下载地址languages.js...原创 2020-05-19 16:48:58 · 2493 阅读 · 7 评论 -
Hexo添加小部件(Butterfly主题) Hexo哔哩哔哩番剧页面插件
安装npm install hexo-bilibili-bangumi --save更新npm install hexo-bilibili-bangumi --update --save配置将下面的配置写入站点的配置文件_config.yml里 (不是主题的配置文件)。bangumi: enable: true vmid: title: '追番列表' quote...原创 2020-05-19 16:47:44 · 3851 阅读 · 4 评论 -
Hexo添加小部件(Butterfly主题) 添加卡通人物(看板娘)
输入如下命令获取 live2d:npm install --save hexo-helper-live2d输入以下命令,下载相应的模型,将 haruto 更换成你想要的模型名称即可(本人就选haruto),更多模型选择请点击此处,各个模型的预览请访问原作者的博客npm install live2d-widget-model-haruto打开站点目录下的 _config.yml文件,添加...原创 2020-05-19 16:47:22 · 3708 阅读 · 5 评论 -
Hexo添加小部件(Butterfly主题) 地址栏添加 abbrlink
背景:不想要2020/xx/xx/xxx/xx这样比较长的说明,想要简短一点的。解决:安装 hexo-abbrlink 插件npm install hexo-abbrlink编辑 站点的 _config.yml文件,找到 permalink , 改成 permalink: posts/:abbrlink/具体位置,可以参考下图:最后,在你写的文章 front部分,添加自定义 ab...原创 2020-05-19 16:46:42 · 1631 阅读 · 1 评论 -
hexo butterfly主题 添加全局吸底APlayer
第一步打开 themes\Butterfly\layout\includes\head.pug结尾加一句include ./third-party/aplayer.pug第二步然后在themes\Butterfly\layout\includes\third-party\里面新建一个文件叫 aplayer.pug ,内容如下if theme.aplayer && theme.aplayer.enable .aplayer(data-id=theme.aplayer.id d原创 2020-05-19 16:45:53 · 3893 阅读 · 23 评论 -
【已解决】hexo博客 执行git add . 报changes not staged for commit 错误的解决方法
今天更新 仓库 后,有小伙伴 fork 了本博客项目,但是报错了,于是就找到了我。检查了半天,也没发现问题所在,于是打开仓库,自己clone一下,发现我原本从原作者clone下来的主题,没有上传到我自己的 github 仓库上。少了那么多文件,当然会报错啊…不多说了,下面开讲解决办法:1.先强行删除clone来的目录下的 .git 文件夹2.重新git init 然后git remo...原创 2020-04-26 22:36:17 · 1198 阅读 · 0 评论 -
【源码开放】Hexo+Github+Coding 博客butterfly 和 matery 主题 搭建完全教程【整理】
注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦,所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看,谢谢您的支持~原创 2020-04-24 16:58:56 · 11383 阅读 · 24 评论 -
ERROR Plumber found unhandled error: Error in plugin "gulp-htmlmin"
# 全局安装gulp模块npm install gulp -g# 安装各种小功能模块 执行这步的时候,可能会提示权限的问题,最好以管理员模式执行npm install gulp gulp-htmlclean gulp-htmlmin gulp-minify-css gulp-uglify gulp-imagemin --save# 额外的功能模块npm install gulp-d...原创 2020-02-20 22:28:25 · 3689 阅读 · 0 评论 -
hexo+github+coding 搭建个人博客,你要的 大佬资料 都在这(项目完结整理)
1.前言原本是计划刷题继续提升自己的,奈何看了一个b站up主的关于搭建个人博客的视频,其中有提到对于计算机的我们来说,有一个属于自己的博客是挺重要的,不仅能作为自己的记录,而且还能写进自己简历,丰富大学生活等等。于是,我就折腾了大概10多天左右,从一开始搭建hexo博客搭建个人博客 Hexo框架 (自制)到使用了yila主题,但做着做着发现原来主题上面还有升级版的主题,我看到了yilia主...原创 2020-02-18 20:08:48 · 6050 阅读 · 72 评论 -
【置顶-必看】博主的个人主页 (欢迎一起交流学习)
欢迎大家在留言板留下你的足迹,一起讨论学习,欢迎交换友链!## 访问博主的个人主页 ##原创 2020-02-15 14:42:25 · 1009 阅读 · 0 评论 -
ERROR Process failed: about/index.md
背景在创建about页面是报了这样一个错ERROR Process failed: about/index.mdTypeError: Cannot read property ‘utcOffset’ of null折腾了半天发现原来站点的配置文件的timezone也就是时区必须要和主题的的配置文件一致解决把这两个文件下的timezone都设为Asia/Shanghai就解决了...原创 2020-02-14 14:52:20 · 1582 阅读 · 3 评论 -
FATAL Permission denied. You can't use port 4000.
服务器问题Error: listen EADDRINUSE您可能同时开启两个 Hexo 服务器,或者有其他应用程序正在占用相同的端口,请尝试修改 port 参数,或是在启动 Hexo 服务器时加上 -p 选项。解决hexo server -p 5000学如逆水行舟,不进则退...原创 2020-02-14 13:03:42 · 1553 阅读 · 1 评论 -
用katex引擎(markdown渲染加速) hexo的 yelee 主题
依次执行以下命令npm install hexo-math --savenpm un hexo-renderer-marked --savenpm i hexo-renderer-markdown-it-plus --save配置站点根目录下面的_config.yml:math: engine: katex katex: css: https://cdn.jsde...原创 2020-02-13 12:02:51 · 1202 阅读 · 0 评论 -
gulp加速hexo的yelee主题
依次执行以下命令npm install gulpnpm install gulp-htmlclean gulp-htmlmin gulp-minify-css gulp-uglify gulp-imagemin --save站点的根目录下新建gulpfile.js:var gulp = require('gulp');var minifycss = require('gulp-min...原创 2020-02-13 11:59:53 · 1620 阅读 · 0 评论 -
【Win10】Hexo 搭建个人主页 (十一)添加网易云音乐
前言本篇博文是关于。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Win10】Hexo 搭建个人主页 (一)解决所有文章,缺失模块问题推荐阅读:【Win10】Hexo 搭建个人主页 (二)配置图...原创 2020-02-11 19:03:34 · 1435 阅读 · 2 评论 -
【Win10】Hexo 搭建个人主页 (十)添加版权说明(更新配置版)
前言本篇博文是关于添加版权说明。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Win10】Hexo 搭建个人主页 (一)解决所有文章,缺失模块问题推荐阅读:【Win10】Hexo 搭建个人主页 ...原创 2020-02-11 16:30:33 · 997 阅读 · 0 评论 -
【Win10】Hexo yilia主题 搭建个人主页【整合目录】
前言由于特殊时期,对于学习的时间更多了一点,与其每天发霉,不如好好利用这个时光做点有意义的事情,于是,发现自己动手从零搭建一个个人主页就是一个不错的选择,既能锻炼动手能力,又能做出一点让自己很有成就感的东西。备注:由于博主水平有限,也还在学习当中,从零搭建自己的个人主页,主页也还在建设中,如果大家有什么不错的点子,或者更加优美的界面,特别欢迎您的分享~持续更新中…以下就是我目前做的从零搭...原创 2020-02-11 16:05:00 · 4084 阅读 · 0 评论 -
【Win10】Hexo 搭建个人主页 (九)添加字数统计和阅读时长功能
前言本篇博文是关于添加字数统计和阅读时长功能。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Win10】Hexo 搭建个人主页 (一)解决所有文章,缺失模块问题推荐阅读:【Win10】Hexo ...原创 2020-02-11 14:33:19 · 1121 阅读 · 0 评论 -
【Win10】Hexo 搭建个人主页 (八)添加Gitment评论系统(中文版本已解决)
前言本篇博文是关于添加Gitment评论系统。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Win10】Hexo 搭建个人主页 (一)解决所有文章,缺失模块问题推荐阅读:【Win10】Hexo ...原创 2020-02-11 13:37:41 · 1092 阅读 · 0 评论 -
【Win10】Hexo 搭建个人主页 (四)文章显示目录
前言本篇博文是关于文章显示目录。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Win10】Hexo 搭建个人主页 (一)解决所有文章,缺失模块问题推荐阅读:【Win10】Hexo 搭建个人主页 ...原创 2020-02-11 10:31:59 · 1829 阅读 · 0 评论 -
【Win10】Hexo 搭建个人主页 (七)增加不蒜子统计(详细)
前言本篇博文是关于增加不蒜子统计。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Win10】Hexo 搭建个人主页 (一)解决所有文章,缺失模块问题推荐阅读:【Win10】Hexo 搭建个人主页...原创 2020-02-11 11:16:55 · 2251 阅读 · 14 评论 -
【Win10】Hexo 搭建个人主页 (六)修改代码块样式
前言本篇博文是关于修改代码块样式。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Win10】Hexo 搭建个人主页 (一)解决所有文章,缺失模块问题推荐阅读:【Win10】Hexo 搭建个人主页...原创 2020-02-11 10:57:49 · 3134 阅读 · 1 评论 -
【Win10】Hexo 搭建个人主页 (五)增加归档菜单
前言本篇博文是关于增加归档菜单。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Win10】Hexo 搭建个人主页 (一)解决所有文章,缺失模块问题推荐阅读:【Win10】Hexo 搭建个人主页 ...原创 2020-02-11 10:34:01 · 944 阅读 · 2 评论 -
【Win10】Hexo 搭建个人主页 (三)文章显示摘要
前言本篇博文是关于文章显示摘要。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Hexo】搭建个人主页 (一)解决所有文章,缺失模块问题推荐阅读:【Win10】Hexo 搭建个人主页 (二)配置图...原创 2020-02-11 10:21:49 · 1666 阅读 · 1 评论 -
【Win10】Hexo 搭建个人主页 (二)配置图片资源
前言本篇博文将配置图片资源。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )推荐阅读:【Hexo】搭建个人主页 (一)解决所有文章,缺失模块问题准备工作添加图片资源文件夹。 路径为themes/yili...原创 2020-02-11 09:53:14 · 2537 阅读 · 5 评论 -
【Win10】Hexo 搭建个人主页 (一)解决所有文章,缺失模块问题
前言本篇博文将解决所有文章,缺失模块问题。如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:推荐阅读:【Win10】搭建个人博客 Hexo框架 (自制)推荐阅读:【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )准备工作我们点击所有文章按钮,会出现如下界面,按照它上面要求来就是了老规矩,在项目文件夹根目录下输入以下命令:np...原创 2020-02-11 09:15:00 · 1549 阅读 · 5 评论 -
【Win10】搭建个人博客 Hexo框架(部署到 github 上并 导入美化样式 )
前言首先登进去github,然后创建一个新的仓库,名字必须要有一个规范:你的用户名.github.io (必须这样命名,前面的就是Owner那你的用户名!!!)例如:Chocolate666.github.io部署工作安装git部署插件在项目文件夹Shift+鼠标右键 用PowerShell打开 然后输入以下命令进行安装:cnpm install hexo-deployer-g...原创 2020-02-09 22:16:49 · 2065 阅读 · 1 评论 -
【Win10】搭建个人博客 Hexo框架 (自制)
前言hexo框架目前是比较主流的博客框架,我们一起来尝试自制搭建个人博客,话不多说,开始!搭建环境安装Node.js安装成功后,用管理员身份打开cmd,查看node和npm的版本,看是否安装成功由于国内镜像源速度比较慢,一般先安装cnpm淘宝源,复制下列命令粘到cmd执行npm install -g cnpm --registry=https://registry.npm.taoba...原创 2020-02-09 20:06:38 · 4124 阅读 · 9 评论