因为自己对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基础命令查看。