Web_Basic
  • Introduction
  • Web Component
  • HTML basic
  • CSS basic
    • Inline element 與 Block element
    • 實用CSS 技巧
    • CSS Grid 教學
  • CSS Advance
    • Adobe spectrum
    • CSS Tricks
    • Contain block
    • OOCSS、SMACSS、BEM、SEM、BIO
    • z-index
    • Flexbox教學
    • 使用Materialize css
    • 使用Semantic UI
    • 使用Bootstrap
    • Ant design
    • Less
    • Animation
    • 簡單的特效
    • SCSS
  • Javascript basic
  • 開始寫一個網站前
    • 寫一個靜態網站2
    • 寫一個靜態網站
  • 部屬到github pages
  • 做一個OX小遊戲
  • 做一個貪食蛇小遊戲
  • canvas
  • Regexp
  • SVG
  • Sublime快捷鍵
  • Deploy Blog 使用 Hexo
  • 域名設定
    • 註冊域名信箱
      • 使用AWS SES
      • mailgun
    • subdomain，清除DNS快取
  • 使用cloudflare
  • 使用VNC server
  • SEO
    • Sitemap
    • search console
  • 遠端連線
  • HTML LiveReload
  • ngrok 與 local tunnel
  • Service worker 與 Cache
  • Zeplin 搭配 Sketch
  • 測試 IE 網頁相容性
  • 網站產生器
Powered by GitBook
On this page
  • Deploy Blog 使用 Hexo
  • 1.首先照著如下安裝
  • 2.之後成功可在本機跑起來後即可試著部署到github
  • 3.開啟一個repo 點選 setting 之後建立 github pages
  • 4.到hexo 專案根目錄 _config.yml 加入部署指令
  • 5.注意：如果是使用github.io後面附帶repo name的(也就是gh-pages)
  • 6.重新部署
  • 7.在別的地方develop

Was this helpful?

Deploy Blog 使用 Hexo

PreviousSublime快捷鍵Next域名設定

Last updated 5 years ago

Was this helpful?

Deploy Blog 使用 Hexo

Hexo 是一個快速產生Blog的模板

藉著terminal的指令快速部署

下面為Hexo部署到github pages範例

1.首先照著如下安裝

2.之後成功可在本機跑起來後即可試著部署到github

3.開啟一個repo 點選 setting 之後建立 github pages

4.到hexo 專案根目錄 _config.yml 加入部署指令

deploy:
  type: git
  repo: https://github.com/EasonWang01/blog.git
  branch: gh-pages

5.注意：如果是使用github.io後面附帶repo name的(也就是gh-pages)

需加入如下在config

url及root需更改

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com/blog
root: /blog

即可輸入

hexo deploy

部署

6.重新部署

先刪除.deploy_git 目錄與  public 目錄

之後輸入

hexo deploy

7.在別的地方develop

先把原本hexo init push到一個repo，之後把他拉下來即可

https://hexo.io/zh-tw/