Hexo博客的快速搭建

这篇记录一下我用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博客的基础搭建就全部完成了,这个教程并不长,也不难。博客我一般不喜欢写太长,因为总感觉看不完,阅读起来很累,所以我喜欢将一些长篇大论的文章截成一小段一小段的,阅读的人通过标题就可以很快速的找到自己想看的东西,而不用在一大段文字中去寻找。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容