用Github Pages+Hexo搭建博客之(四)创建一篇新文章/草稿(创建&预览&发布)/页面(关于,标签,分类,归档,自定义) #模板(Scaffold) #文件名称&博客标题【置顶】【专栏】用Github Pages+Hexo搭建博客>关于布局(Layout)1.创建一篇新文章hexo new 2.草稿：创建&预览&发布3.页面：关于,标签,分类,归档,自定义>关于模板(Scaffold)&自定义>关于文件名称&博客标题</h1> <div class="metas-body"> <span class="views-num"><i class="fa fa-eye"></i> 75 阅读</span> <span class="comment-num"><i class="fa fa-comments"></i> 0 评论</span> <span class="like-num"><i class="fa fa-thumbs-o-up"></i><span class="js-like-num"> 50 点赞</span></span> </div> </div> <div class="article-text"> <div class="article-desc">我是<a href="https://www.kaopuke.com" title="靠谱客">靠谱客</a>的博主 <a href="/u/k-p-k_14_ujocfw_142314__27_.html" title="优秀高山">优秀高山</a>，最近开发中收集的这篇文章主要介绍<a href="/article/k-p-k_13_u_23_o_18_f3_12__23_g4.html">用Github Pages+Hexo搭建博客之(四)创建一篇新文章/草稿(创建&预览&发布)/页面(关于,标签,分类,归档,自定义) #模板(Scaffold) #文件名称&博客标题【置顶】【专栏】用Github Pages+Hexo搭建博客>关于布局(Layout)1.创建一篇新文章hexo new <title>2.草稿：创建&预览&发布3.页面：关于,标签,分类,归档,自定义>关于模板(Scaffold)&自定义>关于文件名称&博客标题</a>，觉得挺不错的，现在分享给大家，希望可以做个参考。</div> <div>  </div> <div class="article-outline"> <h3>概述</h3> </div>  <p> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <h1>【置顶】【专栏】用Github Pages+Hexo搭建博客</h1> <p></p> <div class="toc"> <h3>文章目录</h3> <ul><li>【置顶】【专栏】[用Github Pages+Hexo搭建博客](https://blog.csdn.net/qq_34243930/category_9662425.html)</li><li>>关于布局(Layout)</li><li>1.创建一篇新文章`hexo new <title>`
2.草稿：创建&预览&发布
2.1创建一篇草稿`hexo new draft `
2.2如何预览草稿(只能本地预览)
2.2.1在执行时加上 --draft 参数
2.2.2把render_drafts参数设为 true

2.3发布草稿`hexo publish [layout] `

3.页面：关于,标签,分类,归档,自定义
3.1创建一个页面`hexo new page `(需修改主题的_config.yml文件)
3.2添加自定义页面

>关于模板(Scaffold)&自定义
>关于文件名称&博客标题

>关于布局(Layout)

Hexo 有三种默认布局：post、page 和 draft。
在创建这三种不同类型的文件时，它们将会被保存到不同的路径

布局	路径	描述
post	source/_posts	默认，新文章
page	source/你创建的页面名称命名的文件夹	页面
draft	source/_drafts	草稿

你可以执行下列命令来创建一篇新文章或者新的页面：

hexo new [layout] <title>

可以在命令中指定文章的布局（layout），默认为 post，可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局。

1.创建一篇新文章`hexo new <title>`

例如，执行命令：

hexo new  "Mathpix Snip-公式神器"

在这里插入图片描述
可以在source_posts文件夹内看到新创建了一篇文章，标题title，时间date都被创建了，我们也可以给这篇文章建立标签tag等等Front-matter，也就是页面属性，下一篇博客会讲这部分内容。

我们编辑以下这些基础的命令，写进这个md里

# 标题一

## 标题二

### 标题三

#### 标题四

##### 标题五

**这是加粗**

*这是斜体*

~~这是删除线~~

+ 无序列表
+ 无序列表

1. 有序列表
2. 有序列表

`内嵌代码`

> 引用

在VScode中渲染效果如图：
在这里插入图片描述
生成网页并部署一下：

