hexo整理

本文介绍了Hexo博客的相关设置。一是解决首页不显示全文问题,通过修改themes/next目录下_config.yml文件中auto_excerpt的enable值为true来解决;二是添加Live2D小宠物,需安装插件、修改配置文件;三是添加分类和标签,NexT主题设置后会在侧边栏或导航栏生成对应选项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.hexo首页不显示全文

希望达到的效果

首页显示文章列表,列表里的每一篇文章只显示预览,不显示全文。

  • 进入hexo博客项目的themes/next目录
  • 用文本编辑器打开_config.yml文件
  • 搜索"auto_excerpt",找到如下部分:
# Automatically Excerpt. Not recommand.
# Please use <!-- more --> in the post to control excerpt accurately.
auto_excerpt:
  enable: false
  length: 150
  • 把enable改为对应的false改为true,然后hexo d -g,再进主页,问题就解决了!

2.添加Live2D小宠物

  • 安装Live2D插件

npm install --save hexo-helper-live2d
npm install --save live2d-widget-model-<你喜欢的模型名字>

 下面是常用的模型 可以在此预览

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16
  • 修改配置文件

在博客根目录的_config.yml配置文件中添加下面的内容

#Live2D动画
live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  debug: false
  model:
    use: live2d-widget-model-shizuku
  display:
    position: right 
    width: 150
    height: 300
  mobile:
    show: true

主要参数说明

enable //是否使用
model:
use: live2d-widget-model-shizuku //要使用的模型名称
display:
position: right //显示的位置
width: 150    //宽度
height: 150    //高度
mobile:
show: true    //移动端是否显示
 

3.添加分类以及标签

nexT主题的文章分类和标签设置,其他主题也应该是类似的。添加成功后会在侧边栏或导航栏生成“分类”和“标签”这两个选项

 

见如下博客以及这篇

 

 

 

 

 

 

 

<think>嗯,用户想了解Hexo的使用方法或者教程,特别是如何创建博客。首先,我需要整理Hexo的基本使用步骤,确保涵盖安装、初始化、配置、写作、主题更换和部署这些关键部分。记得按照系统级指令的要求,行内公式用$...$,独立公式用$$...$$,但这里可能数学公式不多,不过要注意中文回答和正确LaTeX语法。 用户提供的参考引用有四个,需要合理插入到回答中。比如引用[1]提到了安装和初始化,引用[2]关于创建页面,引用[3]关于部署命令,引用[4]关于草稿功能。需要确保每个引用都自然地出现在相关内容后面,比如在讲创建文章时提到hexo new命令,然后引用[2],部署部分提到hexo deploy,引用[3]。 接下来,生成相关问题时要考虑用户可能进一步想知道的内容,比如主题更换、部署到其他平台、使用插件等。确保问题覆盖常见的使用场景和进阶操作。 另外,检查是否所有步骤都清晰,比如安装前的Node.js和Git环境,可能用户是新手,需要明确说明。在代码块中使用正确的语法高亮,比如bash或markdown,帮助用户区分命令和操作步骤。 最后,确保回答结构符合用户要求:分步骤说明,结构清晰,引用正确,相关问题相关且有用。避免使用Markdown格式,但用户示例中使用了代码块,所以可能需要保留,但根据系统指令,用户可见层可能需要不同的处理。不过用户提供的示例中在用户可见层使用了代码块,所以应该没问题。 总结步骤:安装环境,初始化项目,配置,创建文章/页面,更换主题,本地预览,部署,草稿功能。每个步骤简要说明,并插入对应的引用。然后生成相关问题,如优化、主题定制、部署到GitHub等。</think>### Hexo 使用教程 #### 1. 环境安装 - **安装Node.js**:Hexo基于Node.js,需先安装[Node.js官网](https://nodejs.org/)的LTS版本。 - **安装Git**:用于版本管理和部署,从[Git官网](https://git-scm.com/)下载安装。 - **安装Hexo命令行工具**: ```bash $ npm install -g hexo-cli ``` #### 2. 初始化博客项目 ```bash $ hexo init myblog # 创建名为myblog的博客目录[^1] $ cd myblog $ npm install # 安装依赖 ``` #### 3. 基础配置 修改根目录下的`_config.yml`文件,设置网站标题、作者等信息: ```yaml title: 我的博客 author: 用户A ``` #### 4. 创建文章与页面 - **新建文章**: ```bash $ hexo new "我的第一篇博客" # 文章保存在`source/_posts`目录[^2] ``` - **新建独立页面(如“关于”)**: ```bash $ hexo new page "about" # 页面保存在`source/about/index.md`[^2] ``` #### 5. 本地预览与调试 ```bash $ hexo clean # 清除缓存 $ hexo generate # 生成静态文件 $ hexo server # 启动本地服务器,默认访问http://localhost:4000 ``` #### 6. 更换主题 1. 在[Hexo主题库](https://hexo.io/themes/)选择主题(如Butterfly)。 2. 安装主题: ```bash $ git clone https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ``` 3. 修改`_config.yml`: ```yaml theme: butterfly ``` #### 7. 部署到服务器 配置`_config.yml`中的部署信息: ```yaml deploy: type: git repo: git@github.com:用户名/仓库名.git # GitHub仓库地址 branch: main ``` 执行部署命令: ```bash $ hexo deploy # 需提前安装hexo-deployer-git插件[^3] ``` #### 8. 草稿功能 - **创建草稿**: ```bash $ hexo new draft "未完成的文章" # 保存到`source/_drafts`目录[^4] ``` - **发布草稿**: ```bash $ hexo publish "未完成的文章" # 移动到`_posts`目录 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值