---
# System prepended metadata

title: Hexo tutorial
tags: [tutorial, 海山資研, 海山高中資研社, static site, Hexo教學, Hexo, HSPC, blog, 網頁框架, HSPC Hexo, programing]

---

---
title: Hexo tutorial
tags: Hexo教學,海山高中資研社,HSPC,網頁框架,海山資研,HSPC Hexo,Hexo,tutorial,programing,blog,static site
description: 詳細介紹網頁前端框架Hexo的使用方式，讓沒有程式基礎的初學者也可以輕鬆上手，並適用Github Page建立一個屬於自己的網站
lang: zh-TW
author: Yuankai Liu
---

<style>

html, body, .ui-content {
    background-color: #3b3042;
    color: #f2f2f2;
}

body > .ui-infobar {
    display: none;
}

.ui-view-area > .ui-infobar {
    display: block;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    color: #f2f2f2;
}

.markdown-body h1,
.markdown-body h2 {
    border-bottom-color: #ffffff69;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
    color: #f2f2f2;
}

.markdown-body img {
    background-color: transparent;
}

.ui-toc-dropdown .nav>.active:focus>a, .ui-toc-dropdown .nav>.active:hover>a, .ui-toc-dropdown .nav>.active>a {
    color: white;
    border-left: 2px solid white;
}

.expand-toggle:hover, 
.expand-toggle:focus, 
.back-to-top:hover, 
.back-to-top:focus, 
.go-to-bottom:hover, 
.go-to-bottom:focus {
    color: white;
}


.ui-toc-dropdown {
    background-color: #333;
}

.ui-toc-label.btn {
    background-color: #191919;
    color: white;
}

.ui-toc-dropdown .nav>li>a:focus, 
.ui-toc-dropdown .nav>li>a:hover {
    color: white;
    border-left: 1px solid white;
}

.markdown-body blockquote {
    color: #bcbcbc;
}

.markdown-body table tr {
    background-color: #5f5f5f;
}

.markdown-body table tr:nth-child(2n) {
    background-color: #4f4f4f;
}

.markdown-body code,
.markdown-body tt {
    color: #eee;
    background-color: rgba(230, 230, 230, 0.36);
}

a,
.open-files-container li.selected a {
    color: #5EB7E0;
}
</style>
Hexo Tutorial
===
基礎指令集
---
* [創建一個新網頁](/LObG9IV5S3-q-tAd1sr6zQ)
* [新增內容](/ljAly-suQzujSHbpyUmSIA)


更換主題
---
* [指令](/8Px1U3D7S3mjhUdswUqpxA)