这几天折腾了一下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
继续阅读 »
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
继续阅读 »
在搭建这个博客期间参考了很多资料,因为不是所有的资料都能完整并且顺利搭建出来,经过我本人实践,整理出来这篇文章,希望可以帮助大家减少不必要的麻烦,不用再到处找搭建方法,本文的共分为一下几章:
第一节: 什么是hexo
第二节: 为什么要用hexo
第三节: 谁使用hexo
第四节: 怎样搭建hexo博客
第五节: 如何更换自己的主题
第六节: 如何发表文章
第一节:什么是hexo
hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。作者是来自台湾的@tommy351。引用@tommy351的话,hexo:
快速、简单且功能强大的 Node.js 博客框架。
A fast
继续阅读 »
关于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
创建
继续阅读 »
引言
有感于hexo高级教程实在太少,当初本人在开发Nova主题时,曾遇到过不少坑,为填这些坑,较为深入地学习了hexo源码,又自学了不少node.js知识,才总算将这些坑基本填完。本着人人为我,我为人人的分享精神,特开一hexo高级教程专题,希望广大hexo爱好者拍砖~
本系列的定位为高级教程,所以要求读者具备以下知识或技能:
前端技术:前端基础知识不用说了,必须要具备的比如HTML,CSS,Javascript,Node.js。如果知识储备不足,推荐去W3C School好好学习。
hexo模板:hexo中的layout模板都是使用某个具体的模板引擎写的,模板引擎有swig,ejs,jade等。layout可以视为MVC模
继续阅读 »
引言
{% blockquote hexo.io https://hexo.io/zh-cn/docs/plugins.html 插件 %}
Hexo 有强大的插件系统,使您能轻松扩展功能而不用修改核心模块的源码。在 Hexo 中有两种形式的插件:
脚本(Scripts)
如果您的代码很简单,建议您编写脚本,您只需要把 JavaScript 文件放到 scripts 文件夹,在启动时就会自动载入。
插件(Packages)
如果您的代码较复杂,或是您想要发布到 NPM 上,建议您编写插件。首先,在 node_modules 文件夹中建立文件夹,文件夹名称开头必须为 hexo-,如此一来 Hexo 才会在启动时载入否则 He
继续阅读 »
之前本站介绍了《Highlight.js 添加代码行号》和《Hexo高级教程之代码高亮》算是对Hexo的代码高亮有比较深的了解了。所以萌生出了写一个
Hexo的静态代码高亮插件的想法。在原来代码高亮的基础上,允许添加代码提示及相关元数据,比如代码链接,代码标题。
注:阅读本文需要一定的前端基础知识。
Hexo自带高亮
Hexo中插入代码有两种写法。一种叫Code Block
plain
{% codeblock [title] [lang:language] [url] [link text] %}
code snippet
{% endcodeblock %}
还有一种是Backtick Code Block
{% ra
继续阅读 »
说在前面
由于我也是第一次搭建,所有如果有什么地方说的不对,请大家提出来。很早之前就想从WordPress换到Hexo,倒不是说WordPress不好,只是不知道为什么我的后台页面是英语,一脸懵逼,也没去管,正好看到朋友自己搭建的挂载github上的博客非常好看,所以想搭一个Hexo看看。于是有了这篇教程。
Hexo原理
经过这一天的折腾,大改理解了Hexo的原理。首先我们写的博客源文件是md文件,然后经过Hexo的解析,生成html文件和文件目录,然后直接访问这些html文件就能浏览到对应的文章。至于将html文件推到github或者个人服务器上,就是作者自己的事情了。
此文使用配置
Windows10 PC ×1
Ub
继续阅读 »
安装 Hexo
bash
$ npm install -g hexo-cli
建站
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
bash
$ hexo init
$ cd
$ npm install
继续阅读 »
Hexo是一个静态博客应用,所以在多语言站点支持上,并不是很好。虽然Hexo支持多语言,但是要生成多语言站点,还是有一些困难的。基于Hexo的一些特性,我给出了几种解决方案
more
方案一
生成的多语言站点单独放入独立的语言目录中,如public/en是英文站点,public/fr是法文站点,而public/则是默认语言站点。然后源文件目录,对于不同的语言的内容,放入对应的语言目录中,如source/en则放置英文站点下的源文件,同理,source/fr放置的是法语站点源目录。
继续阅读 »