用Hexo+Github 搭建属于自己的博客(一)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/id_iot/article/details/90180858

文章同步发于公众号:1024程序开发者社区(cxkfzsq1024)
1024程序开发者社区博客

最近一直在出差,公众号更新不够及时,趁着周末搭建了一个公众号的博客,事情的起因是这样的:

  1. 腾讯由于某些原因取消了新注册公众号的评论功能,导致公众号似乎失去了灵魂;
  2. 租个云服务器,买个域名需要经费!
    因此,在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: [email protected]: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

扫描二维码关注公众号,回复: 7614259 查看本文章

(六)主题设置
主题的_config.yml中设置主题类型

# Schemes 
# scheme: Muse 
#scheme: Mist 
scheme: Pisces
#scheme: Gemini

语言

language: zh-CN

通过以上操作就完成了自己博客的搭建工作,下期将介绍页面设置、内容添加,评论功能等。

关注公众号,送海量学习资源~

image

1024程序开发者社区的交流群已经建立,许多小伙伴已经加入其中,感谢大家的支持。大家可以在群里就技术问题进行交流,还没有加入的小伙伴可以扫描下方“社区物业”二维码,让管理员帮忙拉进群,期待大家的加入。

image

//猜你喜欢//

猜你喜欢

转载自blog.csdn.net/id_iot/article/details/90180858