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和邮箱。这一步对于开发人员来说,应该不难吧,相信大家都能搞定的。

注冊完毕后。登陆输入邮箱名,password,创建一个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 #启动server(有提示,怎么訪问的)
hexo d #部署到线上。也就是github上面
以下部署环节相当于包括进去了,请注意下

最新文章

  1. 【http代理报文】通过发包实现代理请求网页内容
  2. 可在广域网部署运行的QQ高仿版 -- GG叽叽V1.8(源码)
  3. Android中的Semaphore
  4. oreData的学习记录
  5. C++静态计算的例子
  6. MainActivity获取fragment控件button监听报空指针错误
  7. CSS3+Js制作的一款响应式导航条
  8. Session设置不当导致API变成单线程问题的解决
  9. python编写网络抓包分析脚本
  10. Yii --Command 任务处理
  11. CentOs Linux 文件位置标记
  12. Jquery 对DOM 的操作
  13. 代理模式(静态代理、JDK动态代理原理分析、CGLIB动态代理)
  14. 我发起了一个 .Net 开源 跨平台 GUI (界面开发框架)项目 HtmlCore
  15. Spring Boot - 基础 POM 文件
  16. 史丰收速算|2014年蓝桥杯B组题解析第四题-fishers
  17. bubble_sort(归并排序)
  18. P2448 无尽的生命
  19. [sh]shell命令缩写
  20. (14)如何使用Cocos2d-x 3.0制作基于tilemap的游戏:第二部分

热门文章

  1. Springboot统一跨域配置
  2. Blender之Property
  3. A - Supermarket
  4. 使用MALTAB标定实践记录
  5. intellij 创建java web项目(maven管理的SSH)
  6. 在64位WindowsServer2012R2中安装Oracle10g第二版(10.2.0.4.0)-20160106
  7. html 图片翻转
  8. PyCharm for Mac 调整字体大小
  9. node jsonwebtoken
  10. 团体程序设计天梯赛-练习集-L1-042. 日期格式化