hexo-next主题优化

可参考next主题官方文档： http://theme-next.iissnan.com/

启用主题

站级配置文件_config.yml，找到主题设置内容，将默认的主题修改为next主题
theme: next
进入本地博客目录，在git bash终端生成并本地预览

hexo g
hexo s

更改主题为中文

站级配置文件_config.yml，找到语言设置内容，将语言设置为中文zh-Hans

language: zh-Hans

重新打包部署后如果未生效，则到 Hexo站点根目录\themes\next\languages文件夹下看有支持哪些语言，可以将_config.yml中自改为支持的语言，或者将目录下的文件名修改为zh-Hans.yml。

目前 NexT 支持的语言如以下表格所示：

语言	代码	设定示例
English	en	language: en
简体中文	zh-Hans	language: zh-Hans
Français	fr-FR	language: fr-FR
Português	pt	language: pt or language: pt-BR
繁體中文	zh-hk 或者 zh-tw	language: zh-hk
Русский язык	ru	language: ru
Deutsch	de	language: de
日本語	ja	language: ja
Indonesian	id	language: id
Korean	ko	language: ko

注：上表引自next主题官方文档： http://theme-next.iissnan.com/

主题设定

更改 主题配置文件_config.yml，搜索 scheme 关键字，会看到有三行 scheme 的配置，将需用启用的 scheme 前面注释 # 去除，将不使用的主题前添加注释 #即可。

例如：选择 Pisces Scheme

#scheme: Muse
#scheme: Mist
scheme: Pisces

• Muse - 默认 Scheme，这是 NexT 最初的版本，黑白主调，大量留白

  

• Mist - Muse 的紧凑版本，整洁有序的单栏外观

  

• Pisces - 双栏 Scheme，小家碧玉似的清新

  

设置菜单

上传图片

步骤：先将图片放入到文章资源文件夹，然后使用Markdown插入图片的语法进行插入。

1. 主题配置文件_config.yml文件中找到post_asset_folder设置为ture

   post_asset_folder: ture

2. 在博客目录git dash终端下执行命令下载安装一个可以上传本地图片的插件

   npm install hexo-asset-image –save

3. 运行hexo n “title”来生成md博文时，/source/_posts文件夹内除了title.md文件还有一个同名的文件夹

4. 在title.md中引入图片时，先把图片复制到title这个文件夹中，然后只需要在.md中按照markdown的格式引入图片：

   

5. 插件hexo-renderer-marked解决图片在网页无法正常显示的问题，使用如下命令直接安装

   npm install hexo-renderer-marked

   之后在config.yaml中更改配置如下：

   post_asset_folder: true
   marked:
     prependRoot: true
     postAsset: true

赏

谢谢你请我吃糖果