hexo如何使用自定义页面
时间: 2024-05-28 21:08:53 浏览: 21
您可以通过在 Hexo 中创建新的页面来使用自定义页面。您可以按照以下步骤操作:
1. 在您的 Hexo 博客目录中,使用命令行工具创建一个新的页面,例如:hexo new page "custom-page"。
2. 打开新创建的页面文件,位于您的 Hexo 博客目录的 source/_pages/custom-page.md。
3. 在这个文件中,您可以使用 Markdown 语法添加自定义内容。
4. 保存这个文件后,您可以使用 Hexo 命令生成静态页面,例如:hexo generate。
5. 最后,您可以使用 Hexo 命令发布您的博客,例如:hexo deploy。
这样,您就可以在您的博客中使用自定义页面了。
相关问题
hexo自定义登录页面layout
要自定义Hexo登录页面的布局,可以执行以下步骤:
1. 创建一个名为“login.ejs”的文件,该文件将是您的自定义登录页面布局的基础。
2. 在您的主题文件夹中的“layout”目录中创建一个名为“login.ejs”的文件夹。如果不存在,则创建该文件夹。
3. 在“login.ejs”文件夹中,创建一个新的EJS模板,并将其命名为“index.ejs”。
4. 在“index.ejs”中,您可以使用HTML、CSS和JavaScript来创建自定义登录页面的布局和样式。
5. 在您的Hexo配置文件中,指定自定义登录页面的布局。在该文件中,将“login_page_layout”设置为您在第2步中创建的“login.ejs”文件的路径。
完成以上步骤后,您将能够使用自定义布局来创建您的Hexo登录页面。
hexo编写about页面
要编写 Hexo 的 About 页面,您可以按照以下步骤进行操作:
1. 在 Hexo 的根目录下执行以下命令创建 About 页面:
```
hexo new page about
```
执行完命令后,您会在 source 目录下的 pages 文件夹中看到一个新建的 about.md 文件。
2. 打开 about.md 文件,编辑 About 页面的内容。您可以使用 Markdown 格式编写内容,并在文件开头添加以下 Front-matter:
```
---
title: About
date: 2022-10-31 20:00:00
---
```
其中,title 是页面的标题,date 是页面的创建时间。
3. 编辑完内容后,保存 about.md 文件,并执行以下命令生成 About 页面:
```
hexo generate
```
4. 执行完命令后,在 public 目录下的 about 文件夹中就会生成一个 index.html 文件,这就是您的 About 页面。可以通过以下命令启动本地服务器查看页面:
```
hexo server
```
打开浏览器,访问 http://localhost:4000/about 即可看到生成的 About 页面。
5. 最后,您可以将生成的 about 文件夹中的 index.html 文件上传到您的服务器上,让您的网站访问者能够看到 About 页面。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)