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