hexo 主题加入 mathjax

2024-08-14

在HEXO主题中添加数学公式支持

在markdown中书写数学符号的方式参考Latex常用数学符号 Mathjax 安装 npm uninstall hexo-renderer-marked --save npm install hexo-renderer-kramed --save 修改打开node_modules/hexo-renderer-kramed/lib/renderer.js,将 // Change inline math rule function formatText(text) { // Fit krame

hexo干货系列：（二）hexo主题下载及配置

前言上一篇文章介绍了hexo+gitHub简易搭建属于自己的个人独立博客,但是主题是默认的landscape,略显简单,今天的教程推荐Jacman主题. Jacman是一款为Hexo打造的一款扁平化,有着响应式设计的主题,个人感觉还不错就使用了. 正文安装主题 $ git clone https://github.com/wuchong/jacman.git themes/jacman 启用修改你的博客根目录下的config.yml配置文件中的theme属性,将其设置为jacman. 更新

如何编写Hexo主题

完成一个Hexo的主题其实很简单,和写静态页面差不多,只是内容部分通过Hexo的变量去获取,而且Hexo还内置了一些辅助函数帮你快速方便地完成繁琐的处理. 起步在写代码之前要先把项目结构搭建好,一个Hexo主题的项目名就是主题名字本身,项目内的目录结构如下: (生成树形图是用的tree, mac上直接brew install tree就可以了,以前不写都不知道囧) . ├── _config.yml //记录主题配置信息 ├── layout //存放布局模板文件 │ └── _parti

hexo博客MathJax公式渲染问题

这个问题自己很早以前便碰到了,用MathJax语法写的一些公式,在本地Markdown编译器上渲染是没问题的,可是部署到hexo博客中就出现问题了,之前我是使用图片代替公式应付过去了,今天从网上找了一下资料,发现了其问题所在,同时也解决了这个问题. 问题 hexo默认使用hexo-renderer-marked引擎去渲染网页,它会把利用Markdown语法写的文本去转换为相应的html标签.在利用Markdown写MathJax公式的时候,经常会用到下划线_表示下标,但是下划线_会被hexo的默

Github Pages 搭建HEXO主题个人博客

跌跌撞撞,总算是建立起来了.回首走过的这么多坑,也真的是蛮不容易的.那么就写点东西,记录我是怎么搭建的吧. 准备工作安装Node.js: 用于生成静态页面,我们需要到官网上去下载即可.http://nodejs.org 安装Git:作用就是把本地的hexo内容commit到我们的远程仓库,实现更新操作https://git-scm.com/download/ 申请GitHub账号:用来盛装我们的代码,这样才能够被访问,程序员如果没有这个账号,那我就不说什么了. SSH Keys,看你自己了,可

从零开始制作 Hexo 主题

原文地址:从零开始制作 Hexo 主题 · Ahonn 写在前面本文将会从零开始开发一个简单的博客主题.样式主要参考 Hexo theme 中的 Noise 主题. 开始之前你需要了解: 模板引擎 ejs官网 CSS预处理器 Hexo 文档本文使用的模板引擎为 ejs,使用的 CSS 预处理器为 stylus.这也是 hexo 项目预装了的 render 插件,如果想使用其他模板引擎或者其他 CSS 预处理器,可以安装相对应的 render 插件.例如我的 Even 主题使用的是 Swig

从0开始的Hexo主题制作

从0开始的Hexo主题制作从零开始制作 Hexo 主题 H2O主题先坑着

hexo主题中添加相册功能

博客已迁移至http://lwzhang.github.io. 基本上所有的hexo主题默认都没有实现相册功能,一方面相册功能的需求较少,毕竟hexo主要是写博客用的:另一方面实现相册功能比较麻烦,比如说: 图片放哪里,放在source文件夹中,需要解析成静态文件,图片一旦多的话就会解析的非常慢怎么批量获取图片url(文件名),图片那么多,不可能一个一个的手动输入图片url 等等所以需要找到一个好的解决方法. 注意:本博客使用的是yilia主题,该主题作者litten有实现了相册功能,但他是

Hexo主题开发

序章想要一个自己的知识管理系统,用了 Hexo ,但是没有发现自己心仪的主题,就自己做了一个.本文记录了制作的全过程.本人编码功底和前端知识并不是特别雄厚,希望能由此文引出各路大神的兴趣,以后制作出更多优秀的主题. 预览: https://itabyss.github.io/ 源码: https://github.com/ITAbyss/hexo-wiki 教程文章:https://www.cnblogs.com/yyhh/p/11058985.html 安装 Hexo 是一款能将『 Mark

