简介
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,
在几秒内,即可利用靓丽的主题生成静态网页。
安装
安装 nodejs npm git
yum install -y nodejs git npm
配置淘宝npm源
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v
安装 hexo
cnpm install -g hexo-cli
hexo version
简单使用
常用命令
- hexo init [folder] # 创建项目
- hexo new [layout] <title> # 创建文章
- hexo generate # 生成静态文件
- hexo publish [layout] <filename> # 发布文章
- hexo server # 启动本址服务
- hexo deploy # 部署
- hexo clean # 清除缓存文件和已生成的静态文件
常用简写
- hexo n == hexo new
- hexo g == hexo generate
- hexo s == hexo server
- hexo d == hexo deploy
常用组合
- hexo d -g #生成部署
- hexo s -g #生成预览
创建项目
# 需要下载相应插件
# 可能需要等待几分钟
hexo init test
cd test
cnpm install
生成自带 hello world
hexo g
hexo s -i -i $(hostname -i) -p 4000
web访问测试
# 访问
http://192.168.12.211:4000/
# 你将看到如下图所示
写文章
# 创建文章
hexo new 'test'
# 生成静态文件
hexo g
主题设置
# 以主题yilia为例
# 安装主题
hexo clean
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
# 启动主题
# 修改test目录下的_config.yml配置文件中的theme属性,将其设置为yilia
# 更新主题
cd themes/yilia
git pull
# 生成访问
hexo g
hexo s -i -i $(hostname -i) -p 4000
整合 Github Pages
简介
GitHub Pages 用于介绍托管在GitHub上的项目,每个帐号只能有一个仓库来存放个人主页,而且仓库的名字必须是username/username.github.io,这是特殊的命名约定。你可以通过http://username.github.io 来访问你的个人主页
在 Github 创建 username.github.io 仓库
配置deploy
修改_config.yml文件
deploy:
type: git
repo: git@github.com:will835559313/will83555931github.io.git
branch: master
部署
# 安装插件
cnpm install hexo-deployer-git --save
# 设置git用户信息
git config --global user.email "will835559313@16com"
git config --global user.name "will"
# 添加sshkey到 github
# 部署
hexo d
访问测试
https://will835559313.github.io/
主题推荐
比较不错的主题
- https://github.com/iissnan/hexo-theme-next
- https://github.com/litten/hexo-theme-yilia.git
- https://github.com/tufu9441/maupassant-hexo.git
高级用法(以下内容配合next主题使用)
创建about页面
hexo new page about
# 编辑 source/about/index.md
# 访问的url为 /about
为文章添加tag
---
title: hexo安装配置
date: 2017-01-19 11:03:45
tags: [hexo, blog]
---
# 另一种写法
tags:
- hexo
- blog
创建标签页面
hexo new page tags
# 编辑 source/tags/index.md
# 禁止评论
---
title: tags
date: 2017-01-19 17:44:12
type: "tags"
comments: false
---
# 访问的url为 /tags
创建分类页面
hexo new page categories
# 禁止评论
---
title: categories
date: 2017-01-19 17:52:33
type: "categories"
comments: false
---
# 在写的文章中的 front-matter中加入如下参数
# 就会生成相应的分类
---
categories: Testing
---
设置代码高亮主题
# themes/next/_config.yml
highlight_theme: night
侧边栏社交链接
# Social links
social:
GitHub: https://github.com/will835559313
Twitter: https://twitter.com/your-user-name
微博: http://weibo.com/your-user-name
豆瓣: http://douban.com/people/your-user-name
知乎: http://www.zhihu.com/people/your-user-name
# Social Icons
social_icons:
enable: true
# Icon Mappings
GitHub: github
Twitter: twitter
微博: weibo
开启打赏功能
reward_comment: 坚持原创技术分享,您的支持将鼓励我继续创作!
wechatpay: /path/to/wechat-reward-image
alipay: /path/to/alipay-reward-image
友情链接
# title
links_title: Links
links:
MacTalk: http://macshuo.com/
Title: http://example.com/
腾讯公益404页面
cat >source/40html<<EOF
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="robots" content="all" />
<meta name="robots" content="index,follow"/>
</head>
<body>
<script type="text/javascript" src="http://www.qq.com/404/search_children.js"
charset="utf-8" homePageUrl="your site url "
homePageName="回到我的主页">
</script>
</body>
</html>
EOF
站点建立时间
since: 2013
订阅微信公众号
# 在微信公众号平台下载您的二维码,并将它存放于博客source/uploads/目录下
# Wechat Subscriber
wechat_subscriber:
enabled: true
qcode: /uploads/wechat-qcode.jpg
description: 欢迎您扫一扫上面的微信公众号,订阅我的博客!
网友评论