Hexo构建自己的博客

一、安装git和Node.js

Git
Node.js
因为npm在中国访问较慢,安装使用cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

二、安装Hexo

cnpm install -g hexo-cli
hexo init 
cd 
npm install

三、目录信息

新建并初始化之后,文件夹下的目录信息如下

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|      ├── _drafts
|      └── _posts
└── themes

其中主要用到的是

_config.yml

网站整体配置信息
具体规则可点这儿查看官方的文档
需注意,yml文档":"后要加空格

scaffolds

包含新建文章时默认使用的三个模板,例如使用$ hexo new <title> 会根据 post.md 新建一个md文档
使用$ hexo new [layout] <title> 调用不同的模板文件

thems

主题文件夹,Hexo会根据主题来生成静态页面

四、选择下载并配置主题

在Hexo的官方主题页面选择主题,可以直接下载对应的项目,放在thems文件夹下,并在网站根配置文件_config.yml中找到theme修改为对应的文件夹名
我选择使用的是hexo-theme-matery
大部分主题都有相应的配置文档,根据文档配置相关信息即可

五、增加搜索

使用hexo-generator-search的 Hexo 插件来做内容搜索,安装命令如下:

npm install hexo-generator-search --save

在 Hexo 根目录下的_config.yml文件中,新增以下的配置项:

search:
  path: search.xml
  field: post

六、增加Gitalk评论功能

Gitalk是根据git的Issue功能建立的,使用时需要配置一个Github Application,如没有点击这里申请
官方文档点这儿

七、增加一只看板娘

主要用到Hexo的插件hexo-helper-live2d
按照插件对应文档的配置选项配置即可

八、增加百度统计

需要创建一个百度账号,官网:https://tongji.baidu.com
点击管理-->代码管理-->代码获取,复制代码,粘贴到你的主题对应的模板中
百度统计

九、在博客中插入音乐

采用hexo-tag-aplayer插件,在文章中插入想用的代码即可。
怎样在整个博客插入一个全局的音乐播放器,这个我没有找到特别好的方法,各位可以和和自己的主题的作者沟通。
这里有个小问题,我用的主题,音乐的代码插入之后,主题中抽取摘要的方法会将播放器的代码抽出。
因此改为在最后加入音乐播放器代码

十、使博客支持Mermaid流程图

graph LR;
A[尺寸] --连接--> B(圆角长方形);
B --> C((圆));
C --> D{菱形};

使用hexo-filter-mermaid-diagrams插件
安装:$ yarn add hexo-filter-mermaid-diagrams
在_config.yml中插入

# mermaid chart
mermaid: ## mermaid url https://github.com/knsv/mermaid
  enable: true  # default true
  version: "7.1.2" # default v7.1.2
  options:

并在Hexo的_config.yml中设置:external_link: false
在主题中layout文件夹中找到编译用到的文件,并插入插件作者给的文档中的代码
文章中使用的代码示例:

```mermaid
graph LR;
A[尺寸] –连接–> B(圆角长方形);
B –> C((圆));
C –> D{菱形};
```

注意,一行代码只有两个量

有一个BUG:当代码结束的```后没有空出一行,会出现流程图显示不出的问题

十一、增加百度的链接提交

使用的是hexo-baidu-url-submit插件
提交之前需要有一个百度账号,并注册百度站长工具
使用方法可参见插件的官方文档

十二、增加Hexo跨博客文章推荐

主要使用hexo-recommended-posts插件,十分方便
添加方式及主要配置详见开发文档

推荐文章(由hexo文章推荐插件驱动)


 上一篇
Java核心技术之基础知识 Java核心技术之基础知识
本文是我考研之后,回顾以前学过的Java基础知识做的笔记,所以会比较简洁,很多基础的东西可能没有文中所用到的JDK版本是1.8 1 Java基础了解及配置1.1 JDK的版本更新时间表 1996/JDK1.0(Sun/Oracle
本篇 
Hexo构建自己的博客 Hexo构建自己的博客
一、安装git和Node.jsGitNode.js因为npm在中国访问较慢,安装使用cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 二、安装Hex
2018-12-31
  目录