美文网首页
hexo+Coding搭建个人微博

hexo+Coding搭建个人微博

作者: 橘子和苹果 | 来源:发表于2018-10-18 17:07 被阅读0次

账户的注册和配置

创建代码库

登录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

相关文章

网友评论

      本文标题:hexo+Coding搭建个人微博

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