最终的写作方式
- (本地在控制台)新建一篇文章:
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
网友评论