Build Your Hexo Blog (On Github)

时间 2019-11-12

标签 build hexo blog github 栏目 Git 繁體版

原文原文链接

超简单，比jekyll好多了！

看个Demojavascript

http://kevinjmh.github.io/ html

了解Hexo

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

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

Windows下安装

①Git ： GitHub Windows 、 http://www.git-scm.com/ 或利用eclipse内置的gitgit

配置用户github

git config --global user.email "you@example.com"
git config --global user.name "Your Name"web

② Node.JSnpm

③Hexowindows

在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

主题

pacman

jacman

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