Awt_FuDongLai的博客

先看效果图：有一个问题，这个功能时好时坏。主要问题应该是网易那边的问题，有时候歌曲无法播放，有时候又没有这个问题。步骤也很简单，就两步。一、获取外链打开网易云的网页版。搜索你想插入的歌曲（歌单操作类似，最后都是获取外链）。点击生成外链播放器。重点是获取下面这段代码。如果出现版权问题，无法生成外链，如下图。则操作如下。在歌曲页面，右键生成外链播放器，点击审查元素（检查）；复制data-href的属性值，将其前面加一个/#，拼接在网易云的域名后，得到的就是原来的外链生成页面。

在next6.3的版本中，直接在主题配置文件的相应位置设置为true即可。本文在next5.1.4的版本上进行操作。1 在themes/next/layout/_third-party/下新建文件copy-code.swig，写入下面的内容：{% if theme.codeblock.copy_button.enable %} <style> .copy-btn { display: inline-block; padding: 6px 12px;

博客搭建得差不多后，是时候整点花里胡哨的东西了。本篇博文记录如何实现点击(包括单击、双击)特效。1 在博客目录/themes/next/source/js/src目录下新建一个js文件，命名为fireworks.js。将下面的代码复制到这个js文件中。"use strict";function updateCoords(e){pointerX=(e.clientX||e.touches[0].clientX)-canvasEl.getBoundingClientRect().left,pointer

注意的是，不同的浏览器显示效果不一样，这一点很坑。1 修改主题配置文件中的自带的busuanzi_count（不知道怎么读）的统计功能cd 博客目录vim theme/next/_config.yml# 将原来已有的那部分注释掉busuanzi_count: enable: true total_visitors: true total_visitors_icon: user total_views: true total_views_icon: eye post_vie

一个完整的博客网站必然少不了留言页面。本篇博文记录如何添加留言页面。1 页面生成命令hexo n page guestbook2 修改配置文件在上面的命令执行完后，会在 博客目录/source/ 下生成guestbook目录。cd 博客目录vim source/guestbook/index.md# 添加一行即可---title: 给我留言吧date: 2020-07-19 15:20:22type: "guestbook"---然后更改主题的配置文件。cd 博客目录

当博客的文章越来越多时，查找某个关键词在哪篇文章就会变得非常困难，这时候添加一个站内搜索的功能是非常必要的。本篇博客记录如何添加站内搜索的功能1 安装插件npm install hexo-generator-search --save2 更改主题配置文件cd 博客目录vim themes/next/_config.yml# 将其设置为true即可，其余的保持默认值# Local search# Dependencies: https://github.com/flashlab/he

要美观一点的话，首页的分页数要设置得短一些，归档页的分页数要长一些。# 安装相应的插件npm install --save hexo-generator-indexnpm install --save hexo-generator-archive# 更改站点的配置文件cd 博客目录vim _config.yml# 这一段默认就有的index_generator: path: '' per_page: 5 order_by: -date# 归档页面archive_gene

文章的阅读数和评论也是博客系统中经常用到的功能。本篇博文记录如何通过第三方系统实现这两个功能。1 注册第三方系统leancloud。（这个平台需要实名认证才能使用）点击「创建应用」，选择开发版，名字随意取一个就行。创建好后，点击进入应用。点击「存储」，创建一个class，名字随意，其余的设置都默认就行。点击设置，选择「应用Keys」。复制里面的AppID和AppKey，后续需要把它们添加到配置文件中。2 添加文章阅读数功能：更改主题的配置文件。cd 博客目录vim themes

版权声明是指在文末加上这么一段文字：本文记录如何添加文章的版权声明1 编辑主题配置文件：cd 博客目录vim themes/next/_config.yml# 找到下列信息设置为true，许可协议用默认的就行了。# Declare license on postspost_copyright: enable: true license: CC BY-NC-SA 3.0 license_url: https://creativecommons.org/licenses/by-nc

先看效果图：在正文标题下会出现字数统计和阅读时长，如上图。同时，在网页的最下侧会出现全站的字数统计值，如上图。这篇博客记录下怎么实现。1 安装相关的插件：npm i --save hexo-wordcount2 更改主题配置文件：cd 博客目录vim themes/next/_config.yml# 这些都是配置文件里都有的，将其值都设置为true，# Post wordcount display settings# Dependencies: https://github.c

next主题默认有4中背景动画。默认不添加动画的场景：更改主题配置文件即可设置背景动画（完成修改后，要执行hexo g命令才能看到效果）：cd 博客目录vim themes/next/_config.yml# 将配置文件中的下列选项中的一个设置为true即可，我都试过了，但是背景都不咋好看# Canvas-nestcanvas_nest: false# three_wavesthree_waves: false# canvas_linescanvas_lines: false

在界面的sidebar处，如果没有添加一个作者的头像，就不太美观。如果添加了头像，就更像那么回事一些。这篇博客讲述怎么添加一个头像。1 更改主题配置文件cd 博客目录vim themes/next/_config.yml找到下面这行，取消注释即可。# Sidebar Avatar# in theme directory(source/images): /images/avatar.gif# in site directory(source/uploads): /uploads/av

有时候在逛别人的博客界面的时候，会在页面左下角或者右下角等界面看到这样的画面,还是非常好看的。今天这篇博客总结下，怎么把萌萌哒的看板娘放到自己的博客页面中。我采用的hexo的next主题。1.下载live2D文件。2.将其解压后，放置在下面目录：博客主目录\themes\next\source\[root@D-Centos7 live2d-widget]# pwd/www/wwwroot/my_blog_2_hexo/themes/next/source/live2d-widget3

一个网站最重要的就是内容，尤其是CMS系统的网站。个人博客网站中最重要的就是里面的博文了。hexo支持markdown格式编写博文。在这之前，先学习下怎么添加分类和标签，这些都是跟文章相关的属性。一、创建“分类”页面进入博客根目录，即之前执行过hexo init命令的目录cd 博客目录hexo n page categories然后更改categories文件夹下会有index.md这个文件vim source/categories/index.md在文件末添加一行，即type那一行

hexo是一个博客系统的模版，与Wordpress，Jekyll，zblog等等类似，可以让我们不用花费太多时间把博客系统搭建出来，使我们只专注于博客本身的内容即可。hexo依赖的技术有node.js、nginx、git，所以本文作为基础，先讲讲怎么安装这三个软件(踩了不少坑，都是泪=VAV=)，我的系统是centos7，阿里云买的主机。注意，这里都采用的源码的方式进行安装，直接用yum安装的都不是最新的版本，尤其是安装node.js的时候，由于hexo不兼容10以前的nodejs版本，可把我坑得不浅。