用Hexo+Github 搭建属于自己的博客（一）
2019-05-12 本文已影响4人
f5065e26181b
文章同步发于公众号：1024程序开发者社区（cxkfzsq1024）
1024程序开发者社区博客
最近一直在出差，公众号更新不够及时，趁着周末搭建了一个公众号的博客，事情的起因是这样的：
- 腾讯由于某些原因取消了新注册公众号的评论功能，导致公众号似乎失去了灵魂；
- 租个云服务器，买个域名需要经费!
因此，在GitHub上搭建一个博客，添加了评论功能，作为公总号的重要补充，效果是这样的：
image
因为没有买域名，网址为：
https://zhangbinchao.github.io/
欢迎大家去看看，手机上同样可以登录。
/1/构建流程
网上相关资源比较丰富，这里只对构建流程进行介绍。
（一）环境配置
- Node.js 的安装
- git的安装
- gitHub账户的配置
（二）新建Repository
name下填写yourname.github.io
（三）安装Hexo
本地建立一个文件夹，在其中打开git bash，安装hexo
npm install hexo-cli -g
初始化
hexo init
启动服务
npm install -->hexo server -->hexo clean -->hexo generate -->hexo deploy
image
在localhost:4000中查看是否正常。
（四）Hexo和GitHub page联系
Git bash生成秘钥：
ssh - keygen - t rsa - C "邮箱"
在GitHub-->setting中设置SSH Keys，将所生成的秘钥复制到下图：
image
在_config.yml文件中，找到Deployment，然后按照如下修改：
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master
这样就可以通过
hexo clean -->hexo generate -->hexo deploy
将本地的网站部署在GitHub上了。
（五）选择主题
在官网上选择自己喜欢的主题；
https://hexo.io/themes/
image
安装next：
git clone https://github.com/iissnan/hexo-theme-next themes/next
在_config.yml，设置：
theme: next
（六）主题设置
主题的_config.yml中设置主题类型
# Schemes
# scheme: Muse
#scheme: Mist
scheme: Pisces
#scheme: Gemini
语言
language: zh-CN
通过以上操作就完成了自己博客的搭建工作，下期将介绍页面设置、内容添加，评论功能等。
关注公众号，送海量学习资源~
image
1024程序开发者社区的交流群已经建立，许多小伙伴已经加入其中，感谢大家的支持。大家可以在群里就技术问题进行交流，还没有加入的小伙伴可以扫描下方“社区物业”二维码，让管理员帮忙拉进群，期待大家的加入。
image
//猜你喜欢//
