美文网首页程序员Hexo
利用Hexo搭建属于自己的博客

利用Hexo搭建属于自己的博客

作者: 一W句代码 | 来源:发表于2017-02-18 01:27 被阅读0次

    为了将自己的博客搭建到GitHub,特地学习了一下hexo。hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页,相比jekyll生成静态网页的速度更快。

    本人博客地址:blog.scorpiodeng.me/

    亮点

    Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架。通过Hexo我们可以快速创建自己的博客,仅需要几条命令就可以完成。

    发布时,Hexo可以部署在自己的Node服务器上面,也可以部署github上面。对于个人用户来说,部署在github上好处颇多,不仅可以省去服务器的成本,还可以减少各种系统运维的麻烦事(系统管理、备份、网络)。所以,基于github的个人站点,正在开始流行起来…

    Hexo的官方网站:http://hexo.io/,也是基于Github构建的网站。

    废话不多说,直接上干货!

    Hexo安装

    系统环境:

    - win7 64bit

    - node v0.10.5

    - npm 1.2.19

    Hexo安装,要用全局安装,加-g参数。

    $ npm install -g hexo-cli

    查看hexo的版本

    本地部署Hexo

    新建一个存放博客目录的文件夹,例如:blog

    进入到blog文件夹 hexo init blog 然后 npm install,博客安装完毕

    hexo s 启动博客

    打开浏览器http://127.0.0.1:4000/即可访问

    出现了默认的网页界面,是不是很容易呢!

    主题

    个人觉得 Next主题NexT 是目前最清爽,集成度最好的一个,NexT主题是我接触Hexo的第一款主题,一见钟情的一款Hexo主题。

    虽然NexT主题简约却并不简单,功能特性多样;响应式设计,电脑手机访问体验好,超级nice!

    如果结合你自己网站的实际增删改其中一些细节,那更加prefect了。

    NexT相关教程:http://theme-next.iissnan.com/

    Hexo的使用

    创建新文章

    我们开始新博客了,创建第一博客文章。Hexo建议通过命令行操作,当然你也可以直接在_posts目录下创建文件。

    通过命令创建新文章

    $ hexo new 【搭建Hexo博客】简明教程

    INFO  Created: D:\blog\source\_posts\【搭建Hexo博客】简明教程.md

    在_posts目录下,就会生成文件:

    关于markdown语法写文章可以自行到网上搜索,这里就不想详细介绍了。

    发布项目到github

    静态化处理

    写完了文章,我们就可以发布了。要说明的一点是hexo的静态博客框架,那什么是静态博客呢?静态博客,是只包含html, javascript, css文件的网站,没有动态的脚本。虽然我们是用Node进行的开发,但博客的发布后就与Node无关了。在发布之前,我们要通过一条命令,把所有的文章都做静态化处理,就是生成对应的html, javascript, css,使得所有的文章都是由静态文件组成的。

    静态化命令

    在本地目录下,会生成一个public的目录,里面包括了所有静态化的文件。

    发布到github

    接下来,我们把这个博客发布到github。

    在github中创建一个项目nodejs-hexo,项目地址:https://github.com/scorpiodeng/nodejs-hexo.git

    如何将你的github仓库部署到github pages

    http://http://blog.csdn.net/CherishLyf/article/details/48681545

    设置域名

    接下来,我们配置好域名,这个路径就会正确的。比如,我有一个域名是 scorpiodeng.me,为了中国DNS解析,我先把域名绑定在Dnspod管理,再做跳转。

    域名有两种配置方式:

    主域名绑定:直接绑定主域名XXX.me

    子域名绑定:绑定子域名blog.XXX.me

    主域名绑定

    在dnspod控制台,设置主机记录@,类型A,到IP 192.30.252.153。

    在github项目中,新建一个文件CNAME,文件中写出你要绑定的域名,通过浏览器,访问http://XXX.me,就打开了我们建好的博客站点。

    子域名绑定

    有时候,我们的主域名正在使用着,需要先新建一个博客绑定到子域名。

    在dnspod控制台,我们要做3步设置。

    设置主机记录github,类型A,到IP 199.27.76.133

    设置主机记录XXX.github.io,类型CNAME,到github.XXX.me.

    设置主机记录blog,类型CNAME,到 XXX.github.io

    由于每次执行发布的时候,gh-pages分支所有的文件都会被覆盖,所以我们最好在source目录下创建这个CNAME文件,这样每次部署就不用动手创建了。

    相关文章

      网友评论

        本文标题:利用Hexo搭建属于自己的博客

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