小白倒腾hexo博客(初入坑)

502 阅读3分钟

基本操作 hexo generate:生成静态页面(简写为 hexo g)

hexo clean:清除/public的文件

hexo server:启动博客(简写为 hexo s)

hexo deploy:将文件上传到github(简写为 hexo d)

我的主题是ayer,下载网址https://github.com/Shen-Yu/hexo-theme-ayer

可以看看我的博客 kittychenxx.github.io,还有很多捣腾的空间

//在根目录下clone
git clone https://github.com/Shen-Yu/hexo-theme-ayer

分享一篇适合小白搭建hexo博客的教程,Hexo 3.1.1 静态博客搭建指南,基本的问题都能得到解决

我分享主要是针对ayer这个主题的一些个人化设置,希望对大家有帮助

  1. 换图片

themes根目录下的_config.yml->cover->path,可选图片路径在同级目录的source/images

  1. 去掉作者的github链接(单纯觉得不好看) 在themes根目录下的_config.yml->github->url,设置为false

...一开始走了很多迷糊路,想在ayer.ejs文件把这个链接的对应的html代码给删除或者注释掉,但是这里容易出错,会显示enable这个变量不可读,直接设置为false就好

强烈建议各位刚开始用hexo的小伙伴,专注看你下载的主题themes的配置文件_config.ymllayout/_config.yml。这两个文件认真看,可以节省很多时间,public里面的文件是你hexo g生成的,你修改里面的文件是不起任何效果的,还有不懂的地方可以结合hexo官方文档

下面就是开始往你的博客放东西啦,这里我也走了不少弯路。。。

不过如果你想自己来写一个,参考一下别人的代码也是不错的

关于报错

  1. 出现FATAL bad indentation of a mapping entry at line 113, column 9,type: atom

    原因:clone了插件之后,配置config.yml(是工程根目录下的)时候要把feed:后的m去掉

这里clone的是hexo-generate-feed插件,可以帮助生成xml文件,读取帖子的所有内容,否则只摘要帖子的前140个字符

  1. md文档的图片加载不出来

    原因:hexo默认无法处理文章中插入的图片,需要安装插件

    npm install hexo-asset-image --sav
    

    -首先修改配置_config.yml配置文件

启动资源文件夹,当资源文件管理功能打开后,Hexo将会在你每一次通过 hexo new [layout] <title> 命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个文章文件一样的名字。将所有与你的文章有关的资源放在这个关联文件夹中之后,你可以通过相对路径来引用它们,这样你就得到了一个更简单而且方便得多的工作流。

-使用命令

hexo n xxxx //会生成一个xxxx.md和xxxx的文件夹,把需要的图片放入xxxx文件夹就可以了,因为理解错误,卡了挺久,这里的xxxx是指你要放照片的文档的名字

markdown,引用的话直接[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EnaMGDqf-1585816913622)(ssss.jpg)],这里对应是你图片的名字

我试过换hexo-asset-image包的版本的方法,不适应

果然还是那句话,官方文档比什么都好使。

终于安置好了。