文章同步发于公众号: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/
安装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
通过以上操作就完成了自己博客的搭建工作,下期将介绍页面设置、内容添加,评论功能等。
关注公众号,送海量学习资源~
image1024程序开发者社区的交流群已经建立,许多小伙伴已经加入其中,感谢大家的支持。大家可以在群里就技术问题进行交流,还没有加入的小伙伴可以扫描下方“社区物业”二维码,让管理员帮忙拉进群,期待大家的加入。
image//猜你喜欢//
网友评论