账户的注册和配置
创建代码库
登录coding,建立一个项目也就是代码仓库,需要注意的是项目名字一定得是:
** [你的用户名].coding.me **
接着查看Pages服务,如果pages链接是:https://[你的用户名].coding.me说明配置成功,如下图
[图片上传失败...(image-f1b635-1527878179014)]
安装Hexo
在自己认为合适的地方创建一个文件夹,并在命令行的窗口进入到该目录
mkdir blog
cd blog
在命令行中输入:
npm install hexo-cli -g
npm install hexo --save
然后你会看到命令行窗口刷了一大堆白字,下面我们来看一看Hexo是不是已经安装好了。 在命令行中输入:
hexo -v
[图片上传失败...(image-521281-1527878179014)]
hexo的相关配置
初始化Hexo
hexo init
npm install
之后npm将会自动安装你需要的组件,只需要等待npm操作即可。
页面构建
hexo g
[图片上传失败...(image-622ec8-1527878179014)]
启动本地服务器
hexo s
[图片上传失败...(image-169956-1527878179014)]
在浏览器中打开http://localhost:4000/,看预览效果
到目前为止,Hexo在本地的配置已经全都结束了。
hexo和Coding关联
配置git的.ssh,已配置请跳过次步骤
git config --global user.name "XXX"
git config --global user.email "XXX@163.com"
2、生成密钥
ssh-keygen -t rsa -C "xxx@163.com"
Coding增加SSH钥匙
[图片上传失败...(image-1c6e17-1527878179014)]
hexo与Coding绑定
[图片上传失败...(image-3841c1-1527878179014)]
写博客、发布文章
新建一篇博客,执行下面的命令:
hexo new post "我的第一篇博客"
这时候在blog目录下 ~\source\ _posts 将会看到 我的第一篇博客.md 文件
用MarDown编辑器打开就可以编辑文章了。文章编辑好之后,运行生成、部署命令:
hexo g // 生成
hexo d // 部署
当然你也可以执行下面的命令,相当于上面两条命令的效果
hexo d -g #在部署前先生成
** 踩坑提醒 **
注意需要提前安装一个扩展:
npm install hexo-deployer-git --save #在部署前先生成
如果没有执行者行命令,将会提醒
deloyer not found:git
网友评论