avatar

目录
Hexo使用入门

Hexo使用入门

一、简介

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

二、安装

  1. nodejs安装教程:https://www.jianshu.com/p/657d58a149d0

    Code
    注意上面的坑:创建链接的时候目标路径有错!后面的路径,不要漏了local。
    ln -s ..../bin/node /usr/local/bin/node
  2. git安装:yum -y install git

  3. 安装hexo

    Code
    npm install -g hexo
    cd /usr/local/lib/node_modules/hexo/bin
    ./hexo -version

    # 添加环境变量,在任何地方可以执行hexo命令
    sudo vim /etc/profile
    # 末尾添加
    export HEXO_HOME=/usr/local/lib/node_modules/hexo
    export PATH=$PATH:$HEXO_HOME/bin
    # 刷新配置
    source /etc/profile
    # 进入任意目录测试
    hexo -v
  4. 创建一个目录存放hexo文件,并进行初始化

    Code
    mkdir blog		# 名字随意
    cd blog
    hexo init # 初始化

    提示:如果上面的命令有问题,推荐看“Linux基础操作”文章解决。

三、Hexo命令集

2.1 启动命令

Code
hexo server (简写 hexo s)

默认启动4000端口,公网的小伙伴记得配置安全组打开4000端口。一般用于预览效果。

2.2 创建文章

Code
hexo new "这是文章标题"(简写hexo n)

然后会显示文件生成路径:(_posts目录下就是用来存放文章的)

INFO Created: ~/blog/source/_posts/这是文章标题.md

查看文件内容:

Code
---
title: 这是文章标题
date: 2020-02-22 20:40:01
tags:
---

文章采用Markdown语法来编辑。

提示:推荐使用下面我写的文章生成器来在本地生成,编写完成后上传到_posts目录下。

3.3 生成博客

进入博客目录blog文件夹下后,执行以下命令:

Code
hexo clean		# 清理旧文件(如果只是在原有基础下添加新文章,可以不用执行)
hexo g # 生成新文件

可以直接设置生成到nginx的web目录下,这样就可以不用启动服务直接访问了。

四、修改博客样式

4.1 切换主题

  1. 下载主题(icarus主题为例)

    主题下载github:https://github.com/ppoffice/hexo-theme-icarus

    推荐先下载ZIP到本地,解压后再传到服务器。

    将解压内容放到hexo博客根目录下的blog/themes/icarus/下

    avatar

  2. 修改博客根目录下的 _config.yml配置文件。将主题改为icarus:

    Code
    # Extensions
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: icarus
  3. 重新生成博客

    Code
    sudo hexo clean
    sudo hexo g
    sudu hexo s

    可能会报错,说找不到依赖。cd到博客根目录下执行(npm i cheerio -S)

  4. 其他主题(Butterfly)

    https://jerryc.me/posts/21cfbf15/#%E5%AE%89%E8%A3%9D

4.2 修改信息

去官网看吧,慢慢来。(推荐Butterfly文档比较全,上面那个链接)

4.3 使用程序自动生成文章头

如果你用的是Butterfly主题,那么推荐我写的一个程序来生成文章模板:

地址:http://wangbowen.cn/soft/hexo/HexoArticleBuilderForButterfly.exe

Code
---
title: 这是标题
date: 2020-2-24 0:09:29
updated: 2020-2-24 0:09:29
categories:
- [分类1, 分类2]
tags:
- 标签1
- 标签2
cover: '/postImages/分类2.jpg'
comments: true
top: false
toc: true
toc_number: false
---
[TOC]
# 这是标题

avatar

avatar

avatar

五、后台运行与关闭

  1. 让线程后台运行

    Code
    sudo nohup hexo s &
  2. 查看当前端口占用情况,找到4000端口的PID

    Code
    sudo netstat -lntp
  3. 杀掉进程

    Code
    sudo kill -9 PID

六、添加搜索功能

https://www.liu.app/2018/08/10/Hexo/%E4%B8%BAHexo%E5%A2%9E%E5%8A%A0algolia%E6%90%9C%E7%B4%A2%E5%8A%9F%E8%83%BD/

https://www.dazhuanlan.com/2020/02/01/5e3472eacf544/

hexo algolia

文章作者: IT小王
文章链接: https://wangbowen.cn/2020/02/22/Hexo%E4%BD%BF%E7%94%A8%E5%85%A5%E9%97%A8/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 IT小王

评论