程序员工具癖Web前端之路

用HEXO在Github建立个人博客

2018-07-28  本文已影响247人  zhaoolee

环境要求:

全局安装hexo

npm install -g hexo-cli

初始化项目

hexo init zhaoolee-blog
cd zhaoolee-blog
npm install

写一篇文章

hexo new "在Github创建个人专属名片" 

在sublime打开新建的~/zhaoolee-blog/source/_posts/在Github创建个人专属名片.md, 并加入内容


但是默认的主题实在是不太美观, 就像是设计师喝了一斤伏特加之后, 随手设计出来的, 副标题几乎看不清, 下面我们要换主题

配置主题

官方推荐的主题库: https://hexo.io/themes/

将源码以git clone的方式添加到 zhaoolee-blog/them 目录

git clone https://github.com/HeskeyBaozi/hexo-theme-lite ./themes/lite/

打开根目录的__config.yml文件,将theme字段设为lite



这个完全按照个人的喜好, 可以对照文档, 一点点修改, 这是一个非常消耗时间的活动, 改完记得保存_config.yml, 然后,control+c 清理缓存hexo clean, 重启服务hexo s

将hexo生成的页面, 上传到github

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/zhaoolee/zhaoolee.github.io.git
  branch: master
npm install hexo-deployer-git
# 清理缓存
hexo clean
# 生成页面
hexo g
# 上传到github
hexo d


上面只是最简单的玩法, 如果你对静态博客搭建非常感兴趣, 可以参考以下一些资料:

小结:

上一篇 下一篇

猜你喜欢

热点阅读