Hexo是一款著名的博客框架,其一向以简洁快速著称,我的博客就是以它为基础搭建的,而且全程不需要花一分钱
文字教程
需要准备
- 一台电脑(废话)
- node.js的环境
- 一个Github账号
- Git
- 一个聪明的大脑(我相信你一定有的)
前期准备步骤
Node.js官网下载
Node.js
选择你所使用的系统和他相应的安装包。windows建议msi
安装好后打开终端输入
1 | node -v |
如果有版本号就说明安装成功
Git官网下载
GIt
准备好的话就可以开始搭建了
搭建过程
新建博客文件夹
在任何地方新建一个文件夹,名称随意,这里建议不要放在C盘,我的名称叫Blog,你也可以使用这个名字(随便起但你要记住)
下载Hexo文件
打开windows终端,cd到你的博客文件夹
输入
1 | npm install hexo-cli -g |
跑完命令后输入hexo -v
检查是否安装成功,显示版本号即为成功
接着输入
1 | hexo init |
不出意外的话,最后一句话应该是“Start blogging with Hexo!”如果没有的话,不出意外,应该是出意外了
如果你成功了,这时你的文件夹里应该会出现一堆文件
输入
1 | hexo s |
并打开浏览器访问
1 | http://localhost:4000/ |
就可以看到你的博客在本地运行起来了,好好欣赏一下吧
欣赏完必须关闭它,不要急着关闭终端,按下Ctrl
+C
他就会关闭了
修改配置文件
打开终端cd到博客文件夹,输入
1 | hexo clean && hexo g && hexo clean && hexo s |
并访问
1 | http://localhost:4000/ |
现在在终端按下Ctrl
+C
来停止本地访问
下面来更改博客的内容
打开_config.yml
文件,同时对照以下列表修改内容
title
网站标题
subtitle
网站副标题
description
网站描述
keywords
网站的关键词。支持多个关键词。
author
您的名字
language
网站使用的语言。对于简体中文用户来说,使用不同的主题可能需要设置成不同的值,请参考你的主题的文档自行设置,常见的有 zh-Hans
和 zh-CN
。
timezone
网站时区。Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置,如 America/New_York
, Japan
, 和 UTC
。一般的,对于中国大陆地区可以使用 Asia/Shanghai
。
更改好后保存退出,同样执行
1 | hexo clean && hexo g && hexo clean && hexo s |
并访问
1 | http://localhost:4000/ |
但你一定要记住,执行完hexo s
的命令后一定不要关闭终端,在你想停止本地访问的时候切到终端按下熟悉的Ctrl
+C
上传到Github开启访问
用资源管理器打开你的博客文件夹并右键选择Git bash here
,如果没有该选项,请检查你的git安装是否正确
打开后输入
1 | ssh-keygen -t rsa -C “你注册github时的邮箱” |
按回车,出现内容再按回车,出现内容再按回车,出现内容再按回车,四次回车,好的
出现ssh的方框框就说明成功了
资源管理器打开
C:\用户(或者User)\你的用户名.ssh
在这个文件夹里找到一个名为id.rsa.pub
的文件,不要找错了,注意看下右侧的时间,要和你生成key的时间相吻合。打开那个文件复制里面的全部内容
打开浏览器,github,登陆一下
点击右上角头像旁的小三角,选择setting
在出现的页面左侧选择SSH and GPG keys
点击右侧New SSH Key
title随便起个名字,把你刚才复制的那一大长串字粘贴到下面的key
栏
点击add ssh key
保存即可
打开你的git bash,输入
1 | ssh -T git@github.com |
如果出现了你的github用户名说明绑定成功,可以进行下一步骤
打开github,新建一个仓库(不是吧,你不会连仓库都不会建吧??)
起名为你的github用户名.github.io
并开启生成README文件
选择public
创建仓库
下面进行仓库连接
复制你的仓库网址,打开本地博客文件夹里的_config.yml
把最后一行的
1 | deploy: |
替换为
1 | deploy: |
保存并退出
打开windwos终端,cd到你的博客文件夹
输入
1 | npm install hexo-deployer–git --save |
或
1 | cnpm install hexo-deployer-git --save |
你可以挨个试试,第一个报错了就用第二个
完成后输入
1 | hexo g |
生成页面,再输入
1 | hexo clean |
然后
1 | hexo d |
他就开始向github上传文件了
你可以打开github看看你的仓库,如果里面出现一些文件就说明成功了
访问
1 | https://你的github用户名.github.io |
这就是你的博客了,成功!
写作方法
Hexo博客的文章撰写采取markdown格式,所以我们需要一个markdown编辑器,网上有很多,可以找找,我用的是Stack Edit
,一款在线编辑器,他有下载到桌面的功能,可以满足我们的基础使用
打开windows终端,输入
1 | hexo new "你的新文章的标题" |
这样就新建了一个文章,打开
1 | 博客文件夹\source\_posts |
里面就是存放文章的地方,你可以看到一个和你刚刚创建的文章同名的md文件,打开它开始编辑吧
编辑完成后保存退出,打开windows终端,输入
1 | hexo clean && hexo g && hexo s |
访问
1 | http://localhost:4000/ |
预览一下你的文章,确认无误后,再在终端输入
1 | hexo clean && hexo g && hexo clean && hexo d |
等待一会你的文章就上传完毕了,打开
1 | 你的github用户名.github.io |
即可看到你的博客啦