Build Your Hexo Blog (On Github)

超简单,比jekyll好多了!

了解Hexo

Hexo是一个由Node.js驱动的,简单、快速、强大的Blog框架。可以快速的生成静态网页托管在GitHub、BAE等平台上。对Markdown有很好的支持,并支持从Wordpress、Octopress迁移。

A fast, simple & powerful blog framework,powered by Node.js.

hexo.io

安装GIT

GitHub Windows

http://www.git-scm.com/

或利用eclipse内置的git

安装Node.JS  Node.JS

安装Hexo

配置好GitHub家目录后,双击桌面上的Git Shell,输入npm命令即可安装

或在cmd命令行输入

npm install -g hexo

建博客

cd 到想要保存的目录后

$ 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 server

写博

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

New repository,name必须和用户名一致,如kevinjmh.github.io

执行hexo g命令生成public文件夹

把生成的内容全部拷贝到<同步的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

主题

https://github.com/hexojs/hexo/wiki/Themes

http://yangjian.me/pacman/hello/introducing-pacman-theme/

Reference:

http://ibruce.info/2013/11/22/hexo-your-blog/

http://wsgzao.github.io/post/hexo-guide/

官方文档 http://hexo.io/docs/

时间: 2024-10-12 18:15:10

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 instructions on jekyllbootstrap On Windows Tutorial Download rubyinstaller&DevKit Run command in cmd: gem install bundler gem install jekyll Visit Loc

用nodejs安装hexo,将hexo部署到github

跌跌撞撞写这篇博文,希望下一篇可以好点 运行环境:最新版本的nodejs + git 安装好nodejs 和 git ,注册好github账号,新建仓库****.github.io(****为github的用户名) 在git命令行中运行 一.安装hexo 1.检测node的版本命令:node -v (v5.6.0)检测npm的版本命令:npm -v(3.6.0) 2.安装hexo的命令:npm install -g hexo检测hexo的版本命令:hexo version 3.在e盘建立hexo

基于Hexo+Node.js+github+coding搭建个人博客——基础篇

附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My Blog Trip - Power By Hexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 = =废话不多说,进入主题 Hexo博客搭建的基础大致流程为: 安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pa

BUILD 2015: Visual Studio对GitHub的支持

微软BUILD 2015大会上发布了Visual Studio 对GitHub的支持.安装了如下Developer Assistant插件后,你便可以在Visual Studio中找到GitHub上的示例代码,或一键下载GitHub上知名的开源项目 Developer Assistant for Visual Studio 2015 RC Developer Assistant for Visual Studio 2013 Developer Assistant for Visual Studi

Github: write blog by github

Reference: 1. 利用GitHub写博客的几种方式: https://github.com/rainzhaojy/blogs/issues/1 2. https://yq.aliyun.com/roundtable/493552 3. https://linuxtechlab.com/how-to-install-github-on-ubuntu-step-by-step/ 4. github pages: https://pages.github.com/ 原文地址:https://

Hexo+Github博客最简教程-Dockerfile自动搭建

闲谈 拿出你的气质,打开你的电脑,借你半小时搭建好属于你的hexo博客,小生用dockerfile自动帮你搭建好:你只需要在你的mac或linux或windows上提前把docker安装好,如何安装不是我的重点,请参考Docker安装:作为程序员,博客就像你的影子,我都已经忘了内心曾经多少次告诫自己,一定要搭建一个属于自己的技术博客,奈何日复一日过去了,近来终于落实到行动上来,所谓明日复明日,明日何其多,早晚要做的事,劝君晚做不如早做. 搭建Hexo 获取基础镜像 Docker安装成功之后方能进

利用hexo和github建立个人博客 适合小白的~

因为我自己用的是window 7系统,所以下面的教程是针对window系统的 首先需要准备的有 Git v1.9.5 下载地址:百度云 Node.js v0.12.5 x64 下载地址: 百度云 安装Git 作用:把本地的hexo提交到github上面去: 一路点击“Next”就好了 在这里选择对应的window选项 安装Node.js Node也是一样简单,也是一路“Next”就好,然后就等待安装完成 接下来就要验证软件是否正确的安装了 在运行里面输入“cmd” 然后输入如图所示的命令,如果结

记自己利用hexo和github搭建个人博客的过程

--------------------------------------可能我书写的方式跟别人顺序不一样,但这是我的成功经验-------------------------------------- 1.先看成果---小小易的个人博客 2.工具+版本 npm 3.10.8 git Shell 3.开始 1),先从简单的开始: 先去github里创建一个repository;如图; 创建后的页面 ![image](D:\blog\source\hexoImg/2017-04-25_00260

使用Hexo搭建Github静态博客

1. 环境环境 1.1 安装Git 默认配置就好 1.2 安装node.js 下载:http://nodejs.org/download/ 安装时直接保持默认配置即可. 2. 配置Github 1.1 建立Repository 建立与你用户名对应的仓库,仓库名必须为[your_user_name.github.io] 1.2 配置SSH-Key 参考文章:window下配置SSH连接GitHub.GitHub配置ssh key 3. 安装Hexo 关于Hexo的安装配置过程,请以官方Hexo[2