How to use hexo to create blog?

date: 2020-10-17 04:30:36 author:Payne Mail:wuzhipeng1289690157@gamil.com

How to use hexo to create blog？

亲爱的伙伴您好，很荣幸能与您在此相遇. 本文主要用于记录，在一台完全的“新”机子上，书写Hexo部署博客。我已经迫不及待想告诉你的几个容易错误的点，你准备好了么？ Let’s Go 在此之前说明，很多东西都是来自网络，当然无论如何还是建议你查阅官方文档。 Hexo官方文档

Fisrt 环境准备

[ ] Git
[ ] Node.js (Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本)
[ ] Hexo

Git：

可以参考此文章 https://cuiqingcai.com/9336.html

Mac 用户 如果在编译时可能会遇到问题，请先到 App Store 安装 Xcode，Xcode 完成后，启动并进入 Preferences -> Download -> Command Line Tools -> Install 安装命令行工具。 Node.JS: Node.js 为大多数平台提供了官方的安装程序。对于中国大陆地区用户，可以前往淘宝 Node.js 镜像下载。

其它的安装方法：

Windows：通过 nvs（推荐）或者nvm 安装。
Mac：使用 Homebrew 或 MacPorts 安装。
Linux（DEB/RPM-based）：从 NodeSource 安装。
其它：使用相应的软件包管理器进行安装，可以参考由 Node.js 提供的指导

Hexo：

所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。

代码语言：javascript复制

# 和我一样小白的可使用以下命令来安装
npm install -g hexo-cli
# 对于熟悉 npm 的大牛，可以仅局部安装 hexo 包。npm install hexo

验证安装

代码语言：javascript复制

# 注意请不要在项目中使用，可能会因为限制从而导致验证误差
hexo version

Look

Second 写作

新建

代码语言：javascript复制

# 创建一篇新文章或者新的页面hexo new [layout] <title># EG  注意双引号中的是博客标题，不需要加.md等后缀。hexo new "Your Title"# hexo new --helpUsage: hexo new [layout] <title>
Description:
Create a new post.
Arguments:
  layout  Post layout. Use post, page, draft or whatever you want.
  title   Post title. Wrap it with quotations to escape.
Options:
  -p, --path     Post path. Customize the path of the post.
  -r, --replace  Replace the current post if existed.  -s, --slug     Post slug. Customize the URL of the post.

Hexo 有三种默认布局：post、page 和 draft。在创建这三种不同类型的文件时，它们将会被保存到不同的路径；而您自定义的其他布局和 post 相同，都将储存到 source/_posts 文件夹。

代码语言：javascript复制

source/_posts

文内设置

用markdown等编辑器写博客，tags的写法如下：

代码语言：javascript复制

# 注意冒号与方括号之间有一个空格，方括号中的标签用英文的”,”tags: [hexo,备忘录]

添加“阅读全文”按钮

方法一：

代码语言：javascript复制

# 在文章任意你想添加的位置添加<!--more--># EG---
title: How to use hexo to create blog?
date: 2020-10-17 01:48:53author:Payne
Mail:wuzhipeng1289690157@gamil.com
tags:[Hexo]
---
<!--more-->
后面的内容在首页不显示，只显示到<!--more-->这里

方法二：

代码语言：javascript复制

# 设置首页文章以摘要形式显示，打开主题配置文件，找到auto_excerpt进行修改
auto_excerpt:
  enable: true
  length: 150

其中length代表显示摘要的截取字符长度。注：这两种方法，在博客首页显示的效果不一样，根据自己的需要，选择自己喜欢的方法请开始您的表演?

Show Time 。。。

Third 自我查阅 && Fourth 发布

代码语言：javascript复制

# 构建 -> 用于生成博客的html文件
hexo g
# 预览 -> 用于在本地预览博客，打开浏览器，输入 localhost:4000/ 即可查看。hexo s
# 检查博客格式等符合要求后，用此命令将博客推送到远端。(需要是自己的才行)
hexo d
# 实操
# 构建并查阅
hexo g && hexo s
# 推送（记得清除缓存！！！）
hexo clean && hexo g && hexo d

hexo 官方文档 xcode git http

0 人点赞