博客
关于我
win10搭建hexo博客并部署到github
阅读量:239 次
发布时间:2019-03-01

本文共 1668 字,大约阅读时间需要 5 分钟。

主要步骤如下:

  1. 下载
    • hexo博客是基于node.js的一个静态博客,所以node.js是必须要安装的。值得一提的是,在安装node.js时,默认会安装npm。npm全称是 Node Package Manager,用来管理(安装或者卸载)node.js的相关包,大大简便了我们对于包的操作,因此我们后面就使用npm来安装hexo。
    • node.js的安装一路next,默认选项即可。安装完成打开cmd,输入node -v,如果显示版本号,则安装成功
  2. 使用npm安装hexo
    • 由于npm的存在,使得我们对于hexo的安装变得非常简单,只需要输入npm i -g hexo-cli命令,即可完成hexo安装。但由于国内网速的限制,安装不成功的情况下,可以使用PlanB。
    • PlanB:利用淘宝国内镜像源曲线救国,先安装cnpm,cmd命令为npm i -g cnpm --registry=https://registry.npm.taobao.org。然后利用cnpm来安装hexo,命令和npm差不多cnpm -i -g hexo-cli(建议安装官方推荐的hexo-cli而不是hexo)
    • 可以使用hexo -v来判断是否安装成功
  3. 使用hexo创建博客
    • 首先创建一个文件夹,用来存放将来写的博客。然后cd进入该文件夹,使用hexo init命令初始化。如果一切顺利的话,会提示:

      在这里插入图片描述
      目录结构应该是这样的:
      在这里插入图片描述
      并且输入hexo s启动服务,完成之后,浏览器访问 http://localhost:4000 ,即可看到hexo生成的首页。首页中的四个命令在之后的博客创建中,我们会经常使用,他们代表的含义如下:

      hexo new "My New Post"  // 创建博客,可简写为 hexo n  hexo server   // 启动本地服务,可简写为 hexo s  hexo generate   //生成静态文件,可简写为 hexo g  hexo depoly    //部署到远端,可简写为 hexo d
    • 接下来实战写一篇博客,首先用命令hexo n创建博客(这里创建了一个markdown文件):

      在这里插入图片描述
      创建的博客存放地址为/ source / _posts /
      然后可以使用vim命令或者其他方式编辑该博客(我这里使用Typora编辑器,主要是看一下效果)
      编辑完成后,使用hexo clean先清除db.json缓存(非必须,如果网站显示异常,可尝试使用),然后hexo g 生成静态文件,最后启动服务hexo s,输入网址访问,就可以看到刚刚写的博客啦。
      在这里插入图片描述

  4. 推送到github上
    • 首先我们需要有一个github账号,并且,然后就可以。注意仓库名必须是 username.github.io,这个仓库名就是将来访问博客的url地址。
    • 接下来我们就需要把本地博客推送到github上,因此需要配置一下init后的"_config.yml"文件,这个文件很重要,之后我们修改主题、给博客添加图片都要用到这个配置文件。我们找到Deployment,修改为如下图:repo就是我们的仓库地址。注意冒号后面有一个空格。
      在这里插入图片描述
    • 还需要下载一个部署的插件:cnpm install hexo-deployer-git --save。装完之后,只要使用hexo d就能部署到github上了。中间有可能需要我们输入github的用户名和密码。
    • 如果一切顺利的话,在浏览器中输入仓库地址username.github.io就能看到我们部署到github上的博客了。
      在这里插入图片描述
tips:

  在这个过程中,难免会由于网速等等因素造成失败。如果出现问题,直接把新建的博客文件夹删除,重新来过就行,因为我们所有的操作都是在这个文件夹中进行的,所以大不了重来就是了。

  当然,如果成功了,也可以尝试换一个自己喜欢的博客主题。推荐像、等github上标星较多的主题,我自己用的就是next主题,非常简洁大气。
  让我们选一个好看的主题,一起来写博客吧~
  欢迎访问

转载地址:http://dwyv.baihongyu.com/

你可能感兴趣的文章
Nginx反向代理
查看>>
nginx反向代理、文件批量改名及统计ip访问量等精髓总结
查看>>
Nginx反向代理与正向代理配置
查看>>
Nginx反向代理及负载均衡实现过程部署
查看>>
Nginx反向代理和负载均衡部署指南
查看>>
Nginx反向代理是什么意思?如何配置Nginx反向代理?
查看>>
nginx反向代理解决跨域问题
查看>>
nginx反向代理解决跨域问题,使本地调试更方便
查看>>
nginx反向代理转发、正则、重写、负摘均衡配置案例
查看>>
Nginx反向代理配置
查看>>
Nginx启动SSL功能,并进行功能优化,你看这个就足够了
查看>>
nginx启动脚本
查看>>
Nginx和Tomcat的区别
查看>>
Nginx在Windows上和Linux上(Docker启动)分别配置基本身份认证示例
查看>>
Nginx在Windows下载安装启动与配置前后端请求代理
查看>>
Nginx在开发中常用的基础命令
查看>>
Nginx基础知识点与使用场景梳理
查看>>
Nginx多域名,多证书,多服务配置,实用版
查看>>
nginx如何实现图片防盗链
查看>>
Nginx学习总结(10)——Nginx前后端分离将多个请求转发到多个Tomcat,负载均衡反向代理
查看>>