部署

本地部署

部署Hexo需要安装node.js和git的环境支持.

下载链接

Node.js(Node.js 版本需不低于 8.10，建议使用 Node.js 10.0 及以上版本)

Node.js官方
Git(下载最新版即可)

Git官方

安装

软件安装

安装任意在路径就好啦，环境变量会自动添加，无脑下一步就完事了.

在桌面右键进入Git Bahs Here.

1	node -v 查看node.js版本

Hexo安装

在D盘根目录创建blog文件夹，进入文件夹右键Git Bahs Here.

1
2
3

npm install -g hexo-cli	全局安装hexo-cli（需要管理权限）
hexo -v	查看hexo版本
hexo init 初始化环境

Linux

Archwiki

Hexo使用

Hexo官方文档

常用命令

hexo generate	生成静态文件 可简写g
hexo server	本地启动 可简写s
hexo	depoly	推送 可简写d 带参数 -g 推送生成的静态文件
hexo	clean	清除缓存文件和已经生成的静态文件

本地部署

在blog文件夹，右键Git Bahs Her

1
2
3

hexo clean
hexo g
hexo s	-p 8080	-p 指定端口

在浏览器输入127.0.0.1:8080，就能看到Hexo了.

远端部署

本地

配置git的信息

username 和 email

1 2	git config --global user.name "你要设置的名字" git config --global user.email "你要设置的邮箱"

生成SSH密钥

在本地生成SSH密钥文件，把本地的公钥文件上传到VPS，可以将生成的静态文件推送到服务器的指点位置.

我直接回车就好了，不需要设置密码.

1	ssh-keygen -t rsa -C "你刚刚设置的邮箱"

在当前用户的根目录下的.ssh文件夹可以看到两个文件id_rsa.pub和id_rsa.

复制id_rsa.pub里面的内容.

云服务器

git配置

安装git

1 2	#安装 apt install git

新建git用户

#添加新用户
adduser git
#设置密码
passwd git

添加git用户权限

#编辑sudoers
visuod
#添加以下内容
git	ALL=(ALL:ALL) ALL

切换至git用户

创建~/.ssh/authorized_keys.

#切换用户
su - git
#创建文件夹
mkdir .ssh
#创建文件
touch .ssh/authorized_keys
#修改权限
chmod 600 .ssh/authorized_keys
chmod 700 .ssh

编辑authorized_keys

把之前复制的id_rsa.pub内容粘贴进去

1 2	#编辑 vim .ssh/authorized_keys

仓库配置

创建仓库目录

切换至root用户.

#创建目录
mkdir /var/hexo/repo
#修改权限和用户组
chown -R git:git /var/hexo/repo
chmod -R 755 /var/hexo/repo

#创建目录
mkdir /var/hexo/hexo
#修改权限和用户组
chown -R git:git /var/hexo/hexo
chmod -R 755 /var/hexo/hexo

建一个空白的git仓库

#进入目录
cd /var/hexo/repo
#初始化
git init --bare hexo.git

创建一个新的 Git 钩子，用于推送部署

#编辑
vim /var/hexo/repo/hexo.git/hooks/post-receive
#添加以下内容
#!/bin/bash
git --work-tree=/var/hexo/hexo --git-dir=/var/hexo/repo/hexo.git checkout -f
#修改权限
chown -R git:git /var/hexo/repo/hexo.git/hooks/post-receive
chmod +x /var/hexo/repo/hexo.git/hooks/post-receive

nginx配置

安装

1 2	#直接安装 apt install nginx

修改配置文件

#编辑
vim /etc/nginx/sites-available/default
#修改以下内容
root	/var/hexo/hexo
server_name_	www.lingkawaii.ltd

推送部署

hexo配置

找到博客根目录，打开站点文件_config.yml，找到depoly修改成下面的内容

deploy:
  type: git
  #repo改为repo: git@你的域名:/var/hexo/repo/hexo.git
  repo: git@hjxlog.com:/var/hexo/repo/hexo.git
  branch: master

推送上服务器仓库

