Hexo主题和文章发布

前言

---

本文继上篇Hexo+Github构建个人博客，接着来记录下Hexo博客主题使用和博客文章发布的过程，也顺便练习练习Markdown。

---

Hexo主题应用

---

• 使用Hexo主题：Archer，
• 该主题实例博客展示：http://firework.studio/

个人也是参照该主题教程来做的，一下简单记录下过程。

1.cd到博客项目根目录下：cd D:\nodejs\blog
2.下载主题：
npm install hexo-generator-json-content –save(不知道干嘛的)
git clone https://github.com/fi3ework/hexo-theme-archer.git themes/archer
3.修改blog目录下的 _config.yml 的 theme 字段为 archer：
theme: archer
4.404启用（我没试）
5.sidebar启用（没试）

以上完成皮肤就算有个大概了，接下来进行部分字段修改，就可以正式使用了。

---

Hexo主题配置

---

在D:\nodejs\blog\themes\archer路径下一样存在个 _config.yml文件用来修改主题的某些设置。

# ========== 资料栏 ========== #
# 头像路径
avatar:
# 博主名字，不填写该字段则默认采用Hexo配置文件中的author字段
author:
# 博客签名
signature:
# 社交账号
social:
  email:
  github:
  weibo:
  zhihu:
  facebook:
  twitter:
  instagram:
  stack-overflow:
  linkedin:
  blog:
# 友链
friends:
  friendA:
  friendB:
  friendC:

# ========== 站点 ========== #
# 网站的title，每篇文章后面也会加上此字段利于SEO
SEO_title:
# 显示在网站banner上的主标题
main_title: 
# 显示在网站banner上的副标题
subtitle:
# 主页banner的背景图片
header_image:
# 文章页的默认背景图片
post_header_image:
# 404页的背景图片
_404_image:


# ========== 评论插件 ========== #
# 目前只支持一键添加livere评论（因为懒），其他评论插件可自行添加在post.ejs模板中的</main>标签前。
comment:
  # 将你的livere的uid填入以下字段
  livere:

# ========== 统计 ========== #
# 是否开启不蒜子统计
busuanzi: false
# 百度统计(填写siteID)
baidu_analytics:
# Google统计(填写siteID)
google_analytics:
# CNZZ统计
CNZZ_analytics:

# ========== 其他 ========== #
# favicon
favicon:
# 首页的文章摘要字数(默认300)
truncate_length:

---

Hexo 写博客

---

.md == markdown语言编写的文件

在D:\nodejs\blog\source_posts目录下就是我们博客文章的md文件了，也就是博客原文了。我自己每次新建一篇博客，就是复制一个原来的文档，保留文档的以下内容 ，其他删掉来写正文。

title: 8.17
date: 2017-08-17 19:58:54
tags: 日记

---

博客主题更新和发布博客

---

• 更换主题后需要执行清缓存操作,网页正常情况下可以忽略此条命令：

hexo clean

• 生成静态网页

hexo g

• 开启本地预览服务

hexo s

• 发布线上

hexo d

此时，打开 [我的github博客] https://564239493.github.io/就可以看见了,O(∩_∩)O

---

到此结束

---

1.Markdown编写有待进步
2.带图片博客
3.Git了解，命令使用