美文网首页
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