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. 其中包含了博客的 titledatetags信息
  2. 接下来,我们编辑博客的 tagscategories,仍然需要注意 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. AppIDAppKey 复制并粘贴到 _config.fluid.yml 文件中如下相应的位置
valine:
  appId: xxxxx
  appKey: xxxxx
  1. 保存配置文件,再次运行博客到本地服务器
hexo server

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

image.png

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

3. 后记

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

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



相关文章
|
测试技术 开发工具 UED
什么是农场游戏系统开发规则玩法/详细需求/案例详情/源码项目
明确定义游戏概念和目标**: - 确定农场游戏系统的主题和核心玩法,明确目标用户群体,并设定明确的游戏目标和规则。
|
JavaScript 前端开发 Java
|
9月前
|
人工智能 自然语言处理 数据库
超越传统搜索:RAG如何让AI更懂你
超越传统搜索:RAG如何让AI更懂你
742 109
|
移动开发 JavaScript HTML5
Vue2视频播放(Video)
这篇文章介绍了如何在Vue 3框架中创建一个视频播放组件(Video),支持自定义视频源、封面、自动播放等多种播放选项和样式设置。
1203 1
Vue2视频播放(Video)
|
11月前
|
人工智能 自然语言处理 算法
微软AutoGen:多智能体协作的工业级解决方案
作为一名长期关注AI技术发展的开发者,我深深被微软AutoGen框架所展现的多智能体协作能力所震撼。在当今企业数字化转型的浪潮中,单一AI模型已难以满足复杂业务场景的需求,而AutoGen框架的出现为我们提供了一个革命性的解决方案。它不仅突破了传统单体AI的局限性,更通过其独特的多智能体协作机制,实现了真正意义上的"AI团队协作"。经过深入研究和实践,我发现AutoGen在智能体角色定义、通信协议设计、任务协调机制等方面都展现出了工业级的成熟度。特别是其对话驱动的编程范式和灵活的工作流编排能力,为企业级AI应用开发带来了前所未有的便利性和可扩展性。本文将从技术架构、实现原理到企业应用等多个维度
567 1
微软AutoGen:多智能体协作的工业级解决方案
|
机器学习/深度学习 C语言 计算机视觉
RT-DETR改进策略【Neck】| HS-FPN:高级筛选特征融合金字塔,加强细微特征的检测
RT-DETR改进策略【Neck】| HS-FPN:高级筛选特征融合金字塔,加强细微特征的检测
710 12
RT-DETR改进策略【Neck】| HS-FPN:高级筛选特征融合金字塔,加强细微特征的检测
|
弹性计算
阿里云2核2G服务器租用费用,轻量和ECS服务器价格对比
阿里云2核2G服务器,ECS经济型e实例99元/年,轻量应用服务器则为82元/年。ECS还提供其他类型如u1和t6实例。99元的ecs.e-c1m1.large适合新老用户,具有2核2G内存,基础带宽0.2Gbps,最高可达2Gbps。
885 3
|
人工智能 自然语言处理 程序员
通义灵码:融合创新玩法与探索,重塑LeetCode解题策略
欢迎来到工程师令狐小哥的频道。本文介绍如何利用AI工具高效刷LeetCode,通过通义灵码插件在IntelliJ IDEA中实现代码生成、优化、单元测试等功能,提升编程学习效率。
777 1
通义灵码:融合创新玩法与探索,重塑LeetCode解题策略
|
机器学习/深度学习 自然语言处理 算法
通过RAG增强大模型回答原本无法回答的问题
RAG(检索增强生成)是一种结合信息检索和文本生成技术的方法,旨在提升大规模语言模型处理特定问题的能力。通过先从大量文档中检索相关信息,再利用这些信息生成更准确的答案,RAG特别适用于需要最新数据或专业知识的场景,如医疗咨询、法律建议等。此方法不仅提高了答案的质量和准确性,还增强了系统的可扩展性和适应性。随着技术进步,RAG有望在更多领域发挥重要作用。
1393 2
|
NoSQL Java Redis
字节数组流ByteArrayOut(In)putStream使用详解
字节数组流ByteArrayOut(In)putStream使用详解
278 0