在Hexo中渲染MathJax数学公式

最近学机器学习涉及很多的数学公式,公式如果用截图显示,会比较low而且不方便.因此需要对Hexo做些配置,支持公式渲染.同时文末整理了各种公式的书写心得,比如矩阵.大小括号.手动编号.上下角标和多行对其等,有兴趣的可以看看. 通过hexo-math插件安装MathJax 有个插件hexo-math,可以给Hexo博客添加MathJax公式支持,GitHub地址 https://github.com/hexojs/hexo-math 安装方法可其他hexo插件一样,在博客根目录执行npm inst

Hexo主题实现多级分类显示

前言最近在搞一个博客,是托管在github和gitcafe上的,利用Hexo生成的.之后,发现一个问题,显示的分类都是一级的.而我想要的是:能显示多级分类,层次分明`的那样. 问题基本主题自带的分类显示都是一级的,如何显示多级? 解决方案所以,研究了一下,找到了理想的方法,方法如下: 利用系统的list_categories([categories], [options])辅助函数生成分类列表; 利用css实现样式. 示例说明:我使用的是jacman主题,以这个主题为例说明. 在主题文件

Hexo主题yilia增加gitalk评论插件

虽然gitment可以实现评论功能,但是适配方面做的并不好,这里借用GitHub上的gitalk项目用来优化个人博客的评论功能下面记录自己从gitment到gitalk的替换过程: 1.在layout/_partial/post目录下新增gitalk.ejs文件代码如下: <div id="gitalk-container" style="padding: 0px 30px 0px 30px;"></div> <link rel=&

开发Hexo主题(一)

Hexo是一款静态博客工具,由Node.js编写在博客根目录的themes下,新建文件夹(文件夹名为主题名) 主题目录结构如图这里使用模版引擎为Ejs 在Layout目录下新建index.ejs文件,作为访问的首页 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </

搭建github博客，hexo主题

买个域名,多少钱的都有,看自己喜欢,可以去万网,ali嘛. 一般在windows,下载gitbash(配置公钥,全局用户名和email),node.js(不用配置). 新建github项目,添加公钥(如果重新生成公钥,需要点击y). 在github项目中使用博客,项目后缀记得是.github.io,否则后面进行不了.会提示找不到仓库. $ npm install -g hexo部署Hexo在我的电脑中建立一个名字叫「Hexo」的文件夹,然后在此文件夹中右键打开Git Bash. $ hexo i

hexo主题next 7.X版本配置美化

我们主要对next主题进行了如下配置操作.效果可以前往https://www.ipyker.com 查看. 也可以前往https://github.com/ipyker/hexo-next-theme 获取配置后的源文件. 设置中文语言设置博主文字描述设置博客文章连接为year/month/day/title.html格式 Menu增加关于.标签.分类.互动.搜索菜单禁用关于.标签.分类菜单评论功能添加添加RSS 设置背景图片.默认禁用,可以在themes/nexT/source/css

hexo主题选择和配置

之前用next主题,发现文章标题都是h2,不利于seo,想着通过改模板改成h1的,发现很繁琐.今天发现,通过下载指定版本的next后,标题自动是h1的. 参考网页https://notes.iissnan.com/ git clone --branch v5.1.2 https://github.com/iissnan/hexo-theme-next themes/next 2018.09.15补充此文可忽略,直接用官方开启seo的模式即可.

hexo主题hexo-theme-yilia文章太长，截断按钮文字的实现

文章太长,截断按钮文字不是通过配置文件_config.yml实现的,而是在文章内容里实现,在你想截断的文章位置加上  就可以实现了! 参考博客:hexo-theme-yilia使用遇到的问题

Hexo博客美化之蝴蝶(butterfly)主题魔改

Hexo是轻量级的极客博客,因为它简便,轻巧,扩展性强,搭建部署方便深受广大人们的喜爱.各种琳琅满路的Hexo主题也是被各种大佬开发出来,十分钦佩,向大佬仰望,大声称赞:流批!!! 我在翻看各种主题后,便选择了蝴蝶这个主题,蝴蝶主题是由大佬Jerry制作的,其简洁,具有现代风格,扩展强,配置简单明了将我所吸引. 效果图: 蝴蝶主题github 于是我按照主题的文档完成主题配置,参照其他butterfly使用者,又添加了一点魔改.为了方便大家,减少配置上花的时间,我就把脚手架代码放到gitee