HexoInitGuide

环境依赖

Hexo系列个人博客网站 - 知乎

开发环境

$ npm -v
8.19.4
$ node -v
v16.19.1
$ npm config set registry https://registry.npm.taobao.org
$ npm list
hexo-site@0.0.0 E:\Hexo-blog\hexo
├── hexo-deployer-git@4.0.0
├── hexo-filter-github-emojis@3.0.5
├── hexo-generator-archive@2.0.0
├── hexo-generator-category@2.0.0
├── hexo-generator-index@3.0.0
├── hexo-generator-search@2.4.3
├── hexo-generator-tag@2.0.0
├── hexo-prism-plugin@2.3.0
├── hexo-renderer-ejs@2.0.0
├── hexo-renderer-marked@6.2.0
├── hexo-renderer-stylus@3.0.0
├── hexo-server@3.0.0
├── hexo-theme-landscape@1.0.0
├── hexo-wordcount@6.0.1
└── hexo@7.0.0

EasyHexo
hexo&hexo-theme-matery 使用指北

其他

Typora

md编辑工具

PicGo

图床工具

aliyunOss

图床oss存储（需付费）

jsdelivr

免费公共cdn，不是很稳定后续考虑更换，存在缓存不及时更新的问题
更新缓存link：https://purge.jsdelivr.net/gh/loaderland/loaderland.github.io
代理link：https://cdn.jsdelivr.net/gh/loaderland/loaderland.github.io

github

部署静态页面

域名代理

aliyun域名CNAME转发(需付费)
每次clean generate deploy 都会清理掉public目录，会导致CNAME文件丢失，可以把CNAME放到source文件夹中

视音频

md文件中插入视频、音频：

oss存储视频文件，需要使用自定义域名功能(原因)，本地PicGo图床需要同步设置自定义域名——完成之后可以通过浏览器验证是否生效

hexo安装使用aplayer、dplayer插件

安装插件

npm install hexo-tag-aplayer
npm install hexo-tag-dplayer

hexo-tag-aplayer

hexo-tag_dplayer

使用插件

{% 
       dplayer     
       "url=http://oss.luhuhu.cn/Lijingming.mp4"  //设置视频目录，这里我放在了网站根目录下面，也就是public目录下面 
       "pic=http://oss.luhuhu.cn/202401041046761.jpg" //设置封面图，同样是放在根目录下面 
       "loop=yes"  //循环播放
       "theme=#FADFA3"   //主题
       "autoplay=true"  //自动播放
       "screenshot=true" //允许截屏
       "hotkey=true" //允许hotKey，比如点击空格暂停视频等操作
       "preload=auto" //预加载：auto
       "volume=0.9"  //初始音量
       "playbackSpeed=1"//播放速度1倍速，可以选择1.5,2等
       "lang=zh-cn"//语言
       "mutex=true"//播放互斥，就比如其他视频播放就会导致这个视频自动暂停
   
       //下面是弹幕相关
       "id=9E2E3368B56CD123BB4"
       "api=https://api.prprpr.me/dplayer/"
       "token=tokendemo"
       "maximum=1000"
       "addition=['https://api.prprpr.me/dplayer/v3/bilibili?aid=?']"
       "user=DIYgod"
       "bottom=15%"
       "unlimited=true"
   %}