美文网首页django
用Hexo+Github 搭建属于自己的博客(一)

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

作者: f5065e26181b | 来源:发表于2019-05-12 22:25 被阅读4次

    文章同步发于公众号: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: 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

    //猜你喜欢//

    相关文章

      网友评论

        本文标题:用Hexo+Github 搭建属于自己的博客(一)

        本文链接:https://www.haomeiwen.com/subject/rhuhaqtx.html