Sakura
文章平均质量分 56
基于Hexo平台,Sakura 主题由Mashiro&Hojun制作,本栏基于Sakura主题进行扩展学习记录。魔改了很多,主题源码在gitee仓库https://gitee.com/cungudafa/hexo-theme-sakuraplus
cungudafa
纯干货零收费,踩坑这件事儿我是专业的,能帮一个是一个,留个赞温暖你我他,幸福码农快乐搬砖,哈哈哈哈~
展开
-
Hexo(sakura)+gitee/github搭建个人博客(总结)
一、前言问1:为什么要博客?答1:①简历上增添一笔色彩;②计算机专业有属于自己的博客挺重要的,无论是学习记录还是记录生活;③博客汇友,又扩展一个学习圈;④疫情期间,我有大把时间填坑踩坑,鼓捣鼓捣~????问2:为什么要选择Hexo,而不是WordPress或者线上平台csdn、cnblog、简书等等?答2:① WordPress 是基于php的博客搭建,需要 云服务器,Hexo是将博客转为网页h...原创 2020-02-23 13:42:40 · 3175 阅读 · 13 评论 -
hexo(sakura)部署sakuraplus踩坑
前言记一次搭建blog的过程,及修复;自己发在gitee上的代码简单介绍了,就没有再管理过,最近有一两个小伙伴在问遇到的问题,还真是,况且我的服务器域名到期,我这里复现搭建一下。硬装环境win10,VScode,git,npm主题樱花:https://gitee.com/cungudafa/hexo-theme-sakuraplus操作步骤1. 安装hexo官网:https://hexo.io/zh-cn/在git中配置hexo环境、新建一个blog文件夹、进入blog文件夹、初始化h原创 2021-02-04 18:21:52 · 1237 阅读 · 5 评论 -
hexo-sakura添加gitalk评论
文章目录前言背景正文1.注册应用2.博客配置gitalk配置出错参考前言背景之前一直用的valine评论系统,也魔改了很多,but最近有通过appid和appkey恶意刷评论的脚本,不知道我的小小站得罪了哪位“dalao”,总之,valine不能用了,也有人推荐了好几个评论系统,一直懒于动刀,今天算是不太忙(工作摸鱼),也是无意间看到gitalk,算是眼缘吧,安装试试。正文前提:你有github账号、hexo博客,没有的话度娘创建。1.注册应用在github上,这个地址注册一个评论的应用:R原创 2020-10-14 17:55:25 · 572 阅读 · 1 评论 -
hexo(sakura)复制文章自动添加追加版权信息
文章目录一、前言二、sakura配置1.主题配置2.添加引用3.主题js配置(1)js引用位置(2)修改js三、总结一、前言文章被盗,被爬取,内容被cv,你是否很苦恼?被复制时,自动给文章内容添加原文信息。????思路:监听网页复制粘贴被复制时自动添加文章原文信息扩展:设置复制内容阈值,超过指定字数追加版权信息可选择设置描述内容二、sakura配置hexo基本原理:读取config.yml配置信息,将内容渲染到html中(sakura主题是采用ejs渲染模板),本例中js控原创 2020-06-09 18:15:02 · 1532 阅读 · 2 评论 -
hexo(sakura)给博客增添侧边栏(回到顶部,跳转评论,深色模式,播放音乐)
文章目录一、前言1.序2.效果预览二、原理1.回到顶部2.跳转评论3.深色模式4.播放音乐5.展开侧边栏三、直接使用一、前言1.序之前butterfly主题有深色模式和阅读模式,感觉很nice,但一直没有动手,直到昨天无意间溜达到小伙伴的博客(Powered by Typecho ※ Theme is Cuteen),又碰巧去点了点深色模式。嗯,爱了爱了,太喜欢所以移植了一下,对移植也有一定的修改,如果涉及侵权,就删除这个功能;移植到hexo驱动的sakura主题下,当然在sakuraplus主题原创 2020-06-02 19:03:22 · 3811 阅读 · 13 评论 -
hexo(sakura)仿gitee添加文章贡献度日历图(echarts)
文章目录一、前言二、正文1.配置2.流程说明(1)读取date(2)日历显示规则3.优化一、前言一直想要模仿github和gitee代码提交统计样式,今天在echarts找到了日历图模块的接口,漂亮!在hexo文章achives页面添加显示效果如下:当然,在sakuraplus主题下已经融合了该功能哦!二、正文1.配置在主题配置文件themes\sakura\_config.yml下添加:# Whether to display post-calender in the `archi原创 2020-05-29 11:43:33 · 2426 阅读 · 4 评论 -
hexo(sakura)修复和优化(ejs基本操作)
文章目录一、前言二、基本操作1.如何在ejs中获取config.yml的配置内容2.如何在ejs中增加判断三、优化1.修复首页404图片2.增加自动获取文章前50个字为摘要3.增加自动获取作者信息一、前言这两天论文基本结束了,等待查重和答辩的过程中,姑又对个人网站博客主题下手了。这里先回答几个问题:为什么会选择hexo博客框架?答:静态页面,github、gitee、coding、服务器支持都比较好。为什么会选择sakura主题?答:中间也有使用过其他主题,都很不错,但转悠转悠又回到了s原创 2020-05-28 16:22:25 · 1499 阅读 · 2 评论 -
hexo-theme-SakuraPlus主题文档
hexo-theme-sakuraplusHexo主题Sakura由Hojun大佬修改自WordPress主题Sakura,感谢原作者Mashiro由于sakura最近没有再更新了,我对之前的魔改笔记进行了调整和整理,开源hexo-theme-sakuraplus版本。特性简单漂亮,文章内容美观易读响应式设计,博客在桌面端、平板、手机等设备上均能很好的展现首页轮播文章及自动切换 Banner 图片背景壁纸切换(增加)时间轴式的归档页支持pjax刷新友情链接页面 (增加了config原创 2020-05-24 22:56:34 · 3543 阅读 · 21 评论 -
Valine-1.4.4新版本尝鲜+个性制定(表情包、qq头像、UI样式)
文章目录一、前言二、尝鲜一、前言大晚上又魔改评论系统了,2020年4月16日01:56:39把新版本的自定义图片改出来了,2333,valine的新版本变化蛮大的。1.4.4 强势来袭二、尝鲜官方更新文档:v1.4.0~1.4.4, 2020-04-11A 新的SDK加载逻辑A新增图片表情 --》算是优化了1.3.10中的表情,个性表情需自改,我在后文中给出方法A 新增...原创 2020-04-16 13:22:03 · 5237 阅读 · 10 评论 -
Hexo(sakura)neat压缩导致首页归档页面分页处错位(完美解决)
文章目录一、前言0.报错内容二、解决问题1.原因分析2.解决方法3.总结一、前言我错了,几个人跳坑了,我以为只是删掉一些注释,没什么大不了,少写了一篇博客,23330.报错内容(首页和归档页的)正常页面:报错页面:(分页bug了)二、解决问题1.原因分析凡是F12,嗯,这些多出来的是article标签,为什么???多了一个 “- - >” 妖怪?不用说就是注释出问题...原创 2020-04-14 23:16:13 · 648 阅读 · 0 评论 -
Hexo(sakura)添加Rating投票功能
文章目录一、Rating简介二、配置1.申请账户2.配置投票样式3.hexo配置一、Rating简介有没有在看完文章后,给文章打过评分呢?评分需要css画出5个五角星;js点击,然后记录评分值并改变星星;但是刷新界面后,之前的评价就没有了,保存评分的话需要数据库,怎么办?不会写后台没有关系,widgetpack.com给我们提供了这个接口,非常nice哦!接下来就是如何给我们的文章加...原创 2020-03-11 16:40:49 · 686 阅读 · 0 评论 -
hexo(sakura)引入fancybox优化图片视频查看效果
文章目录一、fancybox介绍二、hexo中添加fancybox1. 添加引用2.修改配置题外话:原本在hexo-theme-sakura作者hojun的添加下有zoom功能,我也乖乖根据配置进行调整,并参考实现了zoom.js缩放图片功能,只能简单缩放,不够美观,还会出现白屏的情况。我果断放弃了。一、fancybox介绍在我们平常阅读博文时,常遇到:图片太小,字看不清的情况...原创 2020-03-04 18:08:51 · 2370 阅读 · 0 评论 -
Valine--修复评论者昵称跳转外链出错
文章目录一、发现问题二、解决办法一、发现问题在valine评论list点击评论者姓名跳转链接出错:报错位置:(F12我定位到vnick这个链接标签的herf属性出错,外链跳转需要网址头的)查看了Leancloud控制台这位评论者的评论,只有域名,而不是网址:valine评论者属性有:【nick、email、link】 ,这里herf默认读取的link属性;如果 link 没有填写...原创 2020-03-04 14:36:03 · 682 阅读 · 0 评论 -
为你的博客引入——今日诗词、每日一言(js插件分享)
文章目录一、今日诗词二、每日一言一、今日诗词今日诗词API,是一个可以返回一句古诗词名句的接口。它可以通过图片和 JSON 格式调用。今日诗词 API 根据不同地点、时间、节日、季节、天气、景观、城市进行智能推荐。官网:www.jinrishici.com <h1> 念两句诗</h1> <p id="poem"> 叙...原创 2020-03-04 14:03:14 · 7036 阅读 · 1 评论 -
Valine-实现QQ邮箱识别生成头像地址(完美解决头像问题)
一、前言WordPress-sakura版本中,Mashiro大佬是添加了QQ邮箱识别生成头像地址的功能的,但是hojun大佬移植时没有注意这个功能哦!参考了其他版本评论系统对头像的处理方法:Typecho实现QQ邮箱识别生成头像地址获得两个接口????,美滋滋:一个是QQ头像的,一个是Gravatar国内源,它们的调用方式如下。QQ头像 http://q1.qlogo.cn/g?b...原创 2020-03-03 20:05:13 · 7065 阅读 · 16 评论 -
Hexo(sakura)自定义标签云
自定义标签云一、效果二、演示1. 新建tags资源文件夹2. 创建样式文件3. 局部显示标签云一、效果之前引入的标签云插件,看似很炫酷,实则有点鸡肋,今天忍不住又开始魔改前端css了Hexo(sakura)建立标签云hexo-tag-cloud演示页面快速门文章末尾显示标签云:如果感觉还行的话,可以向你的博客里加入哦!步骤超简单~二、演示我这里是hexo-sakura主题,...原创 2020-03-02 18:34:24 · 1719 阅读 · 0 评论 -
Hexo自动部署到阿里云(Ubantu16.04)【超详细踩坑记录】
服务端部分环境准备如果服务器没有安装git的话,需要安装git。此外,因为我的服务器上正在跑着我的个人网站,它已经占用了80端口,要再加一个网站的话需要做反向代理,于是需要安装nginx。首先把我的个人网站的端口改成82备用,把80端口空出来,然后安装Nginx:》 重启Apachesudo /etc/init.d/apache2 restartsudo apt instal...原创 2020-03-01 17:13:12 · 1757 阅读 · 2 评论 -
Hexo(sakura)添加说说页面
在自己的网站中添加说说页面,类似于qq空间一样:实现操作也比较简单:css处理样式就好了,这是静态处理的页面,如果有后台还可以实时添加发布说说,更高配一点。转载 2020-02-25 19:40:14 · 2159 阅读 · 13 评论 -
Valine - 自定义邮件回复提示
前言前面一篇文章主要写了:Valine - 一款快速、简洁且高效的无后端评论系统在Hexo(sakura)主题中引入valine评论系统以及魔改diy样式!插曲:根据cndrew的提醒,这里修改一处:修改如图:正文Valine - 自定义邮件回复提示效果图:leancloud自带原模板(valine是基于leadcloud)第三方Valine-admin模板彩虹主...原创 2020-02-25 16:36:29 · 3079 阅读 · 12 评论 -
Hexo(sakura)建立标签云hexo-tag-cloud
Hexo博客Next主题建立标签云hexo-tag-cloud及效果展示转载 2020-02-23 16:35:01 · 1106 阅读 · 1 评论 -
Hexo(sakura)搜索功能不能使用
补坑:npm install hexo-generator-json-content --save参考于:yremp.live/hexo-sakura-questions/转载 2020-02-19 22:09:25 · 988 阅读 · 1 评论 -
Hexo-SEO搜索引擎优化(sitemap)
一、提交站点地图的作用假如你在百度上搜索信息:hexo(sakura)博客:会返回n多条搜索结果,来源于不同的平台推送,但是每条结果都会有不同的匹配度,按搜索引擎排序规则进行排序。作为站长,如何让你的文章也能被其他人百度搜索到,谷歌搜索到,且尽量能把排名靠前一点呢?问:搜索引擎是如何获取这些信息的呢?答:搜索引擎通过蜘蛛抓爬的方式来收录各网站信息。首先,站长必须知道的两个定义:...原创 2020-02-19 21:56:55 · 1376 阅读 · 5 评论 -
photoswipe 移动端PC端兼容图片相册预览
一文直接解决fancybox的问题,再也不用纠结md写:![name](url)还是{% image url name%}直接大图查看适配!!!html均可用:https://blog.csdn.net/lunsunhuan1825/article/details/96474155...转载 2020-02-19 00:34:20 · 507 阅读 · 1 评论 -
Github+Hexo博客增添相册功能
前言:hexo的sakura主题默认是不含有相册页面的,如果想添加此页面需自行编写效果图预览,思路:不能把所有图片都放在source静态资源下,一是数据量太大,增加Hexo的负担(所以我们把图片放在github),二是加载高清大图片资源缓慢(所以我们用python对图片进行批量压缩处理),这样加载呈现压缩图,点击才加载原图。本文参考于Hexo+Github实现相册功能作者:LawLite...原创 2020-02-18 22:40:50 · 1286 阅读 · 4 评论 -
Hexo(sakura)设置文章置顶+私密文章
https://blog.csdn.net/qwerty200696/article/details/79010629原创 2020-02-17 18:54:06 · 2922 阅读 · 6 评论 -
Hexo(sakura)插入图片,视频,音乐
文章目录一、在Hexo中插入哔哩哔哩视频二、在Hexo中插入fancybox图片查看三、总结参考:hexo-sakura主题配置–hojun一、在Hexo中插入哔哩哔哩视频效果:步骤:个人插件hexo-tag-bili中文文档,用来在文章或单页面中插入B站外链视频2.1安装npm i hexo-tag-bili --save2.2在Hexo博客的文章或者单页面...原创 2020-02-15 22:46:48 · 2437 阅读 · 2 评论 -
Hexo(sakura)主题Mashiro大佬同款LOGO修改方法
sakura主题Mishiro大佬的博客:樱花家的白猫本文转载于雾时之森,稍加修改。首先找到一款你想要的字体,我这里用的是 kitty原始猫咪中文智能手机字体。由于中文字体包都很大不利于WEB环境,这里我们需要使用 Fontmin 从字体包里提取出我们要使用的字体。下载 Fontmin客户端 和 你要用的字体包挑选出需要的字:(字体包提前重命名为logo)生成简要型字体...原创 2020-02-15 18:33:33 · 2131 阅读 · 2 评论 -
Hexo-neat插件优化提升访问效率
文章目录一、neat插件简介二、使用教程三、灵活exclude配置(易错)一、neat插件简介对于任何一个网站来说,优化页面的访问速度是必须的,个人来说,只要加载页面十秒以上或长时间处于空白或加载状态,我会立刻关掉此页面的。你又能容忍几秒呢?问:那么怎么提高hexo这个静态博客的页面加载速度呢?答: 可以从以下的几个方面去入手:将js渲染文件尽可能放置到(</body>之前...原创 2020-02-15 16:18:18 · 1335 阅读 · 3 评论 -
Hexo(sakura)添加RSS订阅
一、什么是RSS订阅简易信息聚合是“Really Simple Syndication”或“Richsite summary”(网站内容摘要)的中文名字。是站点用来和其他站点之间共享内容的一种简易方式。英文缩写为RSS技术。RSS是一种信息聚合的技术,是某一站点和其他站点之间共享内容的一种简易信息发布与传递的方式,使得一个网站可以方便的调用其他提供RSS订阅服务的网站内容,从而形成非常高效的信...原创 2020-02-14 21:54:43 · 2770 阅读 · 0 评论 -
Github+PicGo+cdn配置私人图床(丝滑操作撰写md文章)
文章目录一、什么是图床二、配置教程1.获取Token2.本地安装图片上传工具三、上传方法一、什么是图床图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。简单来说就是:在文章中引用指定网址显示图片。平常我们都是在网络上复制粘贴网络图片的地址,太out了,如何快速引用本地图片呢???二...原创 2020-02-14 20:49:23 · 1374 阅读 · 6 评论 -
Hexo(sakura)添加天气小插件,修改访问路径
一、添加天气小插件首先去中国天气官网:https://cj.weather.com.cn/plugin/pc,配置自己的插件:(tips:免费的,但需要注册账号)选择自定义插件自定义样式生成代码,复制粘贴到 themes/sakura/layout.ejs即可<!-- weather --><script type="text/javascript"> ...原创 2020-02-14 16:54:14 · 2467 阅读 · 2 评论 -
Hexo(sakura)文章增添字数统计和阅读时长功能
文章目录一、文章增添字数统计和阅读时长功能1. 安装hexo-wordcount2. 文件配置(3步)二、修复作者头像和链接显示问题一、文章增添字数统计和阅读时长功能1. 安装hexo-wordcount先安装相关插件,终端输入以下命令:```npm install hexo-wordcount --save```2. 文件配置(3步)2.1在theme\sakura\layou...原创 2020-02-14 11:44:57 · 1189 阅读 · 0 评论 -
Hexo(sakura)背景动画、壁纸、通讯栏(自定义样式)
一、丰富背景样式1. 浮层样式集合(花瓣飘落、文字,爱心,连线,飘动的彩带)修改\Sakura\layout\_partial目录下的footer.ejs>说明:加在footer而不是header是提高页面加载速度,>以下cdn都引用于walllweap大神的素材库 <!--浏览器搞笑标题--> <script src="https://cdn.jsd...原创 2020-02-13 18:01:58 · 4050 阅读 · 4 评论 -
Botui搭建js聊天机器人
一、Botui简介一款自动回复文字、图片、视频的JS聊天机器人框架BotUI,可以自由设置多种选项、触发关键词、输入框等内容,聊天内容或范围也可以自由设置,回复内容可以是文字、图片(GIF亦可)、视频,我在博客中引用了此框架。项目地址:https://botui.org二、使用教程Botui是结合Vue和Botui.js的自动回复界面:模拟对话:在html中使用直接引入vue和...原创 2020-02-13 10:27:19 · 3097 阅读 · 8 评论 -
Hexo(sakura)添加live2d看板动画(可对话,换装互动)
一、live2d简介Live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像,对于以动画风格为主的冒险游戏来说非常有用,缺点是Live 2D人物无法大幅度转身,开发商正设法让该技术可显示360度图像。示例:原博大大官网根据鼠标热键进行互动二、使用教程hexo-helper-live2d中...原创 2020-02-12 20:29:47 · 6453 阅读 · 6 评论 -
Valine - 一款快速、简洁且高效的无后端评论系统
一、Valine简介Valine - 一款快速、简洁且高效的无后端评论系统。Valine 诞生于2017年8月7日,是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。理论上支持但不限于静态博客,目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。二、使用方法1.获取 APP ID 和 APP KEY在Leancloud...原创 2020-02-12 17:14:10 · 5154 阅读 · 8 评论 -
Github+jsDelivr搭建自己的免费cdn
文章目录一、简介二、内容存储1. 新建Github\cdn仓库2. 克隆仓库到本地3. 上传资源4. 发布资源三、jsDelivr引用一、简介CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度...原创 2020-02-12 12:33:36 · 1483 阅读 · 0 评论