文档章节

Hexo 简明入门教程(一)

打杂程序猿
 打杂程序猿
发布于 2013/04/04 05:34
字数 749
阅读 7.5K
收藏 11

##导言## 对于个人独立博客的搭建,或者一些产品网站的介绍我个人比较推崇直接用静态网站生成器来完成这个事情,对于,静态网页部署方便,浏览速度快。

以下为部分静态网站生成器简要列表

###Ruby###

  1. Jekyll (github 默认pages 引擎)
  2. Octopress (兼容jekyll)

###Python###

  1. Hyde Jekyll的Python语言实现版本
  2. Cyrax 使用Jinja2模板引擎的生成器

###PHP###

  1. Phrozn PHP语言实现的静态网站

###JS###

  1. Hexo

<!-- more -->

如果你只是想了解什么是静态网站生成器,

##Hexo 介绍## Hexo 是一款基于node 的静态博客网站生成器

作者 :@tommy351是一个台湾的在校大学生。。。

相比其他的静态网页生成器而言有着,生成静态网页最快,插件丰富(已经移植了Octopress 插件)。

关于如何建立一个Hello World级别的Hexo 官方github主页已经很清晰的说明了,不做重复,直接跳过。

https://github.com/tommy351/hexo

##配置介绍## 在学会了,如何运行Hello World 的Hexo 我们要开始进行自定义化了,首先我们要了解hexo的静态化规则。 打开项目文件的根目录你会看到这个文件:

_config.yml

关于设定的文档 http://zespia.tw/hexo/zh-CN/docs/configure.html

这里值得注意的配置参数

###部分配置说明### #####URL 部分#### root 这个参数是用于配置网站的根目录,与最终生成的网页资源链接相关的。例如有一个js文件默认的

root: /

最终网页里面的资源文件会链接到

/fancybox/jquery.fancybox.pack.js

改为 root: hello

/hello/fancybox/jquery.fancybox.pack.js

permalink 这个是用于设置文件的存放规则。例如

默认的配置 :year/:month/:day/:title/

最终生成的文章存放于public 文件下的 2013/04/04/xxx.html

改为:year-:month-:day/:title/ 将会变成2013-04-04/xxx.html

需要改变文件的存放规则记得注意。

###写作###

官网的入门资料

由于,整个网页的生成规则是基于目标的关系,所以在写作部分你只要专注于文章的编写就行,写好的文章直接放在source/_posts/ 下即可。更多的设定记得认真参考官方的设定。

任一页面生成

有些时候,对于非文章类的页面,例如一个aboutme的页面,其实我们只有直接放到source/ 即可,路径的规则由创建的文件夹路径一致。

Read more长度的控制

hexo 的readmore 是由自己在写文章的时候设定的,在文章正文里面部分的合适位置加上<!-- more --> 首页的预览就会到标识的位置

###总结### 上面提到的内容,已经足够利用hexo搭建一个完整的博客网站,下次,我会说说如何自定义hexo的主题。

实例网站:该教程的实例演示 http://blog.gfdsa.net 部署在github pages 上

© 著作权归作者所有

打杂程序猿

打杂程序猿

粉丝 135
博文 41
码字总数 51561
作品 3
广州
程序员
私信 提问
加载中

评论(3)

嘟嘟MD
嘟嘟MD
我的hexo博客是 tengj.github.io,互相参考
WinWill2012
WinWill2012
不错,我选的是nodejs的hexo框架,感觉非常不错,我的博客http://winwill2012.com
火耳
火耳
真不错。以后尝试下。
【2018更新】小白独立搭建博客--Github Pages和Hexo简明教程

【更新至2018/1/10】 首先欢迎各位来参观我的博客:Ryane's Blog Github地址:https://github.com/ryanlijianchang/ryanlijianchang.github.io CSND地址:http://blog.csdn.net/ljcitworld 摘......

Ryane
2016/03/16
2.8W
34
如何搭建一个独立博客——简明Github Pages与Hexo教程

重要更新 由于我在2015-07-26换了 mac ,博客平台从 hexo 转移 jekyll. 为什么用 keyll?因为用keyll搭建博客真的好简单.比 hexo 简单多了. 接下来,我将用十步教你搭建博客. 继续用我的教程一直...

CasparLi
2015/09/21
507
1
Hexo搭建Github-Pages博客填坑教程

目录: 1.安装Hexo 2.部署Hexo 3.Hexo命令 4.一些报错处理 5.博客管理 6.插件(RSS、Sitemap) 7.评论设置 8.404页面 9.统计 10.更新 11.总结 12.参考引用 13.搭建博客相关网站 简述 本文主要...

ihtcboy
2015/09/06
0
0
git文章列表

关于gitlab默认clone协议 Git实现从本地添加项目到远程仓库 翻翻git之---一个简单的标签控件 LabelView (随手发了两张小宝宝的玩耍照) Git 项目推荐 | Java 版微信普通号机器人 翻翻git之---...

d_watson
2016/04/20
27
0
使用Hexo搭建GitHub博客(2018年Mac版)

关于本文 本文仅记录自己学习搭建Hexo博客之时,搭建过程中掉坑的历程总结,对零基础起步的观众朋友可能缺乏某些基础技术的指导,请优先食用下述两篇优质教程: 【2018更新】小白独立搭建博客...

wavky
2018/08/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring5 依赖注入和循环依赖处理

//TODO populateBean 注入属性 doGetBean->getSingleton 删除bean缓存

小小明1995
9分钟前
23
0
每天AC系列(七):合并两个有序链表

1 题目 LeetCode第21题,合并两个有序链表. 2 直接合并 因为已经有序了,类似归并排序中的合并一样,操作不难,直接上代码了. ListNode t = new ListNode(0);ListNode head = t;while(l1 != nu...

Blueeeeeee
11分钟前
6
0
数据结构之双向链表-c语言实现

原文链接:http://blog.seclibs.com/%e6%95%b0%e6%8d%ae%e7%bb%93%e6%9e%84%e4%b9%8b%e5%8f%8c%e5%90%91%e9%93%be%e8%a1%a8-c%e8%af%ad%e8%a8%80%e5%ae%9e%e7%8e%b0/ 这次完成了双向链表的代......

无心的梦呓
13分钟前
14
0
Check If a String Is Numeric in Java

1. Introduction Oftentimes while operating upon Strings, we need to figure out whether a String is a valid number or not. In this tutorial, we’ll explore multiple ways to detec......

Ciet
18分钟前
14
0
SpringCloud 基础教程(六)-负载均衡Ribbon

 我的博客:兰陵笑笑生,欢迎浏览博客!  上一章 SpringCloud基础教程(五)-配置中心热生效和高可用当中,我们对配置中心进行进行了深入的了解,本章将继续微服务架构的深入学习,了解在微服务...

_兰陵笑笑生
53分钟前
49
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部