mac上Hexo+Github 搭建属于自己的博客(下)
2017-02-14 本文已影响216人
绍清_shao
前言
这是系列文章,接下来要对个人博客进行润色以及发布博文,可以看前一篇了解如何部署博客到GitHub上,事不宜迟动手吧~~
主要步骤
- 给博客配上心仪的主题
- 给博客配置个人信息
- 发布博客
给博客配上心仪的主题
- 挑选博客主题
Hexo官方提供许多好看的主题,预览后发现有喜欢的主题可以拿来用了。
- 启用主题
在Bolg目录文件下终端输入$ git clone https://github.com/iissnan/hexo-theme-next.git themes/next
这个命令的意思是把主题拷贝到Bolg下themes文件下,themes文件下是存放所有要使用的主题,最后由站点配置文件(根目录下_config.yml文件)决定使用哪个主题。
打开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 把语言设置汉语
- 主题主要配置项
- 添加侧边栏社交链接
先进行链接的设置
# 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文件了
- 编辑博客并提交
编辑博客建议使用Markdown语法,可参考献给写作者的 Markdown 新手指南,完成博客后部署到github上。
终端进入Bolg下,输入$ Hexo g
生成静态页面,接着输入$ Hexo s
开启本地服务,先在本地看看效果http://localhost:4000/
最后部署到github上,终端输入hexo deploy
总结
网上有许多参考资料,很值得一看,给出链接:
Hexo+github博客搭建记录
hexo边搭边记
Next主题使用文档
使用Hexo和GitHub Pages搭建免费独立博客
手把手教你用Hexo+Github 搭建属于自己的博客