Hexo添加音乐和电影页面
建议
不要把个人需要的文件/图片放在主题source文件夹里,因为在升级主题的过程中,可能会把文件覆盖删除了。在Hexo根目录的source文件夹里,创建一个文件夹来放置个人文件/图片。引用文件直接为/文件夹名称/文件名
音乐音乐界面使用了插件 hexo-tag-aplayer使用方法请参考插件文档
音乐页面只是普通的page页,按普通页面操作生成就行。
以下内容可供选择配置
注意: 仍需要安装插件hexo-tag-aplayer
插件会在每一个文件都插入 js 和 css,为了避免这一情况,3.0 版本内置了 aplayer 需要的 css 和 js。
首先在Hexo根目录_config里配置asset_inject为false
123YAMLaplayer: asset_inject: false
然后在你需要使用aplayer的页面Front-matter添加
12MARKDOWNaplayer: true
这样只会在需要aplayer的页面插入js和css。
如何添加全局 Aplayer 播放,请参考 这篇文章
电影电影界面使用了插件 hexo- ...
Hexo优化文章永久链接为数字编号
1. 待优化问题Hexo默认使用的文章永久链接格式是:
year/:month/:day/:title/
这种链接,如果遇上个中文标题,简直要爆炸,如下:
而且这种中文链接,由于编码的问题,在分享文章链接的时候往往变成:
就问你难受不难受?
这种方式不仅导致链接变得非常长,而且一旦修改文章发布日期或者标题,链接立马失效,造成大量死链,所以:
不换掉它准备留着过年?
abbrlink插件可以帮助我们很好的解决这个问题,Github仓库如下:
https://github.com/rozbo/hexo-abbrlink
2. 安装abbrlink插件在博客根目录(执行hexo命令的地方)安装插件:
npm install hexo-abbrlink –save
3. 编辑站点配置文件打开博客根目录下的站点配置文件_config.yml,修改如下配置:
123456#permalink: :year/:month/:day/:title/#permalink_defaults:permalink: posts/:abbrlink/abbrlink: alg: crc32 #sup ...
如何使用 Travis CI 自动部署 Hexo 博客
我们搭建个人网站的初衷,不就是为了能好好地写博客吗?一切重复且枯燥的工作都应该交给程序去自动完成,尤其是静态博客,我们只需要专注文字。
什么是 CI
CI(Continuous Integration) 翻译为持续集成。Travis CI 是一个提供持续集成功能的平台,Github 可关联 Travis CI,当 GitHub 仓库有代码 push 时,会推送通知到 Travis CI,根据设置的脚本运行指定任务。
使用 CI 自动部署的好处
可以直接在线编辑 md 文件,立即生效。假设你已发布一篇文章,过几天你在别的电脑上浏览发现有几个明显的错别字,这是完全不能容忍的。但此时你电脑上又没有 hexo + node.js + git 等完整的开发环境,重新配置开发环境明显不现实。如果使用 CI,你可以直接用浏览器访问 GitHub 上的项目仓库,直接编辑带错别字的 md 文章,改完,在线提交,稍等片刻,你的网站就自动更新了。
手动部署需要推送 public 整个文件夹到 GitHub 上,当后期网站文章、图片较多时候,很多时候连接 GitHub 不是那么顺畅,经常要傻等很长的上传时 ...
action自动部署hexo的方法
什么是 GitHub Actions
GitHub Actions 是 GitHub 的持续集成服务。持续集成由很多操作组成,比如抓取代码、运行测试、登录远程服务器,发布到第三方服务等等。GitHub 把这些操作就称为 actions。
很多操作在不同项目里面是类似的,完全可以共享。GitHub 允许开发者把每个操作写成独立的脚本文件,存放到代码仓库,使得其他开发者可以引用。
如果你需要某个 action,不必自己写复杂的脚本,直接引用他人写好的 action 即可,整个持续集成过程,就变成了一个 actions 的组合。这就是 GitHub Actions 最特别的地方。
本例就使用由 theme-keep 提供的 action hexo-deploy-github-pages-action 来自动部署 Hexo。
使用 GitHub Actions 自动部署的好处
可以直接在线编辑 md 文件,立即生效。假设你已发布一篇文章,过几天你在别的电脑上浏览发现有几个明显的错别字,这是完全不能容忍的。但此时你电脑上又没有 hexo + node.js + git 等完整的开发环境,重 ...
从头开始搭建HEXO
环境搭建1、node.jsNodeJS官网下载对应系统的安装包安装即可,这里需要说下,在node-v13.4.0后的版本不支持win8.1以下的系统了。
官网下载
以前的版本下载
推荐淘宝的镜像库里下载
node.js mirror
npm作为一个NodeJS的模块管理。我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs安装目录下建立“node_global”及“node_cache”两个文件夹。
在cmd命令行中使用如下命令:
12npm config set prefix "D:\nodejs\node_global"npm config set cache "D:\nodejs\node_cache"
https://www.cnblogs.com/doctorJoe/articles/4581672.html
由于国内的 npm 访问外网下载速度较慢,我们可以将 npm 源更换为淘 ...