Mac下搭建hexo3.0博客

原创 2015年07月06日 17:57:35

Mac下搭建hexo3.0博客(文章同步自个人博客网站以及Github博客https://xingstarx.github.io/)

window环境下搭建hexo博客

具体内容可以参考这一篇文章如何搭建一个独立博客——简明Github Pages与Hexo教程本人博客搭建过程也是参考了上面的部分内容。

安装Node.js和git

安装Node.js

Node.js网站上下载后缀为pkg的文件,点击安装。
在终端下输入

node -v
npm -v

若无错,则显示版本号

本人的信息如下:

hexo git:(master) ✗ node -v

v0.12.5

hexo git:(master) ✗ npm -v

2.11.2

安装git

Mac下先安装Xcode,不然总会出现各种问题,尽量按照标准的做法来,具体做法如下:

安装Xcode,启动Xcode,进入 Preferences -> Download -> Command Line Tools -> Install 安装命令行工具。

安装完成后,输入命令检测

hexo git:(master) ✗ git –version

git version 2.3.2 (Apple Git-55)

安装hexo

在某个文件夹下面,创建个临时目录吧,如xingstarx,通过终端命令,进入该目录下面。

执行命令

npm install -g hexo-cli

可能会提示出错,无法安装,问题出在root用户上

需要通过以下来启动安装程序
,这样等一段时间变好了

sudo npm install -g hexo-cli 

建站

接着上面的操作,创建了一个名为hexo的文件夹,(这里可以创建任意的名称,选自己喜欢的)

{% codeblock %}
hexo init hexo
cd hexo
npm install
{% endcodeblock %}

创建博客的目录结构

这里可以通过 git管理该目录,(git init)
我是通过sourcetree来操作的,创建本地的git仓库,然后开始准备建立远程仓库,也就是github的仓库

开通github账号

注册github的账号,注册自己的username和邮箱,这一步对于开发者来说,应该不难吧,相信大家都能搞定的。

注册完成后,登陆输入邮箱名,密码,创建一个repository(这一块就不放图片了,大家可以看这个链接对应的文章的图片,建立仓库),我的名称是xingstarx.github.io,前面的名称就是自己github账号的名称,需要对应一致。创建好自己的repo。

git仓库

通过source tree软件,给本地的hexo仓库添加远程库,(对sourcetree软件不熟悉的可以google下教程),点击remotes,添加远程库

(这样修改本地库后,可以推送本地代码到远程仓库)

配置

修改_config.yml文件里面的内容,_config.yml文件存放在hexo根目录下面,修改title,url,new_post_name等信息,要注意的一点就是,

title: xingstar's blogs 

title:是有一个空格的,千万要注意,不然后面会出错的。

我修改的部分如下:

title: xingstar's blogs
subtitle:
description: 技术成长 记录
author: xingstar
email: xxx823952375@gmail.com
language: zh-CN 
url: http://xingstarx.github.io
new_post_name: :year-:month-:day-:title.md # File name of new posts
deploy:
  type: git
  repo: https://github.com/xingstarx/xingstarx.github.io.git
  branch: master

还需要注意一点的就是,deploy方式,的type类型是git方式,而非github,hexo3.0得用这种方式,然后配置自己的repo,以及branch

另外,再介绍修改主题的内容

git clone https://github.com/wuchong/jacman.git themes/jacman

添加了一种主题,需要到配置文件里面修改,将原来的值改为jacman

theme: jacman

写博客

下面再介绍写博客的内容,在hexo目录下,启动终端,或者用别的方式切换到hexo目录下,按下面的方式创建文章

➜ xingstarx hexo new post 初次体验hexo

即创建了一篇名为初次体验hexo的博客文章的markdown文件。由于前面我设置的(new_post_name: :year-:month-:day-:title.md # File name of new posts)生成的markdown文件也会带上时间前缀。具体的文件是在hexo/source/_posts目录下/2015-06-24-初次体验hexo.md
然后可以通过markdown编辑器来编辑文章,添加文章的内容,推荐一款markdown编辑器mou还比较方便使用,下面是我随手写的内容,开头部分是自动生成的,包括title,时间等信息

title: 初次体验hexo
date: 2015-06-24 16:32:12
tags:
安装git和nodejs
mac下安装git
mac下安装nodejs,在nodejs.org上面下载pkg文件
安装hexo

就先写这么多的内容,写完后,运行以下一系列的命令:

hexo g #生成文件
hexo s #启动服务器(有提示,怎么访问的)
hexo d #部署到线上,也就是github上面
下面部署环节相当于包含进去了,请注意下

Mac下利用Hexo+GitHub轻松搭建自己的博客

今年4月份就在mac下利用hexo搭建了一个博客,因换了一台电脑,项目丢失,需重新安装。 整理一下安装流程: 1.hexo是基于nodejs的,需安装nodejs,安装nodejs最好选择homeb...
  • jasonjwl
  • jasonjwl
  • 2016年10月23日 15:03
  • 2493

Mac系统下使用Hexo+GitHub搭建博客

前言     最近发现身边的小伙伴都搞了博客,这段工作不是很忙,自己也打算搞一个玩玩。     在网上查到有人基于WordPress搭建了博客,这个需要数据库啊,服务器之类的,感觉有点麻烦,后来在网上...
  • liu_wentao
  • liu_wentao
  • 2017年04月14日 17:24
  • 349

Mac下Hexo+GitHub搭建博客图文教程

安装Node.js 从官网下载好一步步安装就行了,或者从这下载node-v4.3.1安装,密码: 3n33。 安装Git Xcode自带Git,详细安装方法自行搜索。 安装Hexo Node...
  • gfbgl
  • gfbgl
  • 2016年02月21日 17:10
  • 3257

Mac平台打造github上hexo博客全过程

简介人玩博客有三个阶段,一是在平台写,但是写着写着就会发现限制太多。比如前些年,你写个关于goagent的文章就会审核不过.博客流量来了,你想挂个广告之类的也不行。本人是受实名制的影响,在写博客上有顾...
  • yanzi1225627
  • yanzi1225627
  • 2017年01月16日 01:52
  • 1774

Mac下使用Hexo搭建个人博客

Mac下使用Hexo搭建个人博客Hexo介绍 利用原作者的一句话:A fast,simple&powerful blog framework,powered by Node.js Hex...
  • qq_30379689
  • qq_30379689
  • 2016年10月18日 23:59
  • 3044

Hexo3.0和Github搭建博客

1 配置环境1.1 安装brew 1.1.1 命令行输入:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/H...
  • u010828718
  • u010828718
  • 2017年02月17日 14:11
  • 283

Mac下利用Hexo+GitHub搭建自己的博客

一、mac下利用hexo搭建一个博客,已有公司git账户 已有公司git账户,就用改配置文件的方式一,如果没有,可以用方式二。 因为git账户默认配置是global的,会相互覆盖,如果不觉得来回切换...
  • qianqianstd
  • qianqianstd
  • 2017年02月19日 22:04
  • 2189

Mac下使用Jekyll和github搭建个人博客

安装ruby 安装gem 安装jekyll 安装博客 本地启动博客 部署到github 添加文章 使用主题 绑定域名 About1 安装rubymac自带, 没有则使用brew安装brew insta...
  • alex_my
  • alex_my
  • 2017年02月22日 11:34
  • 2093

mac wordpress + 阿里云 搭建个人博客

引子:          工作了也快两年了,是应该自己写个博客记录下工作历程了,但是当我打开了csdn注册完账号的时候,扑面而来一股令人窒息的程序员气息,寻求换肤功能而不可得之后我选择自己搭建一...
  • eighteenElder
  • eighteenElder
  • 2017年03月05日 17:05
  • 1156

Mac上搭建基于GitHub的Hexo博客 (亲测可用)

这是一篇详细文章来讲述用Mac搭建Hexo博客于Github上的完整历程, 也是踩了无数的坑搭起来的,现在写下些经验来分享,希望能帮大家少踩些坑。 曾买过一款阿里的云虚拟主机,后来才发现不能自己...
  • xbw12138
  • xbw12138
  • 2016年09月04日 00:43
  • 1262
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Mac下搭建hexo3.0博客
举报原因:
原因补充:

(最多只允许输入30个字)