准备工作

img

  • 安装淘宝镜像源
1
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装hexo框架
1
cnpm install -g hexo-cli
  • 本次安装在D:\blog,windows下管理员权限打开cmd,在指定目录下执行hexo init,需要先安装git然后配置环境变量,安装成功后-v查看

img

配置博客

  • 启动博客
1
hexo s

img

  • 在blog目录下下载git插件
1
cnpm install --save hexo-deployer-git
  • 在github上创建一个仓库,仓库名为GitHub的登录名.github.io
  • 配置_config.yml文件

img

  • 新建md格式文件:hexo n “文件名”
  • 清楚缓存:hexo clean
  • 生成:hexo g
  • 部署到远端:hexo d

插入图片

  • 安装插件,在hexo根目录打开gitbash执行
1
npm install hexo-asset-image --save
  • 打开hexo的配置文件_config.yml,找到 post_asset_folder,把这个选项从false改成true
  • 插入图片了,比如hexo n photo之后就在source/_posts生成photo.md文件和photo文件夹,我们把要插入的图片复制到photo文件夹内

播放音乐

举例:网易云音乐

image-20210219000124462

打开后复制如下代码:

image-20210219000154262

将代码粘到主题的layout/_partial加下的footer.ejs文件中,就会在页脚生成音乐播放器。

image-20210219000415967

ps:由于hexo是静态框架,刷新界面会从头播放音乐