mac上Hexo+Github 搭建属于自己的博客（下）

前言

这是系列文章，接下来要对个人博客进行润色以及发布博文，可以看前一篇了解如何部署博客到GitHub上，事不宜迟动手吧~~

主要步骤

• 给博客配上心仪的主题
• 给博客配置个人信息
• 发布博客

给博客配上心仪的主题

• 挑选博客主题
  Hexo官方提供许多好看的主题，预览后发现有喜欢的主题可以拿来用了。

Theme

• 启用主题
  在Bolg目录文件下终端输入$ git clone https://github.com/iissnan/hexo-theme-next.git themes/next
  这个命令的意思是把主题拷贝到Bolg下themes文件下，themes文件下是存放所有要使用的主题，最后由站点配置文件(根目录下_config.yml文件)决定使用哪个主题。

github Theme

打开Bolg下_config.yml文件，修改theme: landscape为theme: next，前提是你已经下载完了next主题

Paste_Image.png

• 部署
  终端执行$ hexo generate，编译后，会出现一个public文件夹，里面将所有的md文件编译成html文件及一些css，js，图片等文件
  $ hexo server开启本地服务，可以在本地浏览器浏览博客，部署好后可以预览http://localhost:4000/
  $ hexo deploy将本地博客部署到关联的github上，查看你的用户名.github.io

给博客配置个人信息(next主题)

• 可以参考next主题官方，也可以跟着我的步骤（下面）
• 站点主要配置项
  打开Bolg下站点配置文件（_config.yml），修改下主要配置项
  例如：language: zh-Hans 把语言设置汉语

Paste_Image.png

• 主题主要配置项

Paste_Image.png

• 添加侧边栏社交链接
  先进行链接的设置

# Social links
social:
  GitHub: https://github.com/your-user-name
  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```
设定链接的图标，对应的字段是 social_icons。其键值格式是 匹配键: Font Awesome 图标名称， 匹配键 与上一步所配置的链接的 显示文本 相同（大小写严格匹配），图标名称 是 Font Awesome 图标的名字（不必带 fa- 前缀）。 enable 选项用于控制是否显示图标，你可以设置成 false 来去掉图标。

Paste_Image.png

• 配置完后查看效果
  终端进入Bolg下，输入$ Hexo g生成静态页面,接着输入$ Hexo s开启本地服务，先在本地看看效果http://localhost:4000/
  最后部署到github上，终端输入hexo deploy

发布博客

• 一篇博客在本地存为一个文件，新建一篇博客，名为“2017 时不我待”
  终端进入Bolg目录下，输入hexo new post "2017 时不我待"，接着我们会在Bolg\source\ _posts下看到刚刚新建的2017-时不我待.md文件了

Paste_Image.png

• 编辑博客并提交
  编辑博客建议使用Markdown语法，可参考献给写作者的 Markdown 新手指南，完成博客后部署到github上。
  终端进入Bolg下，输入$ Hexo g生成静态页面,接着输入$ Hexo s开启本地服务，先在本地看看效果http://localhost:4000/
  最后部署到github上，终端输入hexo deploy

总结

网上有许多参考资料，很值得一看，给出链接：
Hexo+github博客搭建记录
hexo边搭边记
Next主题使用文档
使用Hexo和GitHub Pages搭建免费独立博客
手把手教你用Hexo+Github 搭建属于自己的博客