基于Hexo创建文章、编辑文章

基于Hexo创建文章、编辑文章

首页角色扮演暗黑纹章觉醒2023更新时间:2024-04-29

hexo搭建成功之后,要开始写文章了,本文将介绍关于hexo如何创建文章以及相关的注意事项。

01

创建文章

打开git bash,进入创建的博客目录下,创建一个标题为title的文章,使用下面的命令:

hexonew[layout]"title"

其中title表示文章命名,[layout]表示创建文章的布局,hexo主要有post(默认)、draft、page三种,使用下面的命令创建文章。

hexo n "如何基于hexo创建文章"

在_posts下会有名为"如何基于hexo创建文章"的md文件,文件默认内容如下。

--- title: 如何基于hexo创建文章 date: 2023-11-23 19:55:50 tags: ---

若要创建draft,则使用下面的命令。

hexo n draft "如何写draft"

命令使用之后就会在source目录下,生成一个_drafts文件夹,并且会生成"如何写draft.md"。

--- title: 如何写draft tags: ---

上面默认生成的内容其实就是Front-matter,它的设置路径在scaffolds下面,如下图,下面有三个md文件,我打开的是默认的post.md,然后我又在其中增加了一个变量autor,修改了默认的布局格式。

02

编辑文章

写文章的工具很多,比如typora。具体的markdown的语法这里不过多赘述。这里主要讲一下关于在typora插入图片的相关操作,主要有以下几种。

2.根据markdown语法直接写

![alt](src),src既可以是本地图片的绝对/相对路径,比如../images/test.png,也可以是URL,alt是图片的注释,可以为空。

2.拖拽

将图片直接直接拖拽至typora中也可以实现插入图片的目的。

3.从剪切板粘贴

Typora 支持从剪贴板中粘贴图片,但是因为 Markdown 文件是纯文本文件,所以用户无法在 Markdown 文件中直接插入图片文件,而是通过在 Markdown 文件中引用文件路径或者 URL 的方式插入图片,所以默认情况下,Typora 会先将文件保存到一个固定的目录。

插入图片时做的动作

打开 Typora 的偏好设置窗口,点击左侧的「图像」选项卡,在「插入图片时…」下面有一个下拉框,里面有这样几个选项,如下图所示。

第一个选项「无特殊操作」是默认选项。

第二个选项「复制图片到当前文件夹(./)」意思是你在插入图片时,将图片复制到你正在编辑的 Markdown 文件所在的目录下。

第三个选项「复制图片到 文 件 夹 ./{filename}.assets」 意 思 是 , 在 你 插 入 图 片 时 , 会 在 当 前 目 录 下 创 建 一 个 名 为 ‘ {filename}.assets 文件夹」,然后把图片保存在这个文件夹下,其中${filename}`指的是当前你正在编辑的 Markdown 文件的文件名。

第四个选项「上传图片」就是在你插入图片时,使用图片上传服务将图片上传到服务器。

第五个选项「复制到指定路径」当你选择这个选项后,会出现一个输入框让你输入保存图片的路径,这里也可以使用${filename}来指代当前编辑的 Markdown 文件的文件名。

03

关联文章

问题引出:如果创建一篇文章则会在首页上显示,但是我们可以看到导航栏上多出的标签、关于、归档、分类等图标,点击后会显示Can not Get /xxx/.产生这个问题的原因是没有添加对应的页面,因此本文将主要描述该如何实现添加上述页面。

存在其他导航栏的原因就是在_config.yaml文件中没有取消注释下面的内容。

那么该如何将新建的文章和这些导航栏关联呢?

首先创建这些导航栏页面

hexo new page categories

这样就可以在source目录下生成一个categories目录了,且其目录下会有一个index.md文件。文件内容如下(我增删改了一些内容):

--- title: 文章分类 date: 2023-11-22 16:06:10 type: "categories" -深度学习 - hexo ---

其中type下面的 - 深度学习以及- hexo就是你的分类了,这样在你写的文章里面中的的初始变量中加上下面的内容就可以产生关联了。

categories: - 深度学习

参考文献:

  1. Typora使用技巧之插入图片及图片上传_typora插入图片-CSDN博客
  2. 使用hexo新建、编辑并预览文章 - 知乎 (zhihu.com)
查看全文
大家还看了
也许喜欢
更多游戏

Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved