0%

水文指南

在Hexo下水文章

免得时间长了没水, 不知道怎么水

Command

在hexo博客目录下,进入Git Bash命令窗口中,输入以下命令:

$ hexo new "Water_01"

  • 添加一篇水文章

格式

  • 文件的开头是属性,采用统一的yaml格式,用三条短横线分隔

文章标题:

1
2
3
4
5
6
7
title: 在这里
date: 好日子
tags:
- Blog //多个标签可以这样添加
- hexo
categories:
- 博客

詳情預覽:

1
<!--more-->   

水文章

  • 快速部署

    1
    hexo clean && hexo g && hexo d
  • 快速預覽

    1
    hexo clean && hexo g && hexo s

额外的插件

在博文中添加图片(1)

  1. 在hexo目录下,安装插件:

    npm install hexo-asset-image --save

  2. 在hexo\source 目录下新建一个img文件夹,把图片放置在里面

  3. 在Water_xx.md文件中引用图片:

    ![header]( img/header.jpg)

在博文中添加图片(2)

  1. 在全局配置文件hexo/_config.yml 中将post_asset_folder设置为true

  2. 创建文章(在创建的时候,会在hexo/source/_post目录下,生成一个XXX.md文件和一个XXX的文件夹)

    hexo new "XXX"

  3. 把XXX这个博文需要展示的图片放在XXX文件夹目录下

  4. 在XXX.md文件中引入图片的方式:

    {% asset_img example.jpg This is an example image %}

Hexo Next主题设置文章置顶

  1. 执行下面两行命令:

    npm uninstall hexo-generator-index --save

    npm install hexo-generator-index-pin-top --save

  2. 在新增文章的开头中加入top: true,比如:

    1
    2
    3
    4
    5
    6
    7
    8
    ---
    title: Hexo Next主题设置文章置顶
    id: a1
    date: 2020-01-03 17:26:01
    categories: Hexo
    tags: Next主题
    top: true
    ---
  3. 设置置顶标志

  • 打开\themes\your theme\layout_macro\post.swig

  • 找到<div class=”post-meta”>下面插入一下代码:

    1
    2
    3
    4
    5
    6
    {% if post.top %}
    <i class="fa fa-thumb-tack"></i>
    <font color="RED">置顶</font>
    <span class="post-meta-divider">|</span>
    {% endif %}

如何设置页面文章的篇数?

  • 在 Hexo 里可以为首页和归档页面设置不同的文章篇数,但可能需要安装 Hexo 插件。详细步骤如下。

    1. 使用 npm install --save 命令来安装需要的 Hexo 插件。
    1
    2
    3
    npm install --save hexo-generator-index
    npm install --save hexo-generator-archive
    npm install --save hexo-generator-tag
    1. 等待扩展全部安装完成后,在 站点配置文章 中,设定如下选项:
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      index_generator:
      per_page: 5

      archive_generator:
      per_page: 20
      yearly: true
      monthly: true

      tag_generator:
      per_page: 10

升级Hexo模块

1
2
3
4
5
6
7
8
//以下命令分别执行即可
npm install -g npm-check //安装npm-check
npm-check //查看系统插件是否需要升级
npm install -g npm-upgrade //安装npm-upgrade
npm-upgrade //更新package.json
//在执行npm-upgrade命令后会要求输入yes或者no,直接输入Yes或Y即可
npm update -g //更新全局插件
npm update --save //更新系统插件

歡迎關注我的其它發布渠道