使用hexo搭建个人博客

 使用hexo搭建个人博客

  一直使用的是博客园的博客,今天心血来潮,想换一种方式,之前想着使用wordpress搭建一个个人博客,但是使用wordpress还要申请域名和申请虚拟主机,这都是比较贵的,于是最后就用hexo搭建了个人博客,这里将搭建博客的过程和过程中遇到的一些问题的解决方法记录下来, 一来是为了大家有所参考,二来是为了加强记忆。

  什么是hexo? 

  Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架,可以方便的生成静态网页托管在github和Heroku上.

  

  在有node环境的前提下,以管理员身份运行cmd(多是如此),输入下面命令以安装全局的hexo命令行(command line)

npm install -g hexo-cli 

  

  进入一个目录(任意的),  初始化目录, 并进行环境配置, 其中<>中的内容是我们自己设定的内容

hexo init <folder>

cd <folder>

npm install 

  

   在hexo的根目录下,我们可以看到已经生成的站点配置文件 _config.yml ,打开后重点关注和补充下面的配置项,实际上我们都是用默认配置也是可以的

titile   站点标题

subtitle   站点副标题

description   站点描述

author 作者名字(你的名字)

language   网站使用的语言

  开启本地服务器(比如xampp),然后再hexo目录下执行命令

 hexo s

  或者是输入其完整命令

   hexo server

  两条指令的效果是一样的, 输入之后,我们可以在浏览器输入 localhost:4000 打开默认的hexo效果。

  

  目前比较流行的主体是Next,我们可以在hexo目录下使用下面的命令将next文件克隆到本地的next:

git clone https://github.com/iissnan/hexo-theme-next themes/next

  

  然后再hexo的_config.yml中配置这个主题:

theme: next

  

  这时再重启本地服务,进入4000端口, 发现现在已经是next主题了。更多有关于next的使用,可以查看官方文档

  进入hexo目录, 输入 hexo new [layout] <title>我们就可以在source的_posts下面创建一个md文件了,然后使用markdown编辑器撰写文章即可,写完之后,重新启动服务器就可以看到你的文章了。

  

  这样还不够,我们还可以将文章发布到github上进行托管。只要建立一个 <yourname>.github.io 的新仓库即可。

  然后再在_config.yml中配置下面信息:

deploy:
type: git
repo: <repository url>
branch: [branch]
message: [message]

  其中branch和message实际上是不需要的,使用默认的即可,比如我的配置文件中的配置信息如下:

deploy:

type: git
repo: https://github.com/zzw918/zzw918.github.io.git

  

  另外,如果需要Hexo支持git还需要安装一个插件 hexo-deployer-git

npm install hexo-deployer-git --save

  

  等一切都做完之后,使用 hexo d即可将你的文章推送到github上了。

  注:有时在hexo d之后会出现问题,我们可以参照这篇文章的第一个方法

  

  注:有时候我们修改了文章,然后再github上却没有更新,这时只要清空以下缓存就好了。

  那么如何发布新的文章到github上呢?

  可以先创建一个markdown文件,然后编辑你的内容,再保存到 source 下的_posts中, 最后再hexo目录下 hexo generata (或者使用简写hexo g)来产生静态文件。这个过程就是将source中的_posts中的文件根据配置文件中的规则生成为html文件。最后再 hexo d 发布到github上即可。  

  

  

 

参考文章: hexo 官方文档

      http://eux.eeyes.net/blog/article/57fa3e6fac71f38c58b04cc8

       http://blog.csdn.net/willxue123/article/details/50994852(next)

      http://blog.csdn.net/jkxqj/article/details/51620725(localhost/4000访问失败)

      http://opiece.me/2015/04/09/hexo-guide/

      http://blog.csdn.net/yuzhiyun3536/article/details/53223111 发布文章

原文地址:https://www.cnblogs.com/zhuzhenwei918/p/6223932.html