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上面
以下部署环节相当于包括进去了,请注意下

Mac下搭建hexo3.0博客的更多相关文章

  1. Ubuntu 搭建Ghost1.0博客系统

    最近想使用Ghost搭建自己的博客网站,网上搜索了下大多都是1.0之前版本搭建的文章,但是Ghost1.0版本已经可用好一段时间了,所以决定根据官方文档搭建Ghost1.0版本的博客系统. 下面开始一 ...

  2. mac下使用marsedit写博客

    在Windows习惯了使用Windows live write写好博客,然后发布上去,到了mac下,发现了一个很好的替代品  MarseEdit 下载安装后,打开出现如下解码,选择 I already ...

  3. Ubuntu系统下使用php7+mysql+apache2搭建自己的博客

    很多人都有写博客的习惯,奈何国内的博客网站正在一家家地关闭与重整,部分博客网站也充斥着太多的广告,使用体验非常不好.对于爱写博客的朋友来说,其实还有一个更好的选择,那就是自己搭建一个博客. 搭建一个自 ...

  4. 第1章 Express MongoDB 搭建多人博客

    学习环境 Node.js : 0.10.22 + Express : 3.4.4 + MongoDB : 2.4.8 + 快速开始 安装 Express express 是 Node.js 上最流行的 ...

  5. 搭建 Typecho 个人博客

    搭建 Typecho 个人博客 前言 最近在学习中,感觉有个自己的博客,用来记录学习总结,写写生活点滴是件不错的事. 在网上看到 Typecho 博客和 WordPress博客,顿时被 Typecho ...

  6. 基于hexo+github搭建一个独立博客

    一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平 ...

  7. Hexo搭建Github静态博客

    1. 环境环境 1.1 安装Git 请参考[1] 1.2 安装node.js 下载:http://nodejs.org/download/ 可以下载 node-v0.10.33-x64.msi 安装时 ...

  8. 如何搭建一个独立博客——简明Github Pages与Hexo教程

    摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后 ...

  9. 使用GitHub+hexo搭建个人独立博客

    前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...

随机推荐

  1. 修改CAS源码是的基于DB的认证方式配置更灵活

    最近在做CAS配置的时候,遇到了数据源不提供密码等数据的情况下,怎样实现密码输入认证呢? 第一步:新建Java项目,根据假面算法生成CAS加密工具 出于保密需要不提供自定义的加密工具,在您的实际项目中 ...

  2. Django学习案例一(blog):三. 模型生成数据

    1. 什么是模型models Django中以创建类的形式来创建数据表. 在编写代码的过程中,所有对数据库的操作,都是对类和类的对象进行操作. ORM对象关系映射(Object relation ma ...

  3. WebGL画点程序v3

    本文程序实现画一个点的任务,如下图.其中,点的颜色由Javascript传到片元着色器程序中. 整个程序包含两个文件,分别是: 1. HelloPoint3.html <!DOCTYPE HTM ...

  4. [读书笔记]-技术学习-Redis

    1:Redis概览 Remote Dictionary Server 远程字典服务 Redis是基于内存的存储 在一台普通的笔记本上,Redis每秒的读取速度可以达到10万 内存读取数据,断电的时候数 ...

  5. promise原理及使用方法

    Promise 的含义 所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束的事件(通常是一个异步操作)的结果.从语法上说,Promise是一个对象,从它可以获取异步操作的消息. re ...

  6. webpack学习(四)— webpack-dev-server

    webpack提供给我们检查压缩代码的功能之外,还提供了1个服务器的插件,这就是webpack-dev-server,利用这个差价我们可以启动个web服务器并时时更新我们的修改. 下面以1个简单的例子 ...

  7. java操作Excel的poi 创建一个sheet页

    package com.java.poi; import org.apache.poi.hssf.usermodel.HSSFWorkbook; import org.apache.poi.ss.us ...

  8. MessageFormat.format()用法

    1.java.text.Format的继承结构如下   2.MessageFormat模式 FormatElement { ArgumentIndex }:是从0开始的入参位置索引 { Argumen ...

  9. 【剑指Offer】20、包含min函数的栈

      题目描述:   定义栈的数据结构,请在该类型中实现一个能够得到栈中所含最小元素的min函数(时间复杂度应为O(1)).   解题思路:   使用两个stack,一个为数据栈,另一个为辅助栈.数据栈 ...

  10. [置顶] 来自 Google 的高可用架构理念与实践

    转自:   https://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=402738153&idx=1&sn=af5e76aad ...