Hexo从0到1搭建博客系列03:文章与评论模块

简介: Hexo从0到1搭建博客系列03:文章与评论模块

Hexo从0到1搭建博客系列03:文章与评论模块

1. 文章的编辑与发布

在这一部分,我们主要学习如何编辑文章,并将其发布在Hexo博客上。

这一部分我们仍然在Hexo博客根目录上操作。

  1. 执行以下命令,创建一篇新的文章。引号内为博客的标题
hexo new ""
e.g.: hexo new "我的第一篇博客"
  1. 如图所示,该博客已经被创建到 source/_posts 目录下啦

image.png

  1. 编辑该页面,可以看到如下信息(可以采用 MarkText 进行编辑,这个是免费的)
---
title: 我的第一篇博客
date: 2022-10-05 16:00:30
tags:
---
  1. 其中包含了博客的 title、date、tags信息
  2. 接下来,我们编辑博客的 tags 与 categories,仍然需要注意 yaml 格式
---
title: 我的第一篇博客
date: 2022-10-05 16:00:30
tags: [学习感悟, 知识分享, Java]
categories: [Java基础]
---
  1. 在下面接着编辑博客内容(可以采用 MarkText 进行编辑,这个是免费的)
    示例如下:
---
title: 我的第一篇博客
date: 2022-10-05 16:00:30
tags: [学习感悟, 知识分享, Java]
categories: [Java基础]
---
# 我的第一篇博客
## 1. Java基础
Java是一门后端语言,我爱Java。
## 2. Java实战
第一行代码
```java
System.out.println("Hello World!");
  1. Ctrl + S 保存,然后将博客运行到本地服务器。
hexo server

这样一来就可以完成博客的编辑与发布啦,看看成品吧~

下面那一篇是 Hexo 初始化的文章

image.png

进入 分类、标签 页可以看到相应的内容

2. 引入评论模块

引入评论听起来非常高大上。如果自己手动搭建一个评论系统,将是需要一定技术的工作,而在Hexo-Fluid 中,这仅仅只是一个简单的配置

  1. 打开之前粘贴好的 _config.fluid.yml 文件,找到以下内容。
post:
  comments:
    enable: true
    type: disqus
  1. 这里我推荐使用另外一个评论插件 Valine,所以将type进行相应的更改。
post:
  comments:
    enable: true
    type: valine
  1. 其他评论插件官方文档有详细的写,如果想尝试其他的,请点击[这里](配置指南 | Hexo Fluid 用户手册)查找~
  2. 进入 Valine 主页,注册一个 LeanCloud 账号,然后完成相应的实名认证。这一部分就比较简单啦,不再赘述。
  3. 进入 LeanCloud 个人主页控制台,左上角创建应用。
    我已经创建过啦,就不再创建了。

image.png

  1. 点击进入创建好的应用,点击左侧菜单 设置 - 应用凭证,就可以看到相应的配置信息啦

image.png

  1. 将 AppID 与 AppKey 复制并粘贴到 _config.fluid.yml 文件中如下相应的位置
valine:
  appId: xxxxx
  appKey: xxxxx
  1. 保存配置文件,再次运行博客到本地服务器
hexo server

打开之前发布的博客页,拉到最底部,即可看到评论界面啦~

image.png

由于 Valine 是一个无后端评论系统,想要管理评论的话,得去 LeanCloud 后台数据存储进行管理相关评论数据。

3. 后记

如果大家觉得我的内容写的还不错,可以在评论区留言支持一下呀~

欢迎大家来逛一逛我的个人博客~



相关文章
|
JavaScript 前端开发 Java
|
关系型数据库 MySQL Linux
Centos7升级openssl,超详细
Centos7升级openssl,超详细
3277 0
|
人工智能 自然语言处理 数据库
超越传统搜索:RAG如何让AI更懂你
超越传统搜索:RAG如何让AI更懂你
878 109
|
JSON Java fastjson
微服务——SpringBoot使用归纳——Spring Boot返回Json数据及数据封装——使用 fastJson 处理 null
本文介绍如何使用 fastJson 处理 null 值。与 Jackson 不同,fastJson 需要通过继承 `WebMvcConfigurationSupport` 类并覆盖 `configureMessageConverters` 方法来配置 null 值的处理方式。例如,可将 String 类型的 null 转为 "",Number 类型的 null 转为 0,避免循环引用等。代码示例展示了具体实现步骤,包括引入相关依赖、设置序列化特性及解决中文乱码问题。
907 0
|
计算机视觉 Python 索引
【Python Opencv】图片与视频的操作
【Python Opencv】图片与视频的操作
747 0
【Python Opencv】图片与视频的操作
hutool工具分页工具
hutool工具分页工具
|
机器学习/深度学习 自然语言处理 算法
通过RAG增强大模型回答原本无法回答的问题
RAG(检索增强生成)是一种结合信息检索和文本生成技术的方法,旨在提升大规模语言模型处理特定问题的能力。通过先从大量文档中检索相关信息,再利用这些信息生成更准确的答案,RAG特别适用于需要最新数据或专业知识的场景,如医疗咨询、法律建议等。此方法不仅提高了答案的质量和准确性,还增强了系统的可扩展性和适应性。随着技术进步,RAG有望在更多领域发挥重要作用。
1482 2
|
数据采集 存储 数据可视化
基于Python flask的猫眼电影票房数据分析可视化系统,可以定制可视化
本文介绍了一个基于Python Flask框架开发的猫眼电影票房数据分析可视化系统,该系统集成了数据爬取、存储处理、可视化展示和用户交互功能,使用户能够直观地分析和展示电影票房数据,具有高度定制性。
980 0
基于Python flask的猫眼电影票房数据分析可视化系统,可以定制可视化
|
应用服务中间件 nginx 索引
7-16| *8 directory index of "E:\wwwroot/" is forbidden, client: 127.0.0.1, server: 192.168.1.240, re
7-16| *8 directory index of "E:\wwwroot/" is forbidden, client: 127.0.0.1, server: 192.168.1.240, re
|
NoSQL Java Redis
字节数组流ByteArrayOut(In)putStream使用详解
字节数组流ByteArrayOut(In)putStream使用详解
327 0