Hexo博客个性化搭建

原先的博客使用的是Jekyll搭建,但是发现Hexo更炫酷一些,故现在改为Hexo,目前还未完善,待有时间会完善。

Hexo

感谢以下作者

如何搭建博客

小白手把手搭建博客

动动手指,NexT主题与Hexo更搭哦(基础篇)

添加背景音乐

  • 打开网页版网易云音乐。

    • 如果只是加入单曲,只需要搜索歌曲,点开歌曲名,点击生成外链播放器,复制html代码(可以选择是否自动播放),将html代码无需任何修改放入markdown文章里就OK了。
      如果想要加入歌单,就需要自己创建歌单,然后分享歌单,找到自己的分享动态,点进去可以看到有“生成外链播放器”这些字眼,其余操作就和上面一样了。不过,你的歌单有变化的话,这个外链的歌曲同样跟着变,这一点挺棒的。
      例如,播放待你长发及腰这首歌,自动播放只需要嵌入一下代码(现在好像不支持了)
      1
      <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=28947001&auto=1&height=66"></iframe>
  • 嵌入不自动播放只需要把以上代码中的auto改为=0即可,样子是这样的
    类似方法还可以嵌入虾米播播

添加视频

  • 另外,markdown完全兼容html,你可以用html插入这些东西,例如:(现在好像不支持了)

    1
    <iframe height=498 width=510 src="http://player.youku.com/embed/XMjI2MjU3MDMy" frameborder=0 allowfullscreen></iframe>
  • 参数解释

    1
    2
    3
    src="": 视频路径
    frameborder:设置或返回是否显示框架周围的边框
    allowfullscreen: 允许全屏=true。也就是允许全屏,=false时表示不允许全屏

添加阅读全文按钮

  • markdown编辑的时候在适当的位置加入<!--more-->即可

Hexo NexT主题首标题的优化

  • 更改index.swig文件,文件路径是your-hexo-site\themes\next\layout将下面代码
  • 不知道什么原因,我只要将下面的代码除去就部署不上去…所以大家就找到下面的除去的代码段,然后改成如下即可。
  • 改成

添加最近访客

  • 首先需要开通多说的评论功能,可以参考这里
  • 接着添加如下代码到文章底部(你喜欢在哪添加都行,一般在底部显示)
1
2
3
4
5
<blockquote class="blockquote-center">来了就打个招呼呗!</blockquote>
<br/>
>最近访客

<div class="ds-recent-visitors" data-num-items="28" data-avatar-size="42" id="ds-recent-visitors"></div>
  • 参数解释
    1
    2
    3
    4
    class=“ds-recent-visitors”    //指定显示最近访客容器
    data-num-items=“28” //显示最近访客的数量
    data-avatar-size=“42” //显示最近访客头像尺寸大小
    id=“ds-recent-visitors” //为了调节最近访客样式加的

Git push(Hexo g -d)时重复输入用户名密码的问题

  • 首先添加环境变量。在用户变量中新建如下内容

    1
    2
    变量名:HOME
    变量值:%USERPROFILE%
  • 在用户文件夹如C:\Users\用户名下新建一个名为_netrc的文件。

  • 编辑该文件:内容如下

    1
    2
    3
    machine github.com
    login GitHub的用户名
    password GitHub的密码
  • 保存。

小额支持我写出更好的文章~