这篇记录一下我用Hexo来搭建个人博客的一个过程。以下内容都是在Mac环境下搞得,win下也基本一样
安装Git和nodeJS、创建GitHub仓库
hexo是一款基于Node.js的静态博客框架,而我们的网站是搭建在git上的,所以我们必须要有nodeJS、git的环境。安装nodejs、git和创建仓库的过程我就不在这讲,不会的请自行百度。
环境都配置好了以后,我们只需要进入到当前仓库的设置(Settings)里,找到GitHub Pages -> Source 选择master branch并点击Save。保存后页面刷新就会出现红框3的内容了,点击链接就可以进入你的博客了,但是现在还是没有任何的东西。
安装Hexo
安装好nodeJS后,在自己本地创建一个放置博客的文件夹,例如:“/Users/userName/MyWork/Blog”, 打开终端进入到这个博客文件夹中并安装Hexo
# 进入文件夹
cd /Users/userName/MyWork/Blog
# 安装Hexo
sudo npm install -g hexo
# 初始化Hexo
hexo init
初始化完成后blog文件夹的文件目录如下图,至此hexo就安装完成了。
生成静态网页
hexo generate
# 或是
hexo g
启动本地服务
hexo server
# 或是
hexo s
启动本地服务后,终端就会输出一下信息:
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
此时我们打开 http://localhost:4000/ 这个链接就可以直接进入到默认的博客页面了
绑定Git
确认自己已经安装好git环境后,打开编辑"blog/_config.yml"文件,找到“deploy:”将其配置为下面这样
deploy:
type: git
repo: https://github.com/xxxxx/blog.git
branch: master
提示:repo:“仓库地址”+“.git”
配置好后执行以下命令:
npm install hexo-deployer-git --save
推送到git远端
hexo deploy
# 或是
hexo d
生成静态网页和推送远端也可以合为一句命令
hexo g -d
Hexo的常用命令
# 初始化Hexo项目
hexo init
# 清理数据
hexo clean
# 生成静态网页
hexo generate
# 推送到Git远端
hexo deploy
# 启动本地服务
hexo server
# 新建文章
hexo new "postName"
# 新建页面
hexo new page "pageName"
# 帮助
hexo help
# Hexo版本
hexo version
到此为止Hexo博客的基础搭建就全部完成了,这个教程并不长,也不难。博客我一般不喜欢写太长,因为总感觉看不完,阅读起来很累,所以我喜欢将一些长篇大论的文章截成一小段一小段的,阅读的人通过标题就可以很快速的找到自己想看的东西,而不用在一大段文字中去寻找。
网友评论