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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。