Ubuntu配置Hexo以及Hexo配置LateX公式显示
一.获取Ubuntu的docker环境
- 拉取Ubuntu的docker image
1
2
| sudo docker pull ubuntu
sudo docker run -it <image id(前三位就好)> -p 443:443
|
- 更新apt软件缓存(一定要更新，不然无法通过apt安装软件)
- 安装wget，git，curl
1
2
3
| sudo apt install wget
sudo apt install git
sudo apt install curl
|
二.安装Node.js
- 向apt添加最新版本(v18)的node.js的仓库地址
1
2
| curl -sL https://deb.nodesource.com/setup_18.x -o /tmp/nodesource_setup.sh
sudo bash /tmp/nodesource_setup.sh
|
- 安装node.js
- 在node.js中安装镜像源管理软件nrm
- 使用node.js查看可选择的镜像源并切换至淘宝源
1
2
| sudo nrm ls
sudo nrm use taobao
|
三.安装Hexo
使用npm安装hexo
四.创建一个Hexo站点
- 为创建的站点单独建立一个文件夹并进入
1
2
| mkdir example-site
cd example-site
|
- 初始化hexo
- 安装hexo依赖
- 运行example-site站点
1
2
3
| hexo clean #清除已经生成的webpage，第一次运行的话可以跳过该命令
hexo g #将source/_posts/下的Markdown文件转为webpage
hexo s #运行example-site站点，默认在TCP4000端口
|
如不需显示LateX公式，该步骤可跳过
- 更改Hexo的格式渲染器
1
2
3
| npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-markdown-it-plus --save
npm install hexo-math --save
|
- 安装使用Hexo主题fluid
(1)安装fulid:
1
| npm install --save hexo-theme-fluid
|
(2)在docker containor外获取fluid的配置文件(当然，你也能直接去GitHub上单独下载这个文件)
1
| git clone https://github.com/fluid-dev/hexo-theme-fluid.git
|
(3)将上一步下载的文件夹中的_config.yml文件复制到example-size中，与_config.landscope.yml同级，并重新命名为_config.fluid.yml
1
| sudo docker cp <_config.yml文件位置> 容器id:<容器内指定位置>
|
(4)修改example-site中的_config.yml文件：
1
2
3
| theme: fluid # 指定主题
language: zh-CN # 指定语言，会影响主题显示的语言，按需修改
|
(5)在example-site目录下执行命令：
(6)上一步执行成功后，修改source/about/index.md，添加layout属性
1
2
3
4
| ---
title: 标题
layout: about
---
|
(7)修改_config.fluid.yml:
1
2
3
4
5
| post:
math:
enable: true
specific: true
engine: katex
|
(8) 完成上述步骤后，在有LateX格式的Markdown文档开头添加如下代码即可:
1
2
3
4
5
6
| ---
title: 标题
data: 日期
math: true
...
---
|
(9) 执行以下代码，完成Markdown转webpage：
六.对Docker容器进行端口映射
- 退出当前容器
- 将刚才配置好的容器生成镜像
1
2
3
| sudo docker ps -a
sudo docker commit <容器id(前三位就好)> <你给生成的image起的名字>
sudo docker run -it -p <主机端口>:<容器端口(这里应该是4000)> <image名字或者id(前三位就好)> <你起的运行image的容器的名字>
|
现在，所有步骤都完成。在容器内运行你的hexo重点一切就大功告成了！
恭喜你，运行起来了自己的第一个Blog。