美文网首页
Hexo自建博客(github托管)

Hexo自建博客(github托管)

作者: stevekeol | 来源:发表于2019-11-18 10:38 被阅读0次
    最终的写作方式
    • (本地在控制台)新建一篇文章:hexo new paperName
    • (本地控制台)利用pen命令打开paperName.md:pen papaerName(pen是一款基于nodejs的工具,浏览器会自动打开实时预览,实时可视化markdown文件)参考
    • (本地blog文件夹)编辑器打开该文章, 全情投入写作
    • (本地控制台)依次执行以下命令,将项目中.md文件生成静态文件,并部署在github
      hexo clean、hexo g、hexo d
    • (远程浏览器)查看发布博客之后的站点:https://stevekeol.github.io/

    一.全局安装 hexo

    npm install hexo-cli   -g
    

    查看hexo是否安装成功

    hexo -v
    

    二. 创建站点

    hexo init projectName
    cd projectName
    npm install
    

    三. 站点信息配置

    title: 'stevekeol'
    subtitle: '被窝是上帝开在人间的分店'
    description: '前端,Nodejs, 区块链,数学, 算法, 小程序'
    keywords:
    author: stevekeol
    language: en
    timezone: 'Asia/Shanghai'
    ...
    theme: flexy
    ...
    deploy:
      type: git
      repo: https://github.com/stevekeol/stevekeol.github.io.git
      branch: master
    

    四. Blog主题下载配置

    awesome theme中选取合适的,然后下载下来,放在themes文件夹下,并将主题文件夹名称去掉后面的-master;
    站点配置文件中_config.yml中,theme也同时更改为同名
    

    五. 本地测试

    本地启动server:hexo s
    浏览器打开:localhost:4000

    六. 借助github发布至公网

    github上创建respo,取名为: stevekeol.github.io (注意格式:yourGithubName.github.io

    此处我没有创建ssl证书,所以每一次hexo d部署到github,需要在控制台输入用户名和密码(我个人喜欢这样)

    七. 后续工作

    • 配置站点的格式,文章的格式,日期的格式
    • 增加多个栏目的入口:小程序,商业思考,数学,算法,区块链,前端等
    • 考虑切换成next主题

    参考我的站点, 如需交流,个人微信: stevekeol

    hexo官方文档搭建流程参考

    相关文章

      网友评论

          本文标题:Hexo自建博客(github托管)

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