0%

Hexo 首次搭建个人Blog问题记录

背景

​ 看到别人那么炫酷的个人Blog后,自己也突然有了一些想法,既而最近看了《小强升职记》中的第五章让目标落地,于是便马上开始规划起了自己的Blog。

目的

​ 通过这个Blog记录生活中的点点滴滴。

步骤

​ 由于这类型的文章在网上太多了。。。具体的搭建过程就不一一搬运了。(个人觉得比较详细的一个链接:Hexo+Github: 个人博客网站搭建完全教程(看这篇就够了)

遇到的问题

​ emm…有一个比较详细的教程是多么重要的一件事,虽然别人的Blog上看起来也就1个小时的事,实际自己做起来却花费了大半天😭😭。。。总结了以下在搭建过程中自己遇到的坑。

  1. 执行修改_config.yml文件后,执行创建新的文章命令时候报错。

    1
    2
    3
    4
    hexo new "Bigbean's demo"
    FATAL TypeError: Invalid config detected: "url" should be string, not object!

    原因:拷贝其他教程的配置文件时候,url: #网址 这个地方未配置
  2. 发布了第一篇文章后,页面打开显示错误。

    1
    2
    # 终端里面报错 
    WARN No layout: index.html

    原因:在步骤3中按照参考链接中改了配置后,实际并没有链接中的那个主题 theme: landscape-plus

    所以修改_config.yml配置文件的时候一定要注意!!!再次提醒不要全部照抄,应该仅仅是改自己需要改的地方。

  3. 在执行 hexo d 发布的时候报错。

    1
    2
    3
    Deployer not found: git
    # 这是因为没安装hexo-deployer-git插件,在站点目录下输入下面的插件安装就好了
    npm install hexo-deployer-git --save
  4. 怎么再通过github的链接直接访问网上远端的效果呢?

    进入 github 项目中点击 Settings,向下拉到最后有个 GitHub Pages,点击 Choose a theme 选择一个主题。然后等一会儿,再回到 GitHub Pages,就会变成你选择的主题。参考链接

  5. 按照6中的操作后,github page一直未被识别,导致点击链接去看里面样式找不到。(参考链接

    原因: 要创建一个和你用户名相同的仓库,后面加 .github.io,只有这样,将来要部署到 GitHub page 的时候,才会被识别 。例如我的:beanskingdom.github.io

总结

​ 至此。。。终于完成了第一篇内容的发布,后续还会继续进行相关的优化,如:主题、评论、搜索等等。

------------- 本 文 结 束 感 谢 您 的 阅 读 -------------