用GitHub Page+Hexo搭建个人博客

前言

由于暑假在家极其容易咸鱼,对此在网上找了一些可以既可以花费时间去折腾又可以学到知识的东西,于是在知乎找到了这么一篇文章 GitHub+Hexo搭建个人网站详细教程 ,于是我花了一天的时间搭了一个属于自己的博客,用来记录一些琐碎的知识,还有自己在实践中遇到的一些坑,下面我会分享一下我搭个人博客所用到的资源和心得。


使用hexo搭博客遇到的问题

关于域名

博客搭建完之后,其实可以用xxxx.github.io来访问,xxxx为你的github用户名。当然很多小伙伴希望用自己的域名来访问博客,这个时候就需要去注册一个自己的域名了,我是通过 阿里云的万网 注册的,Markdown类型A的记录值是你github仓库的ip地址,ip地址可以利用终端ping一下的你仓库域名(xxxx.github.io)获取,类型CNAME则是你github仓库的域名即 xxxx.github.io,设置完域名的解析和配置github仓库后,就可以如愿的通过域名访问博客了。需要注意的是,注册完域名一定要进行实名认证,这样域名才能够正常使用。


关于hexo live2d插件

博客搭好了,你可能会觉得你的博客有点单调,这个时候就可以利用live2d插件添加一个你喜欢的看板娘,看板娘的类型有很多,可以到 live2d插件作者的博客观摩 ,配置live2d插件很简单,可以根据 live2d插件github 中的md进行配置,相信这些难不倒你。 如果你和我一样用的是next主题的话,

live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  debug: false
  model:
    use: live2d-widget-model-wanko
  display:
    position: right
    width: 150
    height: 300
  mobile:
    show: true

以上配置应该是添加到Hexo的**_config.yml文件,而不是主题的_config.yml**文件。(我一开始添加到主题的配置文件中毫无作用。。。) 现在,看板娘已经出现在你的博客中了,如果你想了解更多live2d插件配置的属性可以参阅 live2d-widget.js API 。如果你想制作你自己的看板娘到自己的博客,可以参阅 live2d官网 和这两篇文章

  1. 给博客添加能动的看板娘(Live2D)-关于模型的二三事
  2. 给博客添加能动的看板娘(Live2D)-将其添加到网页上吧

关于NexT主题

NexT主题是很多人的选择,其优点在于满足了大部分人对于简约的要求,同时又有许多子主题可供选择,还能结合第三方的插件进行使用,还有更多的进阶个性化设置,如SEO、评论系统、个人头像、博客分享、订阅功能、High功能、404网页设置等,可以参看: