使用Hexo搭建github博客步骤,超简便

categories:node

  • 工具

tags:git

  • git
  • Windows
  • 搭建博客

你只须要node环境和一个github帐号就能够开工啦!
github

本教程适合于Windows环境,Mac教程也大同小异npm

利用hexo搭建github博客很简单,甚至不须要编程的基础也能够完成,下面是个人博客成品的展现高翔的博客

1.准备工做

  • 你的电脑须要配置node环境(包括npm)
  • 你须要有github帐号和git基础(上传过项目)
  • 你的电脑须要安装了git工具(git Bash)

ok,能够正式开始搭建了!编程

2.使用Hexo搭建框架

2.1 请使用命令行工具,执行下面命令安装Hexo
$ npm install hexo -g
2.2 在任意一个目录初始化Hexo项目

在任意一个目录下执行如下命令markdown

hexo init

当你看到Start blogging with Hexo! 恭喜!框架就已经搭建好了hexo

2.3接下来执行如下命令就能够在本地起服务

hexo server

而后访问http://localhost:4000/,就能看到本身博客的雏形了框架

3 发布一篇文章

此时你的命令行正在起服务,按ctrl+c暂停服务,输入y肯定。
用下面的代码来新建一篇文章编辑器

hexo new "个人第一篇文章"

而后工具

hexo generate

image

如图,双引号中间就是你的文章的名字,此时你再用hexo server起服务,就能看到本身的文章出如今页面中了


image

可是如今文章只有一个标题,文章的文件是在你的目录的source_posts文件夹里面

里面有个的第一篇文章.md就是记录你文章信息的markdown文件,你能够用markdown语法来编辑它

这个.md文件用sublime或者写字本均可以打开编辑,如今也有不少能够实时预览的markdown编辑器,我使用的是有道云笔记,了解更多关于markdown


image

如上图:
  1. title表示文章标题
  2. tags:表示给文章添加的标签
  3. 以上的内容会在文章列表页显示,点击进入文章页之后才会显示more下面的内容

4 配置你的个性化博客主题

4.1在知乎上面的这个问题提供了不少精品主题

有哪些好看的Hexo主题?

选取你喜欢的clone或下载下来,放进你的项目目录的themes文件夹里面

4.2 更改主题的配置文件

首先打开项目根目录下的_config.yml文件

里面的每一个键值对在冒号:后面都须要跟一个空格,请注意

title: 博客的名字
description: 你的描述
author: 做者名字

themes:你的主题的文件夹的名字

通常来讲这些须要更改,你能够根据英文本身理解修改

themes在最下面,把它的值改成你刚放进去的主题的名字

再在命令行执行

hexo generate
hexo server

刷新就能够看到你的主题上线啦

通常来讲,主题的文件夹里面都还有一个_config.yml文件,来配置里主题可更改的信息

5 部署到github

5.1 建立github博客项目

你须要在你的github页面右上角你的头像旁边点击 + 号按钮,选择repository。

在 Repository name 栏中,输入

[你的用户名].github.io

这个用户名必须和github用户名彻底同样,如个人github
用户名为gaoxianglyx

项目名为 gaoxianglyx.github.io

5.2 配置里本地的项目与github链接

在你项目刚打开的_config.yml文件中,找到depoly,修改成以下

deploy:
  type: git
  repository: git@github.com:gaoxianglyx/gaoxianglyx.github.io.git
  branch: master

repository后面的值为你刚建立的项目的地址

5.3 发布到github

在命令行执行

npm install hexo-deployer-git --save

安装完成后,使用如下命令即可以上传项目到github

hexo generate
hexo deploy

如今,你的博客就已经能够在线进入了,地址为:[你的用户名].github.io

6 其余提醒

通常经常使用的hexo命令为

hexo clean //清理(非必须),通常上传前线clean再generate

hexo generate //将文章生成为博客的一部分,可简写为 hexo g

hexo server //本地预览(非必须), 可简写为 hexo s

hexo deploy //推送到GitHub,可简写为 hexo d
相关文章
相关标签/搜索