这里仅仅列出我搭建网站时用的一些链接。大致上按照先后顺序。
史上最详细“截图”搭建Hexo博客并部署到Github
hexo系列教程
如何使用 Jacman 主题
使用Landscape Plus主题
Hexo官网
Jacman Github地址
如何搭建一个独立博客——简明Github Pages与Hexo教程
使用hexo搭建博客
推荐两个markdown在线和线下编辑器:
Cmd Markdown 在线编辑阅读器
CuteMarkEd线下编辑器
Markdown语法说明1
Markdown语法说明2
more
注意事项:
安装新浪微博秀时,除了必须填上author属性下tsina和weibo_verif
继续阅读 »
Hexo是一个静态博客应用,所以在多语言站点支持上,并不是很好。虽然Hexo支持多语言,但是要生成多语言站点,还是有一些困难的。基于Hexo的一些特性,我给出了几种解决方案
more
方案一
生成的多语言站点单独放入独立的语言目录中,如public/en是英文站点,public/fr是法文站点,而public/则是默认语言站点。然后源文件目录,对于不同的语言的内容,放入对应的语言目录中,如source/en则放置英文站点下的源文件,同理,source/fr放置的是法语站点源目录。
继续阅读 »
简介
带过滤功能的Hexo首页生成器插件。在官方的首页生成器基础上添加了过滤指定分类/标签的功能。比如,在首页只显示指定分类下面的文章列表。
English
安装
bash
$ npm install hexo-generator-index2 --save
$ npm uninstall hexo-generator-index --save
配置
``` yaml
index_generator:
per_page: 10
order_by: -date
include:
- category Web # 只包含Web分类下的文章
exclude:
- tag Hexo # 不包含标
继续阅读 »
Travis CI 简介
Travis CI是一个分步式的开源持续构建项目,只需要通过配置.travis.yml文件,即可将Github上的项目进行持续的编译、测试等工作,以便尽早发现错误,尽早改正,并减少人工的重复劳动。同时,也可以通过travis ci完成很多有趣的工作。
通过Travis CI自动发布hexo博客
我们建立的hexo博客,每次写完一篇,都要执行 hexo generate 和 hexo deploy 等命令,将博客生成的HTML静态文件部署到Github的版本库上,同时,也会将源代码保存一份到Github的另一个分支,每次都要执行很多重复操作,在此,我们可以通过Travis CI来帮我们完成这些重复劳动。
继续阅读 »
在命令行中输入hexo new page tags
$ hexo new page tags
这时会在在sources/tags里面有个index.md的文件,打开这个文件编辑
```
title: tags
date: 2017-08-28 08:33:46
type: "tags"
```
type: 改成tags
继续阅读 »
环境&版本
OS:win7 X64
Hexo:V3.0.0
Node.js:V0.12.2
Git:Version 1.9.5.msysgit.1
关于为什么要开博客?请参见《为什么你要写博客?》《我的博客时代》
下面就让我们一起开启使用Hexo的全新旅程吧!
安装Node.js
下载Node.js
参考地址:安装Node.js
安装Git
下载地址:http://git-scm.com/download/
注册GitHub
访问:http://www.github.com/
注册过程参见:一步步在GitHub上创建博客主页 全系列
配置和使用Github
参见:如何搭建一个独立博客——简明Github Page
继续阅读 »
Hexo高亮
hexo已实现代码高亮,代码封装在hexo-util插件中,使用的是highlight.js,通过include_codetag标签来使用,功能已经很强大了,而且自带行号显示,可以满足大多数博主的需求了。但是它仍然存在一些局限性,比如在Nova主题中,有些语言不支持,无法高亮,而且界面也比较丑,所以个人还是倾向于自由使用[hightlight.js]来高亮代码,使用起来比较灵活,还能扩展一些功能,但是highlight.js默认是不带行号的。为此,也是遇到了不少坑。后来在某歪果仁的博客中找到一个行号解决方案,在其基础上,终于实现了一个较为理想的代码高亮方案。
如果想和我一样爱折腾,请继续阅读本文,再次声明,本系列需
继续阅读 »
引言
Hexo的NexT主题非常流行,之前看过某博友的博客,使用的就是NexT主题,在文章列表页面,竟然还显示了文章的阅读次数!Hexo是静态博客,像阅读次数的实现必须借助第三方工具。早期Nova主题使用的是友言评论,不像多说评论开放了许多API,所以,从版本0.1.0开始,本站使用的Nova主题就换成了多说。在多说的获取文章评论、转发数API中,views即为文章阅读数,不过好像多说对非官方的网站不开放此字段,views返回的一直为0。昨天阅读了一下博友的为NexT主题添加文章阅读量统计功能这篇文章,原来NextT的阅读数是借助云API来实现了。所以,立即动手,也为本站的Nova主题添加阅读计数功能。
如果有使用非NexT主题
继续阅读 »
Overview
This article in an advanced guide to [hexo] your blog, you need to prepare the following knowledges:
Front-end: You must has certain knowledge of Web tech such as javascript, css, html and node.js template.
Layout: The [hexo] layout is the view of site, it's usually using a template to render.
Variables: The
继续阅读 »
声明
本文转载自:The Bloom of Youth|锦瑟华年
Hexo 博客系统的核心支持生成目录(Table of Contents),但其默认的主题 Landscape 并不支持目录的显示。我们只需对 Landscape 的主题文件稍作修改并添加一点目录的 CSS 就可以在文章前面显示友好的目录了。
修改 Landscape 主题的 ejs 文件
我们首先要编辑文章显示页面的模板,也就是 themes/landscape/layout/_partial/article.ejs 文件。为了将目录生成在正文之前,我们首先在这个文件中找到,并在这一行之前加入如下代码:
javascript
Table of Conte
继续阅读 »