成功推送到服务器，输入域名就能看到hexo啦.

#安装插件
npm install --save hexo-deployer-git
#推送
hexo d -g

SSL

acme

acme.sh 实现了 acme 协议支持的所有验证协议，一般有两种方式验证：http 和 dns 验证。

http 验证：http 方式需要在你的网站根目录下放置一个文件，来验证你的域名所有权。
dns 验证：dns 方式，在域名上添加一条 txt 解析记录，验证域名所有权。

安装acmesh

1	curl https://get.acme.sh \| sh

DNSPOD

打开我的-API密钥-DNSPod Token 创建密钥

acme.sh的默认server是Let’s Encrypt，现在已经修改为zerossl，要通过邮箱注册

#进入acme目录
cd /root/.acme.sh
#添加环境变量
export DP_Id="1234"
export DP_Key="sADDsdasdgdsf"
#通过acme注册zeroSSL
./acme.sh --register-account -m [email protected] --server zerossl
#申请SSL，生成SSL泛域名证书
./acme.sh --debug --issue --dns dns_dp -d lingkawaii.ltd -d *.lingkawaii.ltd

其他dns参照

DNSAPI

nginx

ngixn创建证书目录

#创建证书目录
mkdir /etc/nginx/cert
#复制证书
cp .acme.sh/lingkawaii.ltd/lingkawaii.ltd.cer .acme.sh/lingkawaii.ltd/lingkawaii.ltd.key /etc/nginx/cert

配置nginx文件

#编辑
vim /etc/nginx/sites-enabled/default
#添加以下内容
#SSL
server {
    listen 443;
    server_name www.lingkawaii.ltd;
    ssl on;
    root /var/hexo/hexo;
    index index.html index.htm;
    ssl_certificate  cert/lingkawaii.ltd.cer;
    ssl_certificate_key cert/lingkawaii.ltd.key;
    ssl_session_timeout 5m;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;

    location / {
        index index.html index.htm;
    }
}
#重定向
server {
    listen 80;
    server_name www.lingkawaii.ltd;
    rewrite ^(.*)$ https://www.lingkawaii.ltd;
}

重启

1	systemctl restart nginx

Github

密钥

添加本地SSH密钥

打开头像，settings
SSH and GPG keys
New SSH key
Title随意，把id_rsa.pub的内容粘贴到Key
完成添加，Add SSH key

推送部署

Hexo配置

找到博客根目录，打开站点文件_config.yml，找到depoly修改成下面的内容

deploy:
  type: git
  #repo改为repo: git@Github的域名:Github用户名/仓库名称
  repo: git@github.com:lingkawaii/lingkawaii.github.io.git
  branch: master

推送上Github仓库

成功推送到服务器，输入仓库名就能看到hexo啦.

#安装插件
npm install --save hexo-deployer-git
#推送
hexo d -g

配置

主题

Butterfly

在博客根目录克隆项目

1	git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

使用主题

修改_congin.yml,把主题改成butterfly

1	theme: butterfly

安装插件

pug 以及 stylus 的渲染器

1	npm install hexo-renderer-pug hexo-renderer-stylus --save

减少升级主题后带來的不便，请使用以下方法(防止覆盖)

将主题文件的_config.yml复制到博客根目录，改名为_config.butterfly.yml.
原本的_config.yml不要删除.
_config.yml和_config.butterfly.yml会互相融合.出现同样的_config.butterfly.yml的优先级更高

看板娘

下载live2d依赖包

hexo-helper-live2d

1	npm install --save hexo-helper-live2d

Github上开源的Live2d模型

在Hexo的根目录新建一个live2d_models文件夹，将下载的模型放进去(一个模型一个文件夹)

在_config.ym文件添加以下配置参数

# Live2D
## https://github.com/EYHN/hexo-helper-live2d
## https://l2dwidget.js.org/docs/class/src/index.js~L2Dwidget.html#instance-method-init
live2d:
 enable: true  # 是否开启live2d看板娘
 scriptFrom: local
 pluginRootPath: live2dw/
 pluginJsPath: lib/
 pluginModelPath: assets/
 tagMode: false
 debug: false
 model:
   use: live2d-model-yukari   # live2d模型路径
 display:
   position: left     # 左侧或右侧
   width: 150         # canvas的宽度
   height: 300        # canvas的高度
   hOffset: 25        # 水平偏移
   vOffset: -75       # 垂直偏移
 mobile:
   show: false        # 是否在移动设备上显示
   scale: 0.5         # 移动设备上的缩放

Aplayer

安装插件

1	npm install --save hexo-tag-aplayer

使用

開啟主題的 aplayerInject

# Inject the css and script (aplayer/meting)
aplayerInject:
  enable: true
  per_page: true

插入Aplayer html

参数

选项	默认值	描述
id	必须值	歌曲 id / 播放列表 id / 相册 id / 搜索关键字
server	必须值	音乐平台: `netease`, `tencent`, `kugou`, `xiami`, `baidu`
type	必须值	`song`, `playlist`, `album`, `search`, `artist`
fixed	`false`	开启固定模式
mini	`false`	开启迷你模式
loop	`all`	列表循环模式：`all`, `one`,`none`
order	`list`	列表播放模式： `list`, `random`
volume	0.7	播放器音量
lrctype	0	歌词格式类型
listfolded	`false`	指定音乐播放列表是否折叠
storagename	`metingjs`	LocalStorage 中存储播放器设定的键名
autoplay	`true`	自动播放，移动端浏览器暂时不支持此功能
mutex	`true`	该选项开启时，如果同页面有其他 aplayer 播放，该播放器会暂停
listmaxheight	`340px`	播放列表的最大长度
preload	`auto`	音乐文件预载入模式，可选项： `none`, `metadata`, `auto`
theme	`#ad7a86`	播放器风格色彩设置

插入到主题配置文件的inject.bottom中

inject:
  head:
  bottom:
    - <div class="aplayer no-destroy" data-id="60198" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true"> </div>

BILIBILI追番

番剧

安装

1	npm install hexo-bangumi-butterfly --save

升级

1	npm install hexo-bangumi-butterfly --update --save

配置

_config.yml中添加以下内容

bangumi:
  enable: true
  path:
  vmid:
  title: '追番列表'
  quote: 
  show: 1
  loading:
  metaColor:
  color:
  webp:
  progress:

enable: 是否启用
path: 番剧页面路径，默认bangumis/index.html
vmid: 哔哩哔哩番剧页面的 vmid(uid),如何获取？
title: 该页面的标题
quote: 写在页面开头的一段话，支持 html 语法，可留空。
show: 初始显示页面：0: 想看, 1: 在看, 2: 看过，默认为1
loading: 图片加载完成前的 loading 图片
metaColor: meta 部分(简介上方)字体颜色
color: 简介字体颜色
webp: 番剧封面使用webp格式(此格式在safari浏览器下不显示，但是图片大小可以缩小 100 倍左右), 默认true
progress: 获取番剧数据时是否显示进度条，默认true

使用

# 更新番剧数据，在 hexo generate 或 hexo deploy 之前使用
hexo bangumi -u
# 删除番剧数据
hexo bangumi -d
# 结合推送
hexo bangumi -u && hexo clean && hexo g -d
# Github推送
git add . && git commit -m `date +"%Y-%m-%d"` && git push origin master

参考

搭建Hexo静态博客并使用Git部署到VPS

将Hexo部署到阿里云轻量服务器（保姆级教程）

筱锋xiao_lfeng

部署

本地部署

下载链接

安装

软件安装

Hexo安装

Linux

Hexo使用

本地部署

远端部署

本地

配置git的信息

生成SSH密钥

云服务器

git配置

仓库配置

nginx配置

推送部署

hexo配置

推送上服务器仓库

SSL

acme

DNSPOD

其他dns参照

nginx

Github

登录

密钥

推送部署

Hexo配置

推送上Github仓库

配置

主题

Butterfly

看板娘

Aplayer

BILIBILI追番

安装

升级

配置

使用

参考