Skip to content

Latest commit

 

History

History
125 lines (106 loc) · 7.91 KB

xin-shou-shang-8def5d-300a-yong-hexo-zai-github-jian-li-ge-ren-bo-ke-300b.md

File metadata and controls

125 lines (106 loc) · 7.91 KB
Raw
  • 以前写过在Github创建个人专属名片, 有人提问在GitHub建立网站是怎么一回事?
  • 在github建立的博客大多是一些静态的页面, 每次更新内容需要手动生成页面, 然后push到github, 我研究了一下可以自动生成静态页面的工具, 其中hexo最为热门, hexo拥有丰富的主题库, 满足你折腾的心~

  • 以下是我折腾的一些记录:

环境要求:

  • 已安装node.js
  • 已安装git

全局安装hexo

npm install -g hexo-cli

初始化项目

hexo init zhaoolee-blog
cd zhaoolee-blog
npm install

  • 本地开启调试服务 hexo s

写一篇文章

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

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

  • 回到控制台, 先Control+c停掉服务
  • 清理缓存hexo clean
  • 再次开启服务 hexo s

  • 查看效果

  • 通过主目录下_config.yml对网站信息进行配置

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

配置主题

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

  • 选一个自己喜欢的主题, 从github获取源码

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

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

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

  • 回到控制台, 先Control+c停掉服务
  • 清理缓存hexo clean
  • 再次开启服务 hexo s
  • 查看效果, http://localhost:4000/

  • 按照主题的的说明文档, 修改主题 每个主题的说明文档都是作者定义的, 略有差别, 但大同小异,这里以lite为例, https://github.com/HeskeyBaozi/hexo-theme-lite

  • 打开themes/lite/_config.yml, 进行修改

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

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

  • 修改主目录_config.yml内deploy下的三个字段type, repo, branch(如果没有这几个字段, 自行添加即可)
# 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
  • 重新生成页面, 并上传到GitHub
# 清理缓存
hexo clean
# 生成页面
hexo g
# 上传到github
hexo d

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

小结:

  • 如果你是一个爱折腾的极客, hexo可以玩的很酷, 但如果你是为了建立自己的博客, 建议把折腾的心思放到博客的内容上, 因为通过写博客获得的乐趣,远比配置几个静态页面要大的多
  • 坦率的讲, hexo是有很多不足的, 比如纯静态页面,没有数据库的支持,即使添加简单的留言板功能, 也要借助第三方, 而国内提供评论服务的三方平台, 由于种种原因, 也纷纷倒闭了, 玩hexo你会有这种感受, 我本来想建立自己的博客, 后来发现 折腾博客本身所花费的时间, 比写博客花的时间还要多, 哈哈, 有点尴尬, 所以我果断弃坑了...
  • hexo也有很多优点: 借助GitHub, 可以不花一分钱, 快速建立自己的个性化网站, 而且网站大多界面美观, 如果单纯用来发博客,维护起来也比较简单
  • 玩hexo, 在github建立网站, 本来就是偏极客的, 如果你只是想写博客, 表达自己的思想, 简书就是很好的选择, 与hexo相比, 简书的定制性要差一些,好处在于, 完全不需要自己维护, 你可以通过向专题投稿, 让你的内容,快速被其他人看到, 与他人的点赞/评论/打赏/互动,让你对写博客保持一种长久的兴趣, 而这种兴趣往往是最重要的~

本仓库Github链接: https://github.com/521xueweihan/HelloGitHub

写在最后(我需要你的支持)

  • 本文属于Github星聚弃疗榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/StarsAndClown

  • Github星聚弃疗榜, 为Github优秀创意项目写一封推荐信，让Github优秀项目造福人类~, 如果你喜欢这个项目, 希望你能为本项目添加一颗 🌟星.

  • StarsAndClown, Write a letter of recommendation for Github's outstanding creative projects, and let Github's outstanding projects benefit mankind~, If you like this project, I hope you can add a star 🌟 to this project.