Blog-Hexo搭建

发表于 更新于 分类于

在查找一些技术资料的时候总会看到一些漂亮的博客，喜欢文字，也想自己搭建起一个博客来。尽管在网上搜索到了许多Github+Hexo的博客搭建教程，但仍然也遇到了不少问题，几经折腾，终于可以使用，于是决定先写一篇我在Win10下的搭建过程作为记录和分享。（也可以参考官方文档，官方文档也写得挺详细。）

环境准备

  1. Node.js环境
  2. Git

Node.js环境

在官网下载与电脑系统相匹配的Node.js并安装。

也可以前往Nodejs的中文网

Git

前往官网下载与你的电脑相对应版本的Git。安装完成后，你将会看到Git Bash在你的右键菜单中。

前往Github官网注册Github帐号，完成后创建一个仓库（New repository）。仓库名为yourgitname.github.io

将电脑中的Git与Github帐号设置一致。

Coding

在Coding 注册账号，新建项目，之后创建Coding-pages分支，并设置为默认分支，在左侧开启coding-page服务.

安装HEXO

在电脑中新建一个文件夹，进入文件夹，右键，选择命令行或者直接选择Git Bash Here ，打开命令行窗口。

使用npm安装Hexo

1
$ npm install -g hexo-cli

开始搭建Blog

新建一个网站

安装完成后，初始化文件夹，无参数默认当前路径

1
$ hexo init [foldername]

新建一篇文章

如果没有设置layout，默认为default_layout 参数（也就是post）

1
$ hexo new [layout] <title>

生成静态文件

1
2
3
$ hexo generate
#可以简写为
$ hexo g

启动服务器

默认访问网址为http://localhost:4000/，这时候别人是看不到你的网站的。

1
$ hexo server

与Github关联

修改站点配置文件

打开_config.yml 文件，修改deploy

1
2
3
4
5
6
7
8
9
10
11
deploy:
- type: git
  repo: https://github.com/Yourgitname/your_reperoryname.github.io.git
  branch: master
  # ssh形式
  #repo : git@github.com:yourgitname/yourreperoryname.github.io.git
  #此处为之前创建仓库的仓库地址，在创建完成后有一个界面可以复制，或者直接复制网址加上.git

- type: git
  repo: git@git.coding.net:codingname/projectname.git
  branch: coding-pages

安装Git部署插件

1
$ npm install hexo-deployer-git --save

部署网站

部署成功后，就可以通过yourgitname.github.io这个地址看到自己的博客了。Coding 的地址则是youcodingname.coding.me/projectname

1
2
3
$ hexo deploy
#可以简写为
$ hexo d

Markdown 编辑器推荐

文件采用 Markdown 标记方式来实现文章的格式化，推荐两个编辑器：

  • Typora (支持更多的导出格式)

  • Mark Text（支持多标签页方式打开文件，可绿色安装不写注册表）

参考资料