如何用HEXO框架搭建博客

发表于 更新于 本文字数： 1k 阅读时长 ≈ 1 分钟
搭个博客先

准备工作

github

windwos下配置ssh方式连接github/gitee，及常见连接失败问题解决

Node.js/git

node.js安装教程

下载 | Node.js 中文网

Git 详细安装教程（详解 Git 安装过程的每一个步骤

git-for-windows

HEXO

官方文档

Hexo主题

Maupassant主题

Hexo基本使用

hexo基本安装与配置

Hexo-零基础搭建个人博客(详解)

nexo+github 搭建个人博客

insulin

cards

next

https://theme-next.js.org/docs

github-corners

Typora

Typora

NexT

图标：iconfont，favicon，fontawesome，font awesome中文

给hexo博客添加Live2d小人

聊天室

一些配置问题

如何设置预览文字

1
2
3
预览
<!-- more -->
正文

如何插入图片

插入图片

1.安装插件。

1
npm install hexo-renderer-marked --save

2.再修改一下配置文件_config.yml，加入下面的配置。

1
2
3
marked:
  prependRoot: true
  postAsset: true

3.在“Blog->source”下新建”imags”文件夹。注意”imags”与”_posts”同级。

4.在Typora中“文件->设置偏好->图像“。在插入图片时”复制到指定路径“设置为

1
../../source/images//${filename}

勾选对本地、优先相对

5.在”格式->图像->设置图片根目录“将”Blog->source”设置为根目录。

如何设置文章加密

设置加密

1.安装插件

1
npm install hexo-blog-encrypy

2。修改配置，在根目录的配置文件_config.yml中添加以下代码

1
2
encrypt:
  enable: true

3.博客文章添加加密字段

新建博文的时候，在头部添加加密的设置信息

1
2
password: 密码
message: 输入密码界面提示说明

或许可以插入播放器

🎵明月浩空网-永久免费的HTML5网站音乐播放器

删除没用的图片

删除Typora中未曾被引用过的多余图片

可能出现的问题

npm install时 node-sass npm ERR command failed问题解决

npm ERR! code 128

1
npm cache clean --force