• 使用coding和hexo快速搭建博客


    更多精彩内容欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz或者http://www.zh66.club期待您的光临哦!我是皮皮猪,感谢各位光临,能为您排忧解难小站深感荣幸!祝您生活愉快!

    今天教大家怎么用hexo快速搭建自己的博客。我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白来说,就像听天书一样,云里雾里的。所以下面的内容都是我自己的理解,语言很通俗,有可能说的不那么专业,还望专业人士勿喷。
    首先声明一点,刚开始搭建博客会比较麻烦,有很多东西大家可能以前没有听说过,不要怕,耐着性子一边看教程一边动手操作,你一定能够做出来的!好吧,废话不多说,现在开始!

    hexo

    hexo是一种博客框架,所谓框架,就是为了解决和处理一个复杂问题的结构,简单地说,用已经搭建好的框架来搭建博客,就不需要自己一砖一瓦地去构造了。

    git

    git是一种版本管理系统。当我们要开发一款软件时,软件有很多的功能需要完善,所以会出现很多版本,比如1.0,2.0等等,但是,当我们升级到高版本后,突然发现曾经的版本更好用,这时候该怎么办呢?那么git就是记录你们每次改版发生的改动,当你想要退回到某一个曾经的版本时,那么就用git直接回退到曾经的版本就可以了。这时候你可能会问,为什么你不把曾经的版本备份下来呢?这样不是更方便吗?想法很简单,但是一个软件有很多的版本,而且有些软件还很大,所以这样直接备份会占用很大空间,会浪费很多资源。而且,git会记录软件改版的详细信息,包括改版的时间,哪个文件发生了变化等等,所以用git管理开发十分方便,这也是未来的趋势。注意的是,git需要用命令行管理。

    GitHub和coding

    这两个是线上的版本管理系统,你可以理解为线上的git,同时他们还有社区的性质。不同的是,GitHub是国外的,也可以说是世界的,因为有很多大牛在上面贡献自己的开源代码,包括Google,苹果,微软等等世界一流的工程师,在上面开发软件,会有更多的大牛给你提出意见,帮助你完成开发。而coding是中国的,相对来说名气更弱一些,但是访问速度快,还可以免费拥有私人仓库。所以,这篇教程我们使用coding pages部署博客。(注意:coding已被腾讯云收购)

    需要下载的东西

    1.git

    2.node.js

    3.notepad++

    4.hexo

    (这个需要用git命令行下载,没有安装包,需要在电脑的某一个盘里新建一个文件夹,名字可以随便取,比如hexo,用来存放你的博客代码,进入这个文件夹,右键,你会看到有git bash hexo的选项,点击,你就进入了git命令行,输入命令 npm install hexo-cli -g,稍等片刻,下面出现一堆英文,那证明已经下载完hexo了!)

    hexo的步骤不再重复,全在之前的博客里 点这里跳转

    Step1:此时我们需要创建一个coding账号(注意codding已被腾讯云收购,点击此处跳转),然后添加一个项目,项目名为你的coding账号名,例如我的账号名是Zevs6,所以我新建的项目为Zevs6,注意要在初始化项目那一项打勾

    Step2:进入项目 -> 设置 -> 部署公匙 ->新建部署公匙,给项目添加公匙SSH,ssh公匙获取方法和github一样直接在本地找到使用即可,在之前博客点这里跳转 第四步有详细的介绍。公匙名称可以不填,但是授予推送权限选项必须打勾,这样你才有写权限

    Step3: 在你的域名管理平台中(比如阿里云,腾讯云之类的),域名 ->管理-> 解析域名,增加一条CNAME信息,记录值为 youruser.coding.me(youruser为你的coding用户名)例如我的:

    Step4:等到第三步的解析生效(最长十分钟),在coding中,项目 -> 代码 -> Pages服务中,一键部署Pages。在Pages的设置里,自定义自己的域名并绑定(域名前加www.前缀)

    Step5:在本地博客路径下,修改_config.yml下的deploy,改为:

    deploy:
      type: git
      repo:
          coding: git@git.coding.net:yourname/yourname.git,master
    

    格式一定要正确!!!不然会报错!!!

    Step6:

    ​ 在本地博客路径下,执行命令:

    hexo clean
    hexo g
    hexo d
    

    hexo d 部署成功时会提示然您输入账号密码验证

  • 相关阅读:
    IE6 select穿透问题(div 定位无法遮盖select)!
    NYOJ 35 表达式求值
    网络运营商名称显示&SIM名称显示
    Android开发四大组件之Service(具体解释篇)
    RabbitMQ之消息确认机制(事务+Confirm)
    rabbitmq的发布确认和事务
    java finally return
    用 consul + consul-template + registrator + nginx 打造真正可动态扩展的服务架构
    consul vs etcd3
    LinkedIn实时低延迟数据抓取系统Databus开源
  • 原文地址:https://www.cnblogs.com/zhsh666/p/11432965.html
Copyright © 2020-2023  润新知