hexo g
hexo d

刷新网页之后可以看到我们创建了一篇心得文章：(我把网页缩小了以便截全图)
在这里插入图片描述

2.草稿：创建&预览&发布

2.1创建一篇草稿`hexo new draft <title>`

例如，执行命令：

hexo new  draft "my draft"

在这里插入图片描述
可以在source_drafts文件夹内看到新创建了一篇草稿：

草稿是不会被渲染生成的，在博客网站里我们是见不到草稿文章的。

我们可以生成网页并部署一下：

hexo g
hexo d

刷新网页之后可以看到并没有草稿：
在这里插入图片描述

2.2如何预览草稿(只能本地预览)

草稿默认不会显示在页面中，可在执行时加上 --draft 参数；
或是把 render_drafts 参数设为 true 来预览草稿。

但在网页中还是不会显示，只有利用hexo s启动本地预览才行：http://localhost:4000

草稿相当于很多博客都有的“私密文章”功能。

2.2.1在执行时加上 --draft 参数

执行命令：

hexo s --draft

在这里插入图片描述

2.2.2把render_drafts参数设为 true

在 _config.yml 中修改配置
在这里插入图片描述
执行命令：

hexo s

在这里插入图片描述

2.3发布草稿`hexo publish [layout] <title>`

刚刚提到了 Hexo 的一种特殊布局：draft，这种布局在建立时会被保存到 source/_drafts 文件夹；

可通过 publish 命令将草稿移动到 source/_posts 文件夹，该命令的使用方式与 new 十分类似，也可在命令中指定 layout 来指定布局。

下面这条命令可以把草稿变成文章，或者页面([layout]：page)：

hexo publish [layout] <title>

例如，执行命令:

hexo publish "my draft"

在这里插入图片描述
再进行生成并部署：

hexo g
hexo d

就可以在网址上看到文章了：
在这里插入图片描述

3.页面：关于,标签,分类,归档,自定义

3.1创建一个页面`hexo new page <title>`(需修改主题的_config.yml文件)

创建"关于我"等页面：hexo new page “about”，这里的about要和在主题的_config.yml文件中的menu进行匹配。

先去修改主题的_config.yml文件中的menu：
在这里插入图片描述
执行命令：

hexo new  page "about"

在这里插入图片描述

再进行生成并部署：

hexo g
hexo d

在这里插入图片描述
同理，关于,标签,分类,归档都可以按照上面方法进行操作，结果如下图：

3.2添加自定义页面

使用： hexo new page “guestbook” 新建一个自定义页面。
主题的 _config.yml 文件中的 menu 中进行匹配

menu:
  home: /      //主页
  categories: /categories //分类        
  archives: /archives   //归档   
  tags: /tags   //标签                  
  about: /about   //关于
  guestbook: /guestbook    //自定义             （添加此行即可）

>关于模板(Scaffold)&自定义

在新建文章时，Hexo 会根据 scaffolds 文件夹内相对应的文件来建立文件，例如：

hexo new photo "My photo"

在执行这行指令时，Hexo 会尝试在 scaffolds 文件夹中寻找 photo.md，并根据其内容建立文章。

hexo默认三种是：post、page 和 draft。【支持自定义】
在这里插入图片描述

以下是您可以在模版中使用的变量：

变量	描述
layout	布局
title	标题
date	文件建立日期

>关于文件名称&博客标题

Hexo 默认以标题做为文件名称new_post_name: :title.md，但可编辑 new_post_name 参数来改变默认的文件名称。
举例来说，设为 :year-:month-:day-:title.md 可以更方便的通过日期来管理文章。

变量	描述
:title	标题（小写，空格将会被替换为短杠）
:year	建立的年份，比如， 2015
:month	建立的月份（有前导零），比如， 04
:i_month	建立的月份（无前导零），比如， 4
:day	建立的日期（有前导零），比如， 07
:i_day	建立的日期（无前导零），比如， 7

在 _config.yml 中修改配置：
在这里插入图片描述

最后