Hexo博客搭建总结和常用Hexo命令
ChrisXie Lv5

当前博客是通过 Hexo搭建而成! 同时这篇文章也是新博客的第一篇所以想记录一下Hexo搭建总结和所需要的常用命令。

Hexo发表博客文章

新建一篇文章

(1)在Git Bash命令窗口下cd到hexo博客目录下输入命令:

1
2
3
hexo new "新发表文章"
# -p 参数可以指定文章的路径
hexo new post -p hello/hello-world # 注意里面 hexo new post -p 文件夹/文章题目

(2)执行完毕后再 \hexo\blog\source_posts 目录下回出现 “新发表文章.md”

(3)在”新发表文章.md”文件里编辑基本属性:

1
2
3
4
5
6
title: 新发表文章(可以自定义文章标题)
date: 2020-05-16 11:26:51(自动会生成时间也可以随意改动)
tags:
- 新发表文章 //文章属性标签
- hexo
categories: Hexo //分类为Hexo类型文章

(4)删除文章,进入到source / _post 文件夹中,找到文章文件,在本地直接执行删除然后依次执行hexo g生成静态页面检查是不是删除了

启动服务 本地测试

清除缓存文件

1
hexo clean

启动服务,本地访问地址:http://localhost:4000/

1
hexo s

生成静态页面,部署到服务器

将本地部署到服务器在blog目录右键git Bash
清除缓存文件

1
hexo clean

生成静态页面或者简写hexo g

1
hexo generate

将本地静态页面目录部署到云服务器或者简写hexo d

1
hexo deploy

添加“阅读全文”按钮

在文章需要显示截止位置添加即可(没有添加也会有默认的,但是有些文章不自己添加会出现代码部分会超出页面显示范围)

1
<!--more-->

在文章中添加图片

方法一:
(1)在hexo目录下,安装插件:

1
npm install hexo-asset-image --save

(2)在hexo\source 目录下新建一个images文件夹,把图片放置在里面
(3)在”新发表文章.md”文件中引用图片:

1
![test]( images/test.jpg)

方法二:
(1)在全局配置文件(hexo/_config.yml)中将post_asset_folder设置为true;
(2)在新建文章hexo new "XXX"后在hexo/source/_post目录下,生成一个”XXX.md”文件和一个XXX的文件夹
(3)把这个博文需要展示的图片放在XXX文件夹目录下
(4)文章引入图片的方式为XXX.md文件中添加下方代码并且修改需要显示的图片名称:

1
{% asset_img xxx.jpg This is an xxx image %}

修改Hexo操作

修改主题的页面结构

在”/blog/themes/neixt/layout/_partial”目录下找到需要修改的组件文件进行修改

用hexo搭的博客,但是代码tab缩进是8格,怎么改过来?

把站点配置文件 _config.yml 里的 tab_replace 改成四个空格(注意用引号括起来)

##设置hexo首页只显示部分摘要(不显示全文)

###修改配置
首先需要在Next主题的_config.yml中把设置打开:(默认安装时就打开了)

1
2
# Automatically excerpt description in homepage as preamble text.
excerpt_description: true

###方法一:写概述
在文章的front-matter中添加description,其中description中的内容就会被显示在首页上,其余一律不显示。

1
2
3
4
5
---
title: 让首页显示部分内容
date: 2020-02-23 22:55:10
description: 这是显示在首页的概述,正文内容均会被隐藏。
---

###方法二:文章截断
在编辑文件需要显示的部分加上下方

1
<!--more-->

hexo 国内无法显示gravatar头像

由于被墙所以把地址改成下方即可

1
avatar_cdn: https://cdn.v2ex.com/gravatar/ #头像cdn

hexo 创建一个不受主题渲染的独立页面

将文章或页面设置为不受主题渲染:
1、打开根目录下的配置文件:_config.yml
2、找到 skip_render: 配置

设置单篇文章不受渲染:

1
skip_render: "_post/test-post.md"

设置多篇文章不受渲染:

1
2
3
skip_render:
- "_post/test-post1.md"
- "_post/test-post2.md"

\source\about 里所有的文件将跳过渲染

1
skip_render: about\**

hexo 在本地环境搭建一个新的主题环境

新建一个放项目的文件夹,输入命令搭建hexo框架

 评论
相关文章
标签云 更多