hexo安装配置

2017-01-22 本文已影响58人 647f379ea944

简介

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/

主题推荐

比较不错的主题

高级用法（以下内容配合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: 欢迎您扫一扫上面的微信公众号，订阅我的博客！