Hexo搭建博客 - nexmoe主题

2023-03-03 20:06:10 浏览数 (1)

因为自己对Volantis主题设置过于复杂,反而丢弃了博客的本意,就是多记录遇到的问题。所以改为用简单的noxmoe.

noxmoe的文档写的感觉反而更容易让小白理解。

Hexo前安装

1.1 安装Node.js for Windows

下载地址:https://nodejs.org 或 中国淘宝镜像node.js

1.2 安装Git for Windows

Windows:下载并安装 git 中国淘宝镜像Git

安装Hexo

首先新建一个文件夹用于放这个Hexo博客,在文件夹内右键Git Bash Here即可直接到该文件夹。 或者通过cd的方式切换到这个文件夹。

d:example

Hexo官网

代码语言:javascript复制
npm install -g hexo-cli

然后

代码语言:javascript复制
npx hexo init exampleblog
cd exampleblog
npm install

博客位置:d:exampleexampleblog

配置主题nexmoe

在 blog/_config.yml 文件中找到并修改:

theme: nexmoe

在Git Bash终端输入:

代码语言:javascript复制
npm i hexo-theme-nexmoe

由于nexmoe v4版本评论功能配置对新手非常不好,这里建议锁定更新版本为v3最后一版:

代码语言:javascript复制
npm i hexo-theme-nexmoe@3.2.13

基础配置已完成

安装WordCount

代码语言:javascript复制
npm i --save hexo-wordcount

安装本地搜索功能

nexmoe主题可以使用Bing也可以使用本地搜索,经过测试后发现Bing几乎搜索不出来。建议直接使用本地搜索。

代码语言:javascript复制
npm i -S hexo-generator-json-content

之后在_config.nexmoe.yml里将enable改为true,而type为local即可:

代码语言:javascript复制
widgets:
    - name: search
      enable: true
      options: 
        search: 
            type: local

配置 Nexmoe

安装好主题后,在 Hexo 根目录下修改 _config.nexmoe.yml

基础配置已完成

添加文件归档等

文件归档、友情链接等:

代码语言:javascript复制
.
├── _config.nexmoe.yml
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _posts
|   ├── images
|   ├── about.md
|   ├── archives.md
|   └── friends.md 
└── themes

只需要在source文件夹下新建archives.md即可

里面内容示例如下

代码语言:javascript复制
---
title: 文章归档
layout: archives
---

修改icon

普通小icon来源iconfont,没有找到预览方式。不过可以进去文件夹找到svg后猜测

代码语言:javascript复制
node_moduleshexo-theme-nexmoesourcelibiconfonticonfont.svg
#或者直接看css 更快

例如:

代码语言:javascript复制
<glyph glyph-name="douban-fill" ... .../>

就可以猜测是icon-douban-fill。

添加图片文件夹

hexo的全局assets就是source/images

例如

代码语言:javascript复制
![ImageName](/images/2020/example.png)  

启用文章目录

在_config.nexmoe文件修改为true。

代码语言:javascript复制
function: # 功能开关,可选值(true,false)
  globalToc: true # 开启该功能会自动开启文章 TOC(文章目录) 功能

启用部分文章加密

Hexo-blog-encrypt 运行

代码语言:javascript复制
npm install --save hexo-blog-encrypt

然后在文章中加入password即可

代码语言:javascript复制
---
title: Hello World
date: 2016-03-30 21:18:02
password: hello
---

评论功能

需要将node_modules文件夹内的hexo-theme-nexmoe复制到项目文件夹themes下。 将themesnexmoelayout_commentwaline.ejs以及_config.nexmoe.yml文件修改。 可以参考valine的设置。

本地运行Hexo命令及主题升级

本地运行hexo请到Hexo基础命令查看。

0 人点赞