2013-12-16 W.Y.
这几天折腾了一下Hexo,遇到一些问题,解决方案大都来自Google和Hexo官方文档,现在把这些问题汇总在这里,并附上解决方案,或者抛出自己遇到的问题,渴求解决方案。 后续会陆续更新我在使用过程中遇到的问题和使用心得。 注:这里不涉及Hexo的安装方法,具体的安装和使用可以参照下面教程: Hexo系列教程 - Zippera's blog hexo你的博客 - ibruce 使用hexo搭建静态博客 - Jim Liu's Blog 使用Github Pages建独立博客 - BeiYuu 使用hexo搭建博客 - Alimon's blog 用Hexo快速打造静态博客 - iShgo 团队博客 hexo教程 - Sys.L 继续阅读 »
2016-04-15 令狐葱
Update [20170117] 将博客theme换成了Next 系统环境配置 要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧! 安装Node.js 下载Node.js 参考地址:安装Node.js 安装Git 下载地址:http://git-scm.com/download/ 安装Hexo bash $ cd d:/hexo $ npm install hexo-cli -g $ hexo init blog $ cd blog $ npm install $ hexo g # 或者hexo generate $ hexo s # 或者hexo server,可以在htt 继续阅读 »
2015-11-25 曹强
在搭建这个博客期间参考了很多资料,因为不是所有的资料都能完整并且顺利搭建出来,经过我本人实践,整理出来这篇文章,希望可以帮助大家减少不必要的麻烦,不用再到处找搭建方法,本文的共分为一下几章: 第一节: 什么是hexo 第二节: 为什么要用hexo 第三节: 谁使用hexo 第四节: 怎样搭建hexo博客 第五节: 如何更换自己的主题 第六节: 如何发表文章 第一节:什么是hexo hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。作者是来自台湾的@tommy351。引用@tommy351的话,hexo: 快速、简单且功能强大的 Node.js 博客框架。 A fast 继续阅读 »
2016-10-24 Meng Lei
关于Hexo Hexo是一款轻量级的HTML静态博客生成器,由Node.js编写,支持Markdown撰写,运行速度快,可以一键部署到Github Pages等托管网站,同时支持插件,可以通过编写插件支持更加丰富的功能。 安装Hexo Hexo基于Node.js编写,安装Hexo之前,需要首先确保正确安装了Node.js、npm和Git(参见Node.js官网、Git官网),只要运行以下命令即可将Hexo安装到电脑中: npm install hexo-cli -g 初始化 安装Hexo成功后,即可创建Hexo工程目录,执行以下命令: hexo init demo cd demo npm install 创建 继续阅读 »
2016-07-14 Jamling
引言 有感于hexo高级教程实在太少,当初本人在开发Nova主题时,曾遇到过不少坑,为填这些坑,较为深入地学习了hexo源码,又自学了不少node.js知识,才总算将这些坑基本填完。本着人人为我,我为人人的分享精神,特开一hexo高级教程专题,希望广大hexo爱好者拍砖~ 本系列的定位为高级教程,所以要求读者具备以下知识或技能: 前端技术:前端基础知识不用说了,必须要具备的比如HTML,CSS,Javascript,Node.js。如果知识储备不足,推荐去W3C School好好学习。 hexo模板:hexo中的layout模板都是使用某个具体的模板引擎写的,模板引擎有swig,ejs,jade等。layout可以视为MVC模 继续阅读 »
2016-07-18 Jamling
引言 {% blockquote hexo.io https://hexo.io/zh-cn/docs/plugins.html 插件 %} Hexo 有强大的插件系统,使您能轻松扩展功能而不用修改核心模块的源码。在 Hexo 中有两种形式的插件: 脚本(Scripts) 如果您的代码很简单,建议您编写脚本,您只需要把 JavaScript 文件放到 scripts 文件夹,在启动时就会自动载入。 插件(Packages) 如果您的代码较复杂,或是您想要发布到 NPM 上,建议您编写插件。首先,在 node_modules 文件夹中建立文件夹,文件夹名称开头必须为 hexo-,如此一来 Hexo 才会在启动时载入否则 He 继续阅读 »
2016-08-10 Jamling
之前本站介绍了《Highlight.js 添加代码行号》和《Hexo高级教程之代码高亮》算是对Hexo的代码高亮有比较深的了解了。所以萌生出了写一个 Hexo的静态代码高亮插件的想法。在原来代码高亮的基础上,允许添加代码提示及相关元数据,比如代码链接,代码标题。 注:阅读本文需要一定的前端基础知识。 Hexo自带高亮 Hexo中插入代码有两种写法。一种叫Code Block plain {% codeblock [title] [lang:language] [url] [link text] %} code snippet {% endcodeblock %} 还有一种是Backtick Code Block {% ra 继续阅读 »
2017-01-11 Mystery0 M
说在前面 由于我也是第一次搭建,所有如果有什么地方说的不对,请大家提出来。很早之前就想从WordPress换到Hexo,倒不是说WordPress不好,只是不知道为什么我的后台页面是英语,一脸懵逼,也没去管,正好看到朋友自己搭建的挂载github上的博客非常好看,所以想搭一个Hexo看看。于是有了这篇教程。 Hexo原理 经过这一天的折腾,大改理解了Hexo的原理。首先我们写的博客源文件是md文件,然后经过Hexo的解析,生成html文件和文件目录,然后直接访问这些html文件就能浏览到对应的文章。至于将html文件推到github或者个人服务器上,就是作者自己的事情了。 此文使用配置 Windows10 PC ×1 Ub 继续阅读 »
2017-09-01 geekspeng
安装 Hexo bash $ npm install -g hexo-cli 建站 安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。 bash $ hexo init $ cd $ npm install 继续阅读 »
2016-06-02 Jamling
Hexo是一个静态博客应用,所以在多语言站点支持上,并不是很好。虽然Hexo支持多语言,但是要生成多语言站点,还是有一些困难的。基于Hexo的一些特性,我给出了几种解决方案 more 方案一 生成的多语言站点单独放入独立的语言目录中,如public/en是英文站点,public/fr是法文站点,而public/则是默认语言站点。然后源文件目录,对于不同的语言的内容,放入对应的语言目录中,如source/en则放置英文站点下的源文件,同理,source/fr放置的是法语站点源目录。 继续阅读 »