静觅 崔庆才的个人站点 - Python爬虫教程

0%

使用Hexo编写博客

发表于 阅读次数： 本文字数： 2.2k 阅读时长 ≈ 2 分钟

使用Hexo编写博客？

亲爱的伙伴您好，很荣幸能与您在此相遇.

本文主要用于记录，在一台完全的“新”机子上，书写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。

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

验证安装

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

Look

Hexo Version

Second 写作

新建

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
# 创建一篇新文章或者新的页面
hexo new [layout] <title>
# EG  注意双引号中的是博客标题，不需要加.md等后缀。
hexo new "Your Title"

# hexo new --help
Usage: 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 文件夹。

布局 路径
post source/_posts
page source
draft source/_drafts

文内设置

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

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

添加“阅读全文”按钮

方法一：

1
2
3
4
5
6
7
8
9
10
11
12
13
 
# 在文章任意你想添加的位置添加
<!--more-->
# EG

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

方法二：

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

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

请开始您的表演😊

Show Time 。。。

Third 自我查阅

1
2
3
4
5
6
7
8
9
10
11
12
 
# 构建 -> 用于生成博客的html文件
hexo g
# 预览 -> 用于在本地预览博客，打开浏览器，输入 localhost:4000/ 即可查看。
hexo s
# 检查博客格式等符合要求后，用此命令将博客推送到远端。(需要是自己的才行)
hexo d

# 实操
# 构建并查阅
hexo g && hexo s
# 推送（记得清除缓存！！！）
hexo clean && hexo g && hexo d

images

Fourth 发布

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
# 详细流程如下
首先clone下来然后，创建分支
git clone "目标地址"
git checkout -b branch_name


# 编写博客



# 构建并查阅
hexo g && hexo s
# 推送（记得清除缓存！！！）
hexo clean && hexo g && hexo d