hexo搭建博客

Hexo简介

hexo是基于Node.js的静态磨课框架，依赖少易于安装使用，可以方便的生成静态网页

安装

• 安装git

• 安装node.js

  node.js版本限制：

  Hexo 版本	最低兼容 Node.js 版本
  5.0+	10.13.0
  4.1 - 4.2	8.10

• 安装Hexo

  npm install -g hexo-cli
  

  安装以后将 Hexo 所在的目录下的 node_modules 添加到环境变量之中即可直接使用 hexo :

  echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile
  

建站

• 初始化hexo

  hexo init myblog
  

  指定的文件夹目录上有：

  node_modules: 依赖包
  
  public：存放生成的页面
  
  scaffolds：生成文章的一些模板
  
  source：用来存放你的文章
  
  themes：主题
  
  ** _config.yml: 博客的配置文件**
  

• hexo g #生成静态文件

• hexo s #运行本地服务

将hexo部署到github

• 创建一个和你用户名相同的仓库，后面加.github.io

• 打开站点配置文件 _config.yml

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

• 安装deploy-git ，也就是部署的命令,这样才能用命令部署到GitHub

  npm install hexo-deployer-git --save
  

运行测试

hexo clean  #用来清除缓存文件
hexo g      #生成静态文件
hexo s      #运行本地服务
hexo d      #

更换主题

只要在 themes 文件夹内，新增一个任意名称的文件夹，并修改 _config.yml 内的 theme 设定，即可切换主题

https://hexo.io/zh-cn/docs/themes.html

添加live2d看板动画

• 官网地址配置：https://www.npmjs.com/package/hexo-helper-live2d

• 首先检查博客主目录下面的 package.json里是否有
  "hexo-helper-live2d": "^3.0.3",依赖，有的话可以先卸载

  使用命令：npm uninstall hexo-helper-live2d
  之后再安装：npm install --save hexo-helper-live2d
  

• 此时再去 node_moduels目录下，可以看到有如下文件夹，这些都是动画主配置

• 下载各种动画model：
  地址：https://github.com/xiazeyu/live2d-widget-models.git

• 下载好之后将packages里的所有动画模板拷贝到博客的node_modules目录里

• 配置博客站点配置文件，_config.yml

live2d:
  enable: true
  pluginModelPath: assets/
  model:
    use: live2d-widget-model-epsilon2_1  #模板目录，在node_modules里
  display:
    position: right
    width: 150 
    height: 300
  mobile:
    show: false  #是否在手机进行显示

遇到的问题

• hexo g报错,line.mathALL is not funciton

  是node版本问题,针对于低版本node问题,node12.0.0以上就没有这个问题,config.xml中的 highlight->enable的值从true更改为false，这样可以避免异常。
  

• hexo d 报错，fatal: unable to access ‘https://github.com/.git/‘: Failed to conne拒绝连接

  可能gitbub之前设置过代理，只需分别执行如下代码即可：
   git config --global --unset http.proxy
   git config --global --unset https.proxy
  如果还没有解决，可以尝试如下解决方式：
  git config --global url.git://github.com/.insteadOf https://github.com/
  

• github获取token

  https://blog.csdn.net/weixin_46897467/article/details/113106403