Hexo配置

发表于 更新于 分类于

配置hexo

安装node.js

从官网下载：https://nodejs.org/en/
git bash验证下，如下结果，说明安装成功了。
  avatar

安装hexo

npm install -g hexo-cli
git bash验证下，如下结果，说明安装成功了。
  avatar

Blog初始化

hexo init / hexo init blog_dir_name

hexo init fengye_blog

如上会在目录下生成 fengye_blog 目录；‘

hexo生成和运行

hexo generate(g)

会在 fengye_blog\public\ 生成 index.html的静态网页；
  avatar

hexo server(s)

运行后可以在 http://localhost:4000/ 看到效果图

hexo 更新主题

blog目录下直接clone对应的主题代码：

git clone https://github.com/iissnan/hexo-theme-next themes/next

配置hexo主题

认识2个配置文件

  • Next 主题配置文件

    主要是配置 Next 主题相关的设置，不过不改仓库下的默认数据了，现在通过一个新的文件 _config.next.yml 修改就行。

  • Hexo 配置文件

    Hexo 根目录下的文件———_config.yml，用于配置Hexo基本信息的。

配置 favicon

icon分几种:

  1. 网站显示在浏览器tab中的icon；
  2. 网站内的icon；

hexo配置的问题

  • FATAL Port 4000 has been used. Try other port instead.

    答：已经开了一个hexo 服务了，不过也可以指定端口：hexo s p xxxx

  • 更新了Next主题后，网页显示不了？

    答：删除后重新更新了下Next主题代码，然后就正常了；

参考链接

  1. 简书blog： https://www.jianshu.com/p/343934573342
  2. https://baidinghub.github.io/2020/03/02/Windows%E4%B8%8B%E4%BD%BF%E7%94%A8hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/#2%EF%BC%89%E6%B7%BB%E5%8A%A0%E6%9C%AC%E5%9C%B0%E7%9A%84ssh%E5%88%B0Github%E4%B8%AD
  3. Next 主题的官方配置说明：https://theme-next.js.org/docs/getting-started/
  4. 关于 .yaml 的说明：https://theme-next.js.org/docs/getting-started/configuration.html