Hexo配置主要代码

1. 安装Git、nodejs

Git下载
NodeJs下载

2.安装hexo

先创建一个文件夹blog,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开)。
输入命令

npm install -g hexo-cli

接下来初始化一下hexo

hexo init myblog

然后

cd myblog     //进入这个myblog文件夹  
npm install   //安装npm
hexo g       //生成
hexo server  //本地服务器测试,浏览器输入localhost:4000

3.创建个人仓库

4.生成SSH添加到GitHub

git config --global user.name "yourname"   //输入Github用户名
git config --global user.email "youremail" //Github输入邮箱
git config user.name                       //检查
git config user.email                      //检查
ssh-keygen -t rsa -C "youremail"           //创建SSH
ssh -T git@github.com                      //测试是否成功

5.将hexo部署到GitHub

修改站点配置文件 _config.yml

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

接着

npm install hexo-deployer-git --save   //安装deploy-git
hexo clean                             //清除
hexo generate                          //生成
hexo deploy                            //部署

6.设置个人域名

解析格式:

CNAME   @   默认   yourname.github.io
CNAME   www 默认   yourname.github.io

博客文件source中创建一个名为CNAME文件,不要后缀,写上域名。
接着

hexo c                //清除
hexo g                //生成
hexo d                //部署

创建新的文章:

hexo new newpapername

利用分支在多台电脑上操作

在第一台主机上

先在主分支下创建一个其他的分支,然后在这个仓库的settings中,修改默认分支。
然后再任意目录git bash

git clone git@github.com:yourname/yourname.github.io.git

除了.git 文件夹外的所有文件都删掉,把之前我们写的博客源文件全部复制过来,除了.deploy_git,将所有.git文件夹删去。
接着

git add .
git commit –m "balabala"
git push 

在第二台主机上

1.安装Git

2.设置git全局邮箱和用户名

3.设置ssh key

4.安装nodejs

5.安装hexo

6.进入任意文件夹克隆

git clone git@………………

然后进入克隆到的文件夹:

cd xxx.github.io
npm install
npm install hexo-deployer-git --save

生成,部署:

hexo g
hexo d

写博客:

hexo new newpage

写完了记得提交源文件以便同步

git add .
git commit –m "xxxx"
git push 

回到其他电脑上:

git pull

作者整合的一些功能

bilibili外链播放器

语法:

{% bili video_id %} 或 {% bili video_id page %}

使用方式:
在Hexo博客目录使用npm安装插件

npm i hexo-tag-bili --save

在Hexo博客的文章或者单页面中使用以下标签语法插入视频

{% bili video_id %} 或 {% bili video_id page %}

例子:

如果视频网址如:https://www.bilibili.com/video/av24897960

在文章中插入的标签语法为:

{% bili 24897960 %}

如果视频网址如(第二页):https://www.bilibili.com/video/av24897960/?p=2

在文章中插入的标签语法为:

{% bili 24897960 2 %}

##简易相册
语法:

{% fb_img src [caption] %}

使用方式:
在Hexo博客目录使用npm安装插件

npm i hexo-tag-fancybox_img --save

在Hexo博客的文章或者单页面中使用以下标签语法插入图片以及描述

{% fb_img src [caption] %}

在主题文件中引入需要的css和js。一般在主题的head中引入css,footer中引入js.(考虑了很久,是不是要直接插件中渲染加入。一是做法灵活度不好,二是有些主题可能会对js等进行优化打包或者以及集成jquery,所以还是手动引入比较合适)

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>

例子:

{% fb_img https://ws3.sinaimg.cn/large/006bYVyvly1fxxewq3plij30yn0jjkjl.jpg sakura %}

加入live2d

推荐作者的视频教程:
手把手教你给hexo博客添加live2d看板娘
hexo博客添加live2d看板娘nepgear!
源文件:
live2d-model
网盘链接
密码:7rih
最后奉上作者的
主题使用教程


Yume