博客美化

默认主题

1.对默认主题下的_config.yml文件进行部分项修改
注: 博客文件夹\_config.yml

1
2
3
4
5
6
7
8

# Site
title: #网站标题
subtitle: #子标题
description: #描述
keywords: #网站关键字
author: #网站作者
language: zh-CN
timezone: ''

设置主题的默认显示语言
language: zh-CN

设置代码高亮—后面在hightlight.js中使用

1
2
3
4
5
6
7

highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace:
  wrap: true
  hljs: false

next主题

1.对next主题下的_config.yml文件进行部分项修改
注: 博客文件夹\themes\next\_config.yml

设置在主题中显示的头像图片, 图片相对路径为next/source.
avatar:
url: /images/head_Picture/Yu_Me2.png


把前面#符号去掉即表示使用该风格

1
2
3
4
5

# Schemes
#scheme: Muse
scheme: Mist
#scheme: Pisces
#scheme: Gemini

显示分类/标签/归档页的内容量
menu_settings:
icons: true
badges: true


如何在Hexo上更换自己想要的主题

选择主题

(1)在官方主题中选好自己想要的主题

执行命令下载主题文件

(1)点击主题名跳转到GitHub后, 往下拉看到Installation后打开CMD到生成博客文件的文件夹下执行命令进行文件的下载.

查看命令示例:

执行命令示例:

修改配置文件

(1)修改_config.yml配置文件中的theme项为你选择的主题名
修改示例:

博主使用的主题是next
注: 该_config.yml不是刚下载后主题里的配置文件!

重新生成博客文件

(1)清除缓存文件和已生成的静态文件
hexo clean

(2)生成静态文件
hexo g

(3)启动服务, 查看主题效果.
hexo s

博主第一次在win10上搭建博客的过程

1.对需要软件、插件进行安装

(1)在node.js官网选择对应的版本下载后进行安装, 安装时直接无脑下一步就可以了.
官方链接:https://nodejs.org/zh-cn/download/

(2)打开CMD, 输入命令用淘宝源替换镜像源后, 安装cnpm.
npm install -g cnpm –registry=https://registry.npm.taobao.org

出错示例: 输入命令不正确(taobao -> tooboo)

(3)使用cnpm安装hexo框架
cnpm install -g hexo-cli

要验证是否安装成功可以用命令显示一下hexo的版本
hexo -v