logo头像
Snippet 博客主题

hexo使用笔记(持续更新)

hexo搭建指南

教程:
使用hexo+github搭建免费个人博客详细教程
结合hexo在GitHub上搭建个人博客——全过程
两个教程搭配食用,口感更加。


Markdown 语法教程

教程:最实用的 Markdown 语法教程


如何添加pdf功能

教程:GitHub中Hexo next主题下搭建的博客中增加PDF插件
注意事项:hexo-pdf安装包需要放在博客安装目录下。就我们平时输入hexo g,hexo s,hexo d 那个路径下命令行输入。后面再需要安装别的插件时,也是这个路径。


如何添加评论功能

教程:在Hexo博客的next主题中启用Valine评论


评论功能如何设置邮件提醒

这个功能是非常的实用。功能:有了新评论提醒站长,评论有回复了提醒楼主。
教程:hexo博客添加Valine评论系统
教程:Valine Admin官方文档


如何添加视频

尝试了几种,如下:
B站自带: 不用安装任何插件。颜值略逊一筹,界面有点繁琐。但是如果你是一个B站up主,使用时就可以很省事地直接调用外链,将代码复制到需要的地方。
教程:从bilibili引用视频
默认的格式有点小,可以再加一些参数,比如我的,最后三个参数是自己加的。

1
2
3
<iframe src="//player.bilibili.com/player.html?aid=38249542&cid=67264830&page=1" 
scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"
height="560" width="1024" quality="high"> </iframe>

dplayer: 颜值超高,传送门这不就是我理想中的web播放器么,简洁美观。说干就干,装上再说。同样也是一句命令就可以搞定!
教程:hexo-tag-dplayer

  使用过程中,走过一点弯路,总结下来。dplayer播放器的视频来源有两种:一种是本地视频直接访问,另外一种是网页链接(将视频上传到云,然后获取外链)。
  一开始由于还没有研究云,先选择了本地访问,然后问题就出现了。首先由于我的网站是托管在GitHub上,单个文件最大不能超过100M。这导致我在将视频上传到网站时,频频被拒绝。后来将视频压缩至了100M以内,上传非常慢,不符合我建设这个轻量级博客的初衷。
  乖乖去七牛云注册并实名验证后,就可以获得免费的10G空间啦,然后选择 管理控制台->对象存储->新建存储空间 ,来上传到云,速度非常快,使用时获取外链就可以。

  多说一句,七牛云要求用户必须绑定域名,否则只能使用一个月,基于此,申请一个域名(且备案)的需求就产生了。但是我的域名没有备案,所以最后我用了阿里云OSS(一年9块)。

  总之,最后选择了dplayer+阿里云OSS,毕竟dplayer颜值杠杠的!
  我现在已经将所有的资源全放在OSS(视频、音频、pdf谱子、图片等)上,搭配阿里云客户端,炒鸡好用。   


如何添加音频

网易云自带:不用安装任何插件。直接在网易云调用外链,将代码复制到需要的地方就行。
教程:Hexo Next主题嵌入网易云音乐
aplayer:有些音频没有版权,可以采用这种方式。该插件和 dplayer 师出同门。界面简洁大方。
教程:Hexo博客中插入音乐
注意事项:我是将音频MP3文件和专辑封面放在了阿里云OSS上,获取外链调用。注意最后一个参数,如果想自动播放就加上 autoplay,不想自动播放就去掉这个参数。而不是设置=1或者=0,否则报错。

1
2
3
{% aplayer "風の詩" "押尾コータロー" "https://hexofile.oss-cn-beijing.aliyuncs.com/%E6%8A%BC%E5%B0%BE%E3%82%B3%E3%83%BC%E3%82%BF%E3%83%AD%E3%83%BC%20-%20%E9%A2%A8%E3%81%AE%E8%A9%A9.mp3" 
"https://hexofile.oss-cn-beijing.aliyuncs.com/%E9%A3%8E%E4%B9%8B%E8%AF%97.jpg"
"autoplay" %}


如何拥有一个域名

完成这一步,当别人输入你申请的域名,比如我的是 www.longyating.com ,输入这个网址就可以访问我的网站啦!

1.申请域名

我的域名是在阿里云买的。新用户优惠通道(仅限注册后的两日内)我花了25元买到了.com一年的使用权。
购买过程需要完成实名认证操作,整个过程挺快的,不出两个小时就拥有了一个属于自己的域名。
教程:通用域名注册流程

2.绑定网站

买了域名,怎样把它指向你建好的网站呢。
教程:使用github-hexo-域名绑定(阿里云)搭建个人博客


如何添加带评论区的about/留言板页面

每个主题不太一样,教程针对snippet主题。
①在命令行输入,hexo new page about 。会发现source多出一个about文件夹的index.md文件。编辑即可。about这个名字就是不一般的。
②新增menu菜单的选项卡。这里的about要和在主题的_config.yml文件中的menu中进行匹配
如:menu:
Home: /
Archives: /archives
About: /about 注意这是新增的
③hexo d -g 部署即可。

同理,留言板是 hexo new page guestbook,再menu新增选项卡即可。
注意事项:我用的这个主题,这样方式新增的没有评论区。那如果想带评论区怎么办呢?参考下面这种方式。


如何添加带评论区的about/留言板页面

每个主题不太一样,教程针对snippet主题。
①hexo new page “bbs”。和普通的md文件的新建方式是一样的。bbs是留言板的英文名,之所以不使用中文,是因为乱码看着不方便。
②hexo d发布
③修改主题的_config.yml文件的menu,新增留言板选项卡。将留言板的url指向你刚刚新建并发布的bbs的网页地址,注意不是localhost:4000的地址。
比如我的是:
menu: