手把手教你用Hexo搭建个人技术博客
站长
· 阅读数 4
前言
什么是Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。此处附上Hexo中文官网。下面我们详细介绍搭建步骤。
安装Git Bash
Git Bash是Windows系统下git的命令行工具。
- 下载地址
- 安装步骤：双击下载好的exe文件，一路next就可以
- 确认成功：执行
git version，控制台打印出对应git版本就说明安装成功了。
安装Node
Hexo是基于Node环境的静态博客，npm工具是必不可少的。
- 下载地址
- 安装步骤：基本操作，这里就不赘述了。
- 确认成功：执行
node -v，控制台打印出对应Node版本就说明安装成功了。
安装Hexo
- 先创建本地存放blog的文件夹，然后
cd到对应目录下。 - 安装命令：
npm i -g hexo（建议用cnpm安装，会相对快一些） - 确认成功：
hexo -v
- 初始化：
hexo init，之后打开的文件夹如下图：
- 简单解释下文件夹的作用
node_modules：依赖包
scaffolds：命令生成文章等的模板
source：用命令创建的各种文章
themes：主题
_config.yml：整个博客的配置
package.json：项目所需模块项目的配置信息
搭桥到Github
- 没账号的创建账号（程序猿不应该吧~），有账号的看下面步骤：
- 回到gitbash，配置github账号信息（YourName和YourEail都替换成你自己的）
- 创建SSH，在gitbash输入：
ssh-keygen -t rsa -C "youremail@example.com，生成ssh，然后按照下图找到id_rsa.pub
- 将获取的ssh放到github中：
临门一脚
- 用编辑器打开blog项目，修改
_config.yml文件的一些配置（记得冒号后必须有空格，不然配置不生效，这是Hexo的一个坑！）
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master
- 进入blog项目，分别执行以下命令：
hexo clean
hexo generate
hexo server
- 打开浏览器输入：
http://localhost:4000，见证奇迹的时刻到了~
上传到Github
- 需要先安装Hexo上传仓库的工具，执行
npm install hexo-deployer-git --save，这样你写好的文章才能部署到github服务器。 - 执行命令（建议每次都这样做，先清除、再编译上传）
hexo clean
hexo generate
hexo deploy
- 在浏览器输入
http://yourgithubname.github.io，这样你就可以看到自己的在线博客了~
优化博客
有些童鞋一开始看到这博客，哇，好丑~大家都有经验的，默认的主题都是不好看的，这里有Hexo主题网址，目前有195个主题任你选，每周换一个都可以换三年~（当然你能这么折腾我也服了~）具体怎么安装主题，点进去对应的地址都有详细说明，这里就不赘述了。这里秀一波我的个人博客地址，有空过来刷刷PV也是很ok的~
写博客
最后的最后，怎么写博客？