Build Your Hexo Blog (On Github)
超简单,比jekyll好多了!
看个Demo
了解Hexo
Hexo是一个由Node.js驱动的,简单、快速、强大的Blog框架。可以快速的生成静态网页托管在GitHub、BAE等平台上。对Markdown有很好的支持,并支持从Wordpress、Octopress迁移。
A fast, simple & powerful blog framework,powered by Node.js.
Windows下安装
①Git : GitHub Windows 、 http://www.git-scm.com/ 或利用eclipse内置的git
配置用户
git config --global user.email "you@example.com"
git config --global user.name "Your Name"
② Node.JS
③Hexo
在cmd命令行输入:
npm install hexo-cli -g
建博客
hexo init <folder>
cd <folder>
npm install
新版以下插件:EJS, Stylus, Marked not built-in anymore要手动安装
npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save
运行网站
现在命令行要在<folder>目录下,继续执行以下命令,成功后可登录http://localhost:4000/查看效果
hexo generate 或 hexo g
hexo server 或 hexo s
写博
http://hexo.io/docs/writing.html
hexo new "My New Post"
上面的命令生成的文章在source/_posts里面。我们可以在scaffolds里面设置生成新博客的模板
文章有两种layout,如下:
| Layout | Destination |
|---|---|
| post(Default) | source/_posts |
| page | source |
post用来放文章,page可以用来放一些比如“关于我”,“友情链接”,“404页面”之类的页面。GitHub Pages 自定义404页面非常容易,直接在根目录下创建自己的404.html就可以。但是自定义404页面仅对绑定顶级域名的项目才起作用,GitHub默认分配的二级域名是不起作用的,使用hexo server在本机调试也是不起作用的。
目前有如下几个公益404接入地址:
腾讯公益的只需要在source目录添加404.html文件即可,文件内容为:
layout: false
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>宝贝,公益404带你们回家</title>
</head>
<body>
<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8"></script>
</body>
</html>
一定要设置layout:false(还有三个短横线),不然会被hexo解析。
写完之后,可以用hexo generate生成静态文件,然后用hexo server运行本地服务器,查看效果
部署静态网页到GitHub
首先安装模块 npm install hexo-deployer-git --save
然后执行hexo g命令生成public文件夹
再执行 hexo d 会自动commit。
当然,也可以把生成的内容全部拷贝到<同步的git目录>手动上传
绑定域名
你可以在free domains域名免费注册里选择自己喜欢的域名
申请成功之后,添加两条域名解析A记录指向github pages
**.tk. 192.30.252.153
**.tk. 192.30.252.154
或者
添加域名解析CNAME到你的网址**.github.io.
然后在自己的博客仓库根目录新建名为CANME的文件,里面内容为你的域名地址。
Hexo简写命令
hexo n #new
hexo g #generate
hexo s #server
hexo d #deploy
http://hexo.io/docs/commands.html
主题
Reference:
http://ibruce.info/2013/11/22/hexo-your-blog/
http://wsgzao.github.io/post/hexo-guide/
官方文档 http://hexo.io/docs/
https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager
Build Your Hexo Blog (On Github)的更多相关文章
- Build Your Jekyll Blog (On Github)
http://kevinjmh.github.io/web/2014/04/20/build-your-jekyll-blog/ 20 April 2014 On GitHub Follow the ...
- Hexo 博客 github.io MD
Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
- 基于Hexo且在GitHub上搭建博客
title: 基于Hexo且在GitHub上搭建博客 Welcome to Fofade's Blog! 搭建初衷 大大小小,大学两年,玩了很多,也学了很多. 回首望之,曾经不知道的,现在是知道了,但 ...
- 用nodejs安装hexo,将hexo部署到github
跌跌撞撞写这篇博文,希望下一篇可以好点 运行环境:最新版本的nodejs + git 安装好nodejs 和 git ,注册好github账号,新建仓库****.github.io(****为gith ...
- hexo部署到github时,提示typeError [ERR_INVALID_ARG_TYPE] The “mode“ argument must be integer. Receive
hexo部署到github时,提示typeError [ERR_INVALID_ARG_TYPE]: The "mode" argument must be integer. Re ...
- Use Hexo to Build My Gitee Blog
之前有自己建站托管自己的博客系统, 后来因为流量实在太少, 服务器又要每个月出钱, 然后就把她关了, 然是拥有自己的网站的心一直没有退去啊, 然后之前有接触到别人用GitHub托管静态网页的玩法, ...
- Insert Pictures In Hexo Blog
After build my blog following the online course step by step , I began to try to write my own blog️ ...
- 基于Hexo+Node.js+github+coding搭建个人博客——基础篇
附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My ...
- 搭建 Hexo Blog
一.教程参考:https://xuanwo.org/2015/03/26/hexo-intor/ 二.命令总结 1.node -v.npm -v:查看 node.js 是否安装成功 2.npm ins ...
随机推荐
- ionic2如何调用百度地图
使用ionic2接入百度地图 在index.html中引入百度地图的js类库 <script type="text/javascript" src="http:// ...
- webService的wsdl和restful的wadl的区别
WebService之WADL和WSDL区别 两者都是基于自然语言描述的Web Application接口 . WADL主要用于Rest基础. Java开发WebService最重要的两个规范: JS ...
- codevs 1081 线段树练习 2 区间更新 单点查询 无lazy
题目描述 Description 给你N个数,有两种操作 1:给区间[a,b]的所有数都增加X 2:询问第i个数是什么? 输入描述 Input Description 第一行一个正整数n,接下来n行n ...
- 标准IO与文件IO 的区别
先来了解下什么是标准IO以及文件IO. 标准IO:标准I/O是ANSI C建立的一个标准I/O模型,是一个标准函数包和stdio.h头文件中的定义,具有一定的可移植性.标准IO库处理很多细节.例如缓存 ...
- java网络编程(二)
客户端程序: package net; import java.io.OutputStream; import java.net.Socket; /** * Created by hu on 2015 ...
- HttpClient 简介与使用
Http协议的重要性相信不用我多说了,HttpClient相比传统JDK自带的 URLConnection,增加了易用性和灵活性(具体区别,日后我们再讨论),它不仅是客户端发送Http请求变得容易,而 ...
- 《Linux命令行与shell脚本编程大全 第3版》Linux命令行---52
以下为阅读<Linux命令行与shell脚本编程大全 第3版>的读书笔记,为了方便记录,特地与书的内容保持同步,特意做成一节一次随笔,特记录如下:
- MOSFET 符號解說
符號 上面這個是 空乏型 的 MOSFET 符號 (有做過修改), 一個是 P channel, 一個是 N channel, 空乏型本身就有通道,所以中間是沒有斷掉的直線, P 代表 + , 有外放 ...
- Android布局实现阴影效果
最近某个模块的UI,设计想要卡片式阴影效果.之前查阅过资料,用传统的xml方式作为布局的background <?xml version="1.0" encoding=&qu ...
- Cryptography I 学习笔记 --- 基于陷门置换的公钥加密
RSA算法的工作流程 1. 生成公钥私钥 生成两个素数p和q,计算n=p*q,计算φ(n)=n-p-q+1,然后生成e与d,使 e * d = 1 mod φ(n). 然后以(n, e)作为公钥,(n ...