HEXO - 搭建专属博客

2016-12-17  本文已影响0人  WPeach

博客是一种经验的积累与分享,写博客能段炼人的知识提取能力和语言组织能力,更重要的是爱分享的人,都是大神哦。

在哪里写博客?网上的博客分享网站很多,但那都是架在别人的网站上的,何不自己搭建一个具有个人特色的网站呢。如果你觉得有趣,那就跟着下面介绍的几个步骤快速搭建自己的专属博客吧。

我用的是:HexoGithub pages 技术


前提:要有 Git 和 Node.js 环境,这个点击安装吧。

先来介绍一下,本文涉及的一些概念:

Git

Git是一款免费、开源的分布式版本控制系统,Git可以保存任何文档,大大小小的项目都可以在上面托管,它还会记录你每次一次提交的全部内容,在多人合作或修改版本比较多时,极为适用,比如我前一段时间改了又改的论文o(>_< )o.

深入理解,可以看 廖雪峰老师的《Git教程》,这个老师讲的Git很棒。

Github

github是git的仓库,每一个项目又有一个主页,呈现项目的文件。

最常用的操作就是创建项目和重现文件。官网链接: https://pages.github.com/

Github pages

相比于github,github pages允许用户自定义项目首页,用来替代默认的源码列表,可以被认为是用户编写的、托管在github上的静态网页。官网链接http://o6sjbagyi.bkt.clouddn.com/github_pages.png

注意: Github pages有 User pagesProject pages两种类型,我们做博客用的是User pages,它的使用规范是:创建的仓库必须以username.github.io命名,使用仓库的master分支,通过http(s)://username.github.io进行访问。


第一步 下载hexo

首先打开命令行,windows系统可以在电脑左下角找到windonws图标,右键`命令行提示符`,或是在`运行`里面输入cmd,都会跳到命令行。

输入命令:npm install hexo -g


第二步 初始化到文件夹

1. 在合适的地方,新建一个文件夹,然后进入文件目录

输入命令:

d:

cd blog

hexo init

2. 也可以用hexo创建目录

输入命令:hexo init d:\blog

第三步 生成静态网站

输入命令:hexo generate 或 hexo g

生成public文件夹,里面有初始化静态网站页面。

第四步 启动本地服务器

输入命令:hexo server 或 hexo s

然后直接在http://localhost:4000/ 中打开了

ctrl+c 关掉服务

第五步 部署到Github

前面的步奏,能让你在本地看到网站的效果,怎么发布的网上,就可以借助github,github是一个非常好用的版本控制工具,可以把项目部署到github,是可以自由访问。

1. 注册Github(已有github账户的童鞋请忽略)

    在Github官网,填写相关信息,完成注册

2. 点击new repositories,新建一个新项目(你也可以加入到一个已有的项目)

3. 建立仓库名,必须是xxx.github.io(注xxx是用户名)

提交后可以看看ssh的值

第六步 配置hexo文件

打开hexo根目录下的_config.yml文件,在文档最后面加上deploy的相关信息,如下图

# Deployment  站点部署到github要配置这里, 非常重要

## Docs: https://hexo.io/docs/deployment.html

deploy:

type: git  #部署类型,这里使用git

repo: git@github.com:Wpeach/W.github.io.git #部署仓库的SSH

branch: master  #部署分支,一般用master主分支

第七步 发布网站

激动人心的时候到了,不要激动,跟着我把下面的命令敲完:

输入命令:npm install hexo-deployer-git --save

hexo deploy 或 hexo d

好啦,这样你就可以在外网访问你的博客了

http://wpeach.github.io/(换成你的用户名哦)


后续说明

1. 博客的路径在`source/_posts`目录下

增加或修改博客后

执行以下命令:hexo clean

hexo g

hexo d

2. 可以使用`markdown`编写博文,这也是很多人喜欢hexo的原因,用过之后相信你也会喜欢,网上有很多markdown编辑器,可以自寻找喜欢的,我现在用的是 作业部落 。

3. 关于hexo的更多介绍,可以浏览https://hexo.io/zh-cn/网站

上一篇 下一篇

猜你喜欢

热点阅读