使用Hexo部署博客

部署博客时,同事给我介绍了hexo加github的方式,但是过程太恶心了搞了一天多才搞好,网络上的方法没几个对的。接下来我介绍一下我遇到的问题。

一、在typore插入的图片,本地部署的页面不显示

在typore插入的图片格式一般是这样的:

但是这种格式前端无法正确识别,导致文件路径解析错误

能够识别的格式为

{% asset_img example.jpg This is an example image %}

解决方案:

 hexo & Typora 实现图片插入 | 初来乍到,一无所知 (shirynl.github.io)

 跟着做完后typore图片格式还是不能正常转化,无奈只能在md文件直接写图片路径,导致在md文件下没法正常看图片/(ㄒoㄒ)/~~

二、在typore插入的公式,本地部署的页面无法正常解析

typore的输入公式有两种格式,一种是:$x = y$的行内公式,一种是$$x=y$$的单行公式。

使用hexo自带的插件可以解析一些,但是有些解析不出,某些行内公式会单行显示,导致格式不对。

需要别的插件支持

解决方案:

Hexo构建blog时渲染LaTeX数学公式的问题 - 知乎 (zhihu.com)

上述方法无法渲染矩阵等复杂的latex公式,需要额外安装hexo-filter-mathjax

hexo博客增加latex支持 - 知乎 (zhihu.com)

这种方法需要单独安装pandoc,这个是typore的插件,可以支持md文件导出为doc等文件

下载和安装Pandoc(Windows和Mac版本)_pandoc mac下载-优快云博客

### Hexo 部署博客教程 #### 准备工作 Hexo 是一款快速、简洁且高效的静态博客框架,适用于希望构建个人博客的技术爱好者。为了成功部署 Hexo 博客,需完成环境准备以及必要的工具安装。 #### 创建与初始化项目 创建一个新的 Hexo 项目可以通过命令行实现。执行以下操作以初始化名为 `hexo-blog` 的新项目,并安装依赖项[^2]: ```bash hexo init hexo-blog cd hexo-blog npm install ``` #### 主题渲染设置 为了让 Hexo 支持更多样化的主题样式,可以安装额外的主题渲染器插件。例如,如果计划使用 Pug 和 Stylus 进行模板设计,则需要运行如下命令来安装对应的渲染器插件[^3]: ```bash npm install hexo-renderer-pug hexo-renderer-stylus --save ``` #### 本地测试 在正式发布之前,建议先在本地环境中预览网站效果。启动本地服务器的方法非常简单: ```bash hexo server ``` 此时打开浏览器访问地址 http://localhost:4000/ 可查看实时更新的内容[^1]。 #### 生产环境部署 当确认所有功能正常后,就可以考虑将站点部署至生产环境。假设目标是利用 Nginx 来托管 Hexo 所生成的静态页面,在此过程中需要注意两点:一是指定存储这些文件的具体路径;二是调整 Web 服务程序 (即 Nginx) 的配置使其能够正确指向上述位置[^4]。 具体步骤包括但不限于以下几个方面: - 使用 `hexo generate` 命令生成最终版本; - 将 `_public` 文件夹内的全部内容复制到远程主机上的特定目录下; - 修改 nginx.conf 中 location / {} 节点下的 root 参数值为刚才上传的目标路径。 以上就是关于如何运用 Hexo 构建并上线个性化博客的整体流程概述。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值