声明
本文转载自:The Bloom of Youth|锦瑟华年
Hexo 博客系统的核心支持生成目录(Table of Contents),但其默认的主题 Landscape 并不支持目录的显示。我们只需对 Landscape 的主题文件稍作修改并添加一点目录的 CSS 就可以在文章前面显示友好的目录了。
修改 Landscape 主题的 ejs 文件
我们首先要编辑文章显示页面的模板,也就是 themes/landscape/layout/_partial/article.ejs 文件。为了将目录生成在正文之前,我们首先在这个文件中找到,并在这一行之前加入如下代码:
javascript
Table of Conte
继续阅读 »
其实确保README.md文件不被渲染也挺容易的,只要在博客根目录下的配置文件_config.yml中配置一下"skip_render"选项就行了,将不需要渲染的文件名称加入的其选项下就行了。
bash
skip_render: README.md
参考
Hexo上传README.md文件
继续阅读 »
开始使用 HEXO 时就发现默认主题 light 的 style.css 文件是没有经过压缩的,虽然文件本身不大,对博客加载速度不会有太大影响,但是作为喜欢折腾的程序猿,同时为了提升自身博客那么一点点的完美性,一直想去解决这个问题,由于工作比较忙,这个就一直压在心里,直到昨天写完博客,又开始折腾起来。下面记录了具体的修改方式,有需要的同学可以试试。
PS:本博的主题是基于默认主题稍作修改后的样式。
最开始想使用 Grunt 来压缩,但是这样只能在博客文件目录内引入 Grunt 插件。这就使得文件结构不那么清晰,作为比较追求完美的我,最后还是放弃了该方式。什么?你还不知道 Grunt,那么你 out 很久了,简单的说 Grunt
继续阅读 »
引言
鉴于github.io在国内访问速度较慢,而且github.io不会被百度收录,所以在将Hexo博客站点部署到国内的站点是一个不错的选择。之前,国内有一家与github类似的gitcafe公司,不过在今年的时候,gitcafe已经停止服务,用户数据全部迁移到coding.net了。而且coding.net也提供与github pages一样的pages服务,所以我选择coding.net作为国内的博客部署平台。
开启Coding Pages服务
在开启Coding Pages服务之前,你必须得有一个coding.net账户,然后创建一个(私有并且项目名称与您的用户名称一致的)项目。并开启(用户)Pages服务。
{%
继续阅读 »
本文主要说明不蒜子访问统计在Landscape-plus主题下的应用,理论上下面的方法同样适用于Landscape主题。
关于light主题下不蒜子的应用可以参考:给hexo配置上评论和访问量
安装脚本
这是使用不蒜子的前提,即要使用它必须先添加它的脚本。
打开themes\landscape-plus\layout_partial\after-footer.ejs,在最后添加上下面的脚本即可,当然你也可以添加到 header.ejs 或 footer.ejs 中。目前最新版本2.3。
bash
网站访问量统计
more
打开themes/landscape-plus/layout/_partial/footer.ej
继续阅读 »
在你的主题目录\layout_widget\下找到tagcloud.ejs文件,编辑这个文件,找到标签
其中,start_color为颜色变化的起始端,end_color为颜色变化的结束端。
more
参考
Hexo彩色云标签
继续阅读 »
引言
影响网页打开速度的原因有许多种,本文主要对部署在github上的hexo博客页面的加载速度做一个分析。然后给出几点相关的优化建议。
more
加载速度对比
先看下面几个站点的加载速度
- www.ieclipse.cn
这是我自己的站点,使用了双线部署,国内节点为coding.net。
{% asset_img ieclipse.cn.png %}
请求非常多,52个请求,页面加载用时427ms,加上其它的异步请求,总用时1.54s。相当于页面秒开。加载相对较慢的有nova.css和那个自动隐藏导航栏的js脚本。其它的像jq和bootstrap都使用了cdn,加载还是相当快的。
继续阅读 »
安装多说评论系统
实际上landscape-plus主题上已经集成了多说评论系统,我们只需要添加duoshuo_shortname到两个配置文件就行了。
多说的shortname就是你注册多说时的用户名。
接下来在博客根目录下的配置文件和主题下的配置文件_config.yml中加入如下代码:
```bash
Duoshuo
duoshuo_shortname: XXX
```
添加多说最近评论
以landscape-plus主题为例:
more
在landscape-plus\layout_widget\目录下新建recent_comments.ejs文件,内容如下:
bash
注:其
继续阅读 »
一、安装配置Git
1.安装git,下载地址。
git中文教程Pro git
2.配置用户信息:
$ git config --global user.name "vaniot"//用户名
$ git config --global user.email "vaniot@gmail.com"//填写自己的邮箱
3.配置SSH密钥
配置Github的SSH密钥可以让本地git项目与远程的github建立联系,让我们在本地写了代码之后直接通过git操作就可以实现本地代码库与Github代码库同步。
打开git本机是否存在SSH Keys检测
$ cd ~/. ssh //检测本机用户home目录下是否存在.ssh
若不存
继续阅读 »
我们的博客可能面临评论系统不可用、分享插件不可用、主题升级的问题。
如果你是直接把代码copy到你的博客目录里面,那么你想修复这些问题,就会代码灾难性的后果。
使用git submodule能很好解决这个问题。
more
继续阅